69 lines
2.7 KiB
HTML
69 lines
2.7 KiB
HTML
<app-header></app-header>
|
|
|
|
<p-table showGridlines
|
|
stripedRows
|
|
[value]="posts">
|
|
<ng-template pTemplate="header">
|
|
<tr>
|
|
<th>ID</th>
|
|
<th>Titre</th>
|
|
<th>Catégorie</th>
|
|
<th>Date de publication</th>
|
|
<th>Description</th>
|
|
<th></th>
|
|
<th></th>
|
|
<th></th>
|
|
</tr>
|
|
</ng-template>
|
|
<ng-template pTemplate="body" let-post let-rowIndex="rowIndex">
|
|
<tr>
|
|
<td>{{ post.id }}</td>
|
|
<td>{{ post.title }}</td>
|
|
<td>{{ post.category }}</td>
|
|
<td>{{ post.publicationDate | date: "dd/MM/yyyy à HH:mm" }}</td>
|
|
<td>{{ post.description }}</td>
|
|
<td>
|
|
<p-button icon="pi pi-eye" (click)="openDialog(previewDialogVisibility, rowIndex)" severity="info"
|
|
label="Prévisualiser"/>
|
|
<p-dialog class="preview-dialog" header='Prévisualisation de "{{ post.title }}"' [modal]="true"
|
|
[(visible)]="previewDialogVisibility[rowIndex]">
|
|
<app-post-home [title]="post.title"
|
|
[description]="post.description"
|
|
[category]="post.category"
|
|
[date]="post.publicationDate"
|
|
[illustration]="post.illustration"/>
|
|
</p-dialog>
|
|
</td>
|
|
<td>
|
|
<p-button icon="pi pi-pencil" (click)="openDialog(updateDialogVisibility, rowIndex)" severity="warn"
|
|
label="Modifier"/>
|
|
<p-dialog header='Modifier "{{ post.title }}"' [modal]="true" [(visible)]="updateDialogVisibility[rowIndex]">
|
|
<app-post-form [actualAuthor]="actualAuthor"
|
|
[postId]="post.id"
|
|
[isUpdateMode]="true"
|
|
[title]="post.title"
|
|
[category]="post.category"
|
|
[description]="post.description"
|
|
[body]="post.body"/>
|
|
</p-dialog>
|
|
</td>
|
|
<td>
|
|
<p-button icon="pi pi-trash" (click)="openDialog(deleteDialogVisibility, rowIndex)" severity="danger"
|
|
label="Supprimer"/>
|
|
<p-dialog header='Êtes-vous sur de bien vouloir supprimer "{{ post.title }}"' [modal]="true"
|
|
[(visible)]="deleteDialogVisibility[rowIndex]">
|
|
<div class="delete-dialog">
|
|
<p-button label="Annuler"
|
|
icon="pi pi-times"
|
|
severity="info"
|
|
(click)="closeDialog(deleteDialogVisibility, rowIndex)"/>
|
|
<p-button (click)="deletePost(post.id, rowIndex)"
|
|
label="Oui" icon="pi pi-trash"
|
|
severity="danger"/>
|
|
</div>
|
|
</p-dialog>
|
|
</td>
|
|
</tr>
|
|
</ng-template>
|
|
</p-table>
|