avancées à merge

src/app/components/side-bar/side-bar.component.html

@@ -1,12 +1,12 @@
 <nav class="wrapper  md-auto position-fixed ">
   <ul class="nav flex-column" id="sticky-sidebar">
     <li class="nav-item" ngbNavItem="maTeam" >
-      <a routerLink="../compte" routerLinkActive="active-custom" class="nav-link">
+      <a routerLink="/compte" routerLinkActive="active-custom" class="nav-link">
         <i class="bi bi-people-fill"></i>
         Ma Team</a>
     </li>
     <li class="nav-item" ngbNavItem="maTeam" >
-      <a routerLink="../tableau-de-bord" routerLinkActive="active-custom" class="nav-link">
+      <a routerLink="/tableau-de-bord" routerLinkActive="active-custom" class="nav-link">
         <i class="bi bi-clipboard-data"></i>
         Dashboard</a>
     </li>
@@ -16,17 +16,17 @@
         Répertoire</a>
     </li>
     <li class="nav-item">
-      <a routerLink="../to-do-list" routerLinkActive="active-custom" class="nav-link">
+      <a routerLink="/to-do-list" routerLinkActive="active-custom" class="nav-link">
         <i class="bi bi-check2-square"></i>
         To-Do-List</a>
     </li>
     <li class="nav-item">
-      <a routerLink="../menu" routerLinkActive="active-custom" class="nav-link">
+      <a routerLink="/menu" routerLinkActive="active-custom" class="nav-link">
         <i class='fas fa-pizza-slice'></i>
         Menus</a>
     </li>
     <li class="nav-item">
-      <a routerLink="../agenda" routerLinkActive="active-custom" class="nav-link">
+      <a routerLink="/agenda" routerLinkActive="active-custom" class="nav-link">
         <i class="bi bi-calendar-event"></i>
         Agenda</a>
     </li>

src/app/pages/page-update-member/page-update-member.component.html

@@ -15,6 +15,7 @@
               name="couleur"
               formControlName="couleurFc"
               value="{{membreInfos.couleur}}"
+              [(ngModel)]="membreInfos.couleur"
             />
           </div>
           <label for="floatingInputcouleur" class="d-flex justify-content-center" >Choisissez une couleur</label>
@@ -27,6 +28,7 @@
               name="lastName"
               formControlName="lastNameFc"
               value="{{membreInfos.nom}}"
+              [(ngModel)]="membreInfos.nom"
               />
             <label for="floatingInputlastName">Nom</label>
           </div>
@@ -39,6 +41,7 @@
               name="firstName"
               formControlName="firstNameFc"
               value="{{membreInfos.prenom}}"
+              [(ngModel)]="membreInfos.prenom"
             />
             <label for="floatingInputfirstName">Prénom</label>
           </div>
@@ -51,6 +54,7 @@
               name="dateNaissance"
               formControlName="dateNaissanceFc"
               value="{{membreInfos.dateNaissance}}"
+              [(ngModel)]="membreInfos.dateNaissance"
             />
             <label for="floatingInputdateNaissance"
               >Date de naissance</label
@@ -65,6 +69,7 @@
               name="email"
               formControlName="emailFc"
               value="{{membreInfos.email}}"
+              [(ngModel)]="membreInfos.email"
             />
             <label for="floatingInputemail">Email</label>
           </div>
@@ -76,17 +81,28 @@
               name="Role"
               formControlName="roleFc"
               value="{{membreInfos.roleList}}"
+              [(ngModel)]="membreInfos.roleList"
             >
               <option value="ROLE_PARENT">Adulte</option>
               <option value="ROLE_ENFANT">Enfant</option>
             </select>
             <label value="ROLE_PARENT">Sélectionnez un profil</label>
           </div>
-
+          <div class="form-floating">
+            <input hidden
+              type="password"
+              class="form-control"
+              id="floatingPassword"
+              placeholder=""
+              name="password"
+              formControlName="passwordFc"
+              value="{{membreInfos.password}}"
+              [(ngModel)]="membreInfos.password"
+            />
+          </div>
           <button
             class="w-100 btn btn-lg btn-outline-success"
             type="submit"
-
           >Valider
           </button>
         </form>

src/app/pages/page-update-member/page-update-member.component.ts

@@ -63,6 +63,7 @@ export class PageUpdateMemberComponent implements OnInit {
 
   /** Méthode qui initialise les champs du formulaire avec les infos de la BDD **/
   private initForm(membre?: Membre): FormGroup {
+
     return this.fb.group({
       nom:[membre ? membre.nom : ''],
       prenom: [membre ? membre.prenom : ''],
@@ -75,6 +76,7 @@ export class PageUpdateMemberComponent implements OnInit {
     });
   }
 
+
   /** Méthode qui envoie les champs modifiés pour mise à jour **/
   public onSubmit(): void {
     const firstNameValue = this.updateMembreForm.value['firstNameFc'];
@@ -98,8 +100,10 @@ export class PageUpdateMemberComponent implements OnInit {
       roleList: [roleValue]
     };
 
-    this.membreService.updateMembre(membre).subscribe((resp) => {
-      this.router.navigate(['compte']);
+    console.log(membre);
+
+    this.membreService.updateMembre(membre)?.subscribe((resp) => {
+      //this.router.navigate(['compte']);
     });
   }
 

src/app/services/membre.service.ts

@@ -48,8 +48,13 @@ export class MembreService {
   deleteMembre(membre: Membre): Observable<any> {
     return this.http.delete(`${this.apiUrl}/membres/delete/1`);
   }
-  //modifier pour récupérer id et pas mettre un id par défaut
-  updateMembre(membre: Membre): Observable<any> {
-    return this.http.put(`${this.apiUrl}/membres/update/1`, membre);
+
+  updateMembre(membre: Membre): Observable<any> | void {
+    const teamId = this.tokenService.getCurrentTeamId();
+    if (teamId){
+    return this.http.put(`${this.apiUrl}/membres/update/${teamId}/${membre.id}`, membre);
+  }else {
+      this.router.navigate(['accueil']);
+    }
 }
 }