51 lines
2.0 KiB
HTML
51 lines
2.0 KiB
HTML
<nz-table [nzData]="users()"
|
|
[nzLoading]="usersLoading()">
|
|
<thead>
|
|
<tr style="text-align: center">
|
|
<th>Nom</th>
|
|
<th>Prénom</th>
|
|
<th>Email</th>
|
|
<th>Anniversaire</th>
|
|
<th>Emprunt</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody style="text-align: center">
|
|
@for (user of users(); track user.id) {
|
|
<tr>
|
|
<td>{{ user.name}}</td>
|
|
<td>{{ user.firstName }}</td>
|
|
<td>{{ user.email }}</td>
|
|
<td>{{ user.birthDate | date: 'dd/MM/yyyy'}}</td>
|
|
<td>
|
|
<app-modal type="link" [name]="'Voir les emprunts'">
|
|
<nz-table [nzData]="users()">
|
|
<thead>
|
|
<tr style="text-align: center">
|
|
<th>Livre</th>
|
|
<th>Date d'enregistrement</th>
|
|
<th>Date de retour finale</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody style="text-align: center">
|
|
@for (loan of user.loans; track loan.id) {
|
|
<tr>
|
|
<td>{{ loan.bookTitle }}</td>
|
|
<td>{{ loan.date | date: 'dd/MM/yyyy' }}</td>
|
|
<td>{{ loan.effectiveReturningDate | date: 'dd/MM/yyyy'}}</td>
|
|
</tr>
|
|
}
|
|
</tbody>
|
|
</nz-table>
|
|
</app-modal>
|
|
</td>
|
|
<td>
|
|
<app-modal [name]="'Modifier'">
|
|
<app-update-user></app-update-user>
|
|
</app-modal>
|
|
<button nz-button nzType="primary" (click)="delete()" class="bg-red-600 border-red-600">Supprimer</button>
|
|
</td>
|
|
</tr>
|
|
}
|
|
</tbody>
|
|
</nz-table> |