| @@ -130,34 +130,34 @@ | |||||
| <h2>Notizen</h2> | <h2>Notizen</h2> | ||||
| <button (click)="openModalNewPosting()">Neue Notiz</button> | <button (click)="openModalNewPosting()">Neue Notiz</button> | ||||
| </div> | </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> | </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> | ||||
| </div> | </div> | ||||
| <div class="d-flex justify-content-end"> | |||||
| <a routerLink="#" class="badge bg-secondary">Kommentieren</a> | |||||
| </div> | |||||
| </div> | </div> | ||||
| <mat-paginator *ngIf="posts.length > 0" class="mb-4" [length]="postsLength" | <mat-paginator *ngIf="posts.length > 0" class="mb-4" [length]="postsLength" | ||||
| (page)="postsHandlePageEvent($event)" | (page)="postsHandlePageEvent($event)" | ||||