Mise à jour des interfaces de l'ajout d'une note et des détails d'une note

src/app/notes/details-note/details-note.component.html

@@ -4,17 +4,11 @@
     <mat-spinner></mat-spinner>
 </ng-container>
 <ng-container *ngIf="note != undefined">
+    <h3>{{note.titre}}</h3>
     <p>Collaborateur : {{ note.collaborateur.nom }} {{ note.collaborateur.prenom }}  <button mat-raised-button color="link" [routerLink]="['/collaborateurs', note.collaborateur.id]">Voir les détails</button></p>
+    <p>{{note.texte}}</p>
     <p>Créé le {{ note.dateCreation | date : 'dd/MM/yyyy à hh:mm'}}</p>
     <p>Dernère mise à jour le {{ note.dateMiseAjour | date : 'dd/MM/yyyy à hh:mm'}}</p>
-        
-    <h2>Titre</h2>
-    <div>
-        <mat-form-field appearance="fill">
-            <mat-label>Contenu de la note</mat-label>
-            <textarea matInput disabled >{{note.texte}}</textarea>
-        </mat-form-field>
-    </div>
     <button mat-raised-button [routerLink]="['/notes', note.id, 'edit']">Modifier la note </button>
     <button mat-raised-button color="warn">Supprimer la note</button>
 </ng-container>

src/app/notes/nouvelle-note/nouvelle-note.component.html

@@ -4,6 +4,10 @@
 
 <!--Formulaire-->
 
+<div>
+    <p>{{ collaborateurChoisi == undefined ? 'Aucun collaborateur sélectionné' : collaborateurChoisi.nom+ " " +collaborateurChoisi.prenom}}<button mat-stroked-button (click)="choixCollaborateur()">Choisir un collaborateur</button></p>
+</div>
+
 <form [formGroup]="noteForm" >
     <div>
         <mat-form-field>
@@ -17,9 +21,6 @@
             <textarea matInput formControlName="texte"></textarea>
         </mat-form-field>
     </div>
-    <div>
-        <p>{{ collaborateurChoisi == undefined ? 'Aucun collaborateur sélectionné' : collaborateurChoisi.nom+ " " +collaborateurChoisi.prenom}}<button mat-stroked-button (click)="choixCollaborateur()">Choisir un collaborateur</button></p>
-    </div>
         
     <div>
         <button mat-raised-button (click)="ajouterNote()">Ajouter une nouvelle note</button>