|
|
|
@@ -130,34 +130,34 @@ |
|
|
|
<h2>Notizen</h2> |
|
|
|
<button (click)="openModalNewPosting()">Neue Notiz</button> |
|
|
|
</div> |
|
|
|
<div *ngFor="let post of posts"> |
|
|
|
<div class="post mb-3"> |
|
|
|
<div class="card"> |
|
|
|
<div class="card-body"> |
|
|
|
<div class="d-flex justify-content-between align-items-center"> |
|
|
|
<p>{{ post.createdAt | date:'dd.MM.YYYY hh:mm' }}</p> |
|
|
|
<p>{{ post.ownerName }}</p> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<h3>{{ post.headline }}</h3> |
|
|
|
<p>{{ post.message }}</p> |
|
|
|
</div> |
|
|
|
<div class="post mb-3" *ngFor="let post of posts"> |
|
|
|
<div class="card"> |
|
|
|
<div class="card-body"> |
|
|
|
<div class="d-flex justify-content-between align-items-center"> |
|
|
|
<p>{{ post.createdAt | date:'dd.MM.YYYY hh:mm' }}</p> |
|
|
|
<p>{{ post.ownerName }}</p> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<h3>{{ post.headline }}</h3> |
|
|
|
<p>{{ post.message }}</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div *ngFor="let comment of post.comments"> |
|
|
|
<div class="card ms-5"> |
|
|
|
<div class="card-body"> |
|
|
|
<div class="d-flex justify-content-between align-items-center"> |
|
|
|
<p>{{ comment.createdAt | date:'dd.MM.YYYY hh:mm' }}</p> |
|
|
|
<p>{{ comment.ownerName }}</p> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<p>{{ comment.message }}</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="card ms-5" *ngFor="let comment of post.comments"> |
|
|
|
<div class="card-body"> |
|
|
|
<div class="d-flex justify-content-between align-items-center"> |
|
|
|
<p>{{ comment.createdAt | date:'dd.MM.YYYY hh:mm' }}</p> |
|
|
|
<p>{{ comment.ownerName }}</p> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<p>{{ comment.message }}</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="d-flex justify-content-end"> |
|
|
|
<a routerLink="#" class="badge bg-secondary">Kommentieren</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<mat-paginator *ngIf="posts.length > 0" class="mb-4" [length]="postsLength" |
|
|
|
(page)="postsHandlePageEvent($event)" |
|
|
|
|