16-5 Déplacer le bouton de création
En dernier lieu, déplaçons le bouton Nouveau projet de façon à ce qu'il soit sur la même ligne que le titre Projets.
On déplacera le bouton du composant projets-liste vers la page projets-index.
- Supprimer le bouton
Nouveau projetde la composanteprojets-listesrc/app/features/projets/components/projets-liste.ts@Component({
selector: 'app-projets-liste',
imports: [
RouterLink,
DatePipe
],
template: `
// RETIREZ CES LIGNES!
<div class="mb-3">
<a class="btn btn-primary" routerLink="/projets/creer">Nouveau projet</a>
</div> - Modifiez
projets-indexafin d'y ajouter le bouton de créationsrc/app/features/projets/pages/projets-index.ts@Component({
selector: 'app-projets-index',
imports: [
ProjetsListe,
RouterLink
],
template: `
<div class="row mb-3 mt-3">
<div class="col-lg-9"><h1>Projets</h1></div>
<div class="col-lg-3 d-flex align-items-center justify-content-end">
<a class="btn btn-primary" routerLink="/projets/creer">Nouveau projet</a>
</div>
</div>
<app-projets-liste [projets]="projets" (projetDeleted)="gestionProjetDeleted($event)"></app-projets-liste>
`,
styles: ``
}) - Admirez!
http://localhost:4200

