added modal-icon

This commit is contained in:
2025-11-18 19:03:47 +01:00
parent 4b5fd254a1
commit cdb32b8e76
11 changed files with 91 additions and 25 deletions

View File

@@ -19,14 +19,16 @@
<td>{{ book.releaseYear}}</td>
<div style="justify-content: center; display: flex">
<td>
<app-modal [name]="'Modifier'">
<app-modal-icon nameIcon="edit" [name]="'Modifier'">
<app-update-book></app-update-book>
</app-modal>
</app-modal-icon>
<nz-divider nzType="vertical"></nz-divider>
<div>
<button nz-button nzType="primary" (click)="delete()" class="bg-red-600 border-red-600">Supprimer</button>
<div>
<nz-icon nzType="delete" nzTheme="outline" (click)="delete()" class="text-red-600"></nz-icon>
</div>
</div>
</td>
</div>

View File

@@ -1,21 +1,21 @@
import {Component, inject, OnInit, signal} from '@angular/core'; // Importation de la fonction input() et des components
import {Modal} from "../modal/modal";
import {NzButtonComponent} from "ng-zorro-antd/button";
import {BooksService, GetBookDto} from "../../services/api";
import {NzNotificationService} from "ng-zorro-antd/notification";
import {firstValueFrom} from "rxjs";
import {NzTableComponent} from "ng-zorro-antd/table";
import {NzDividerComponent} from "ng-zorro-antd/divider";
import {UpdateBook} from "../update-book/update-book";
import {ModalIcon} from "../modal-icon/modal-icon";
import {NzIconDirective} from "ng-zorro-antd/icon";
@Component({
selector: 'app-book-table',
imports: [
Modal,
NzButtonComponent,
NzTableComponent,
NzDividerComponent,
UpdateBook,
ModalIcon,
NzIconDirective,
],
templateUrl: './book-table.html',
styleUrl: './book-table.css',