Merge branch 'dev' into aline

2022-02-17 10:31:30 +01:00 · 2022-02-17 10:31:30 +01:00 · 44d00b0217
commit 44d00b0217
parent f93962a330 57ca1768da
28 changed files with 485 additions and 11858 deletions
--- a/package-lock.json
+++ b/package-lock.json
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@ -23,7 +23,6 @@ import { PageDashboardComponent } from './pages/page-dashboard/page-dashboard.co
 import { MeteoComponent } from './components/meteo/meteo.component';
 import { HumeurComponent } from './components/humeur/humeur.component';
 import { CalendrierComponent } from './components/calendrier/calendrier.component';
-import { AvatarComponent } from './components/avatar/avatar.component';
 import { CardMemberComponent } from './components/card-member/card-member.component';
 import { ToDoListComponent } from './components/to-do-list/to-do-list.component';
 import { TacheComponent } from './components/tache/tache.component';
@ -66,7 +65,6 @@ import { EmoticonComponent } from './emoticon/emoticon.component';
    MeteoComponent,
    HumeurComponent,
    CalendrierComponent,
-    AvatarComponent,
    CardMemberComponent,
    ToDoListComponent,
    TacheComponent,
--- a/src/app/components/avatar/avatar.component.html
+++ b/src/app/components/avatar/avatar.component.html
@ -1 +0,0 @@
-<p>avatar works!</p>
--- a/src/app/components/avatar/avatar.component.scss
+++ b/src/app/components/avatar/avatar.component.scss
--- a/src/app/components/avatar/avatar.component.spec.ts
+++ b/src/app/components/avatar/avatar.component.spec.ts
@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { AvatarComponent } from './avatar.component';
-
-describe('AvatarComponent', () => {
-  let component: AvatarComponent;
-  let fixture: ComponentFixture<AvatarComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ AvatarComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(AvatarComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
--- a/src/app/components/avatar/avatar.component.ts
+++ b/src/app/components/avatar/avatar.component.ts
@ -1,15 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-avatar',
-  templateUrl: './avatar.component.html',
-  styleUrls: ['./avatar.component.scss']
-})
-export class AvatarComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit(): void {
-  }
-
-}
--- a/src/app/components/card-member/card-member.component.html
+++ b/src/app/components/card-member/card-member.component.html
@ -1 +1,23 @@
-<p>card-member works!</p>
+<div class="container mt-5 membre">
+  <div class="row d-flex justify-content-center">
+      <div class="col-md-auto">
+          <div class="card p-3 py-4 align-items">
+            <!-- récuperer couleur du back-->
+            <div class="text-center"><div class="rounded-circle"id="couleur"[style.background-color]="membre.couleur"></div></div>
+            <div class="text-center mt-3">
+              <h3 class="mt-2 mb-0">{{membre.prenom }}  {{membre.nom }}</h3>
+              <div class="buttons text-center"><button button type="button" class="btn btn-outline-primary px-4"
+                        routerLink="../modifier-membre"
+                        routerLinkActive="active-custom">
+                        Modifier
+                </button><button button type="button" class="btn btn-primary px-4"
+                        routerLink="../supprimer-membre"
+                        routerLinkActive="active-custom">
+                        Supprimer
+                </button>
+              </div>
+            </div>
+          </div>
+      </div>
+  </div>
+</div>
--- a/src/app/components/card-member/card-member.component.scss
+++ b/src/app/components/card-member/card-member.component.scss
@ -0,0 +1,56 @@
+#couleur{
+  width: 100px;
+  height: 100px;
+  margin: 0 auto;
+  background: black;
+
+}
+
+.card {
+  min-height: 22rem;
+  border: none;
+  position: relative;
+  overflow: hidden;
+  border-radius: 8px;
+  cursor: pointer
+}
+
+
+.fonts {
+  font-size: 11px
+}
+
+.buttons button:nth-child(1) {
+  margin-top: 5px;
+  border: 1px solid #7879F1 !important;
+  color: #7879F1;
+  height: 40px;
+  width: 150px;
+}
+
+.buttons button:nth-child(1):hover {
+  margin-top: 5px;
+  border: 1px solid #7879F1 !important;
+  color: #fff;
+  height: 40px;
+  width: 150px;
+  background-color: #7879F1
+}
+
+.buttons button:nth-child(2) {
+  margin-top: 5px;
+  border: 1px solid #7879F1 !important;
+  background-color: #7879F1;
+  color: #fff;
+  height: 40px;
+  width: 150px;
+}
+
+.buttons button:nth-child(2):hover {
+  margin-top: 5px;
+  border: 1px solid #bd4646 !important;
+  background-color: #bd4646;
+  color: #fff;
+  height: 40px;
+  width: 150px;
+}
--- a/src/app/components/card-member/card-member.component.ts
+++ b/src/app/components/card-member/card-member.component.ts
@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, Input, OnInit } from '@angular/core';

@Component({
  selector: 'app-card-member',
@ -6,10 +6,12 @@ import { Component, OnInit } from '@angular/core';
  styleUrls: ['./card-member.component.scss']
 })
 export class CardMemberComponent implements OnInit {
+  @Input() membre: any;

  constructor() { }

  ngOnInit(): void {
  }

+
 }
--- a/src/app/components/card-menu/card-menu.component.html
+++ b/src/app/components/card-menu/card-menu.component.html
@ -2,4 +2,45 @@
 <div *ngFor="let menu of listMenus">
  <p>{{ menu.dateMenu }} {{ menu.libelle }}</p>
 </div>
+
+<ng-template #content let-modal>
+  <div class="modal-header">
+    <h4 class="modal-title" id="modal-basic-title">
+      Ajouter un menu
+    </h4>
+    <button type="button" class="close" aria-label="Close" (click)="modal.dismiss('Cross click')">
+
+      <span aria-hidden="true">
+        ×
+      </span>
+    </button>
+  </div>
+  <div class="modal-body">
+    <form [formGroup]="menuForm">
+      <div class="form-group">
+        <label for="dateMenu">
+          Date
+        </label>
+        <div class="input-group">
+          <input id="dateMenu" class="form-control" formControlName="dateMenuFc" placeholder="yyyy-mm-dd" name="date"
+          >
+<input id="libelle" class="form-control" formControlName="libelleFc" placeholder="" name="libelle"
+>
+        </div>
+      </div>
+    </form>
+  </div>
+  <div class="modal-footer">
+    <button type="button" class="btn btn-outline-dark" (click)="modal.close(saveMenu())">
+      Save
+    </button>
+  </div>
+</ng-template>
+
+<button class="btn btn-lg btn-outline-primary" (click)="open(content)">
+ Ajouter un menu
+</button>
+
+
+
 </div>
--- a/src/app/components/card-menu/card-menu.component.ts
+++ b/src/app/components/card-menu/card-menu.component.ts
@ -2,6 +2,13 @@ import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { Menu } from 'src/app/models/menu';
 import { MenusService } from 'src/app/services/menus.service';
+import {NgbModal, ModalDismissReasons} from '@ng-bootstrap/ng-bootstrap';
+import {
+  FormBuilder,
+  FormControl,
+  FormGroup,
+  Validators,
+} from '@angular/forms';



@ -11,16 +18,49 @@ import { MenusService } from 'src/app/services/menus.service';
  styleUrls: ['./card-menu.component.scss']
 })
 export class CardMenuComponent implements OnInit {
+closeResult = '';
 public listMenus:any[];
+public menuId : any;
+public menuForm : FormGroup;

  constructor(
    private menusService: MenusService,
    private router: Router,
-    private route: ActivatedRoute
+    private route: ActivatedRoute,
+    private modalService: NgbModal,
+    private fb: FormBuilder
  ) {
    this.listMenus=[];
+    this.menuId=0;
+    this.menuForm = new FormGroup({});
   }

+
+
+//ajout d'un menu
+saveMenu(): void {
+
+    const dateValue = this.menuForm.value['dateMenuFc'];
+    const libelleValue = this.menuForm.value['libelleFc'];
+
+    const menu: Menu = {
+      dateMenu: dateValue,
+      libelle: libelleValue,
+    };
+
+    // if (menu.dateMenu != undefined && menu.libelle != '') {
+
+    console.log(dateValue);
+      this.menusService.addMenu(menu)?.subscribe((resp) => {
+        this.router.navigate(['menu']);
+      });
+    // } else {
+    //   this.router.navigate(['menu']);
+    // }
+}
+
+
+
  ngOnInit(): void {
 //affichage des menus d'une team
 this.menusService.getMenu()?.subscribe((listMenus: any[])=>{
@ -28,6 +68,42 @@ this.menusService.getMenu()?.subscribe((listMenus: any[])=>{
  this.listMenus=listMenus;
 });

+  this.menuForm = this.fb.group(
+  {
+    dateMenuFc: new FormControl('',[Validators.required]),
+    libelleFc: new FormControl('',[Validators.required]),
+  }
+);
  }

+open(content: any) {
+    this.modalService.open(content,
+{ariaLabelledBy: 'menu'}).result.then((result)=> {
+      this.closeResult = `Closed with: ${result}`;
+    }, (reason) => {
+      this.closeResult =
+`Dismissed ${this.getDismissReason(reason)}`;
+    });
+  }
+
+  private getDismissReason(reason: any): string {
+    if (reason === ModalDismissReasons.ESC) {
+      return 'by pressing ESC';
+    } else if (reason === ModalDismissReasons.BACKDROP_CLICK) {
+      return 'by clicking on a backdrop';
+    } else {
+      return `with: ${reason}`;
+    }
+  }
 }
+
+
+
+//modif d'un menu
+// this.menuId=this.route.snapshot.paramMap.get('id');
+// this.menusService.getMenuById(this.menuId)
+// .subscribe((this.listMenus:any)=>)
+
+//delete d'un menu
+
+
--- a/src/app/components/side-bar/side-bar.component.html
+++ b/src/app/components/side-bar/side-bar.component.html
@ -1,5 +1,5 @@
-<nav class="wrapper">
-  <ul class="nav flex-column">
+<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">
        <i class="bi bi-people-fill"></i>
--- a/src/app/components/side-bar/side-bar.component.scss
+++ b/src/app/components/side-bar/side-bar.component.scss
@ -1,12 +1,11 @@
 .wrapper {
  display: flex;
-  flex-direction: row;
-  align-items: stretch;
+  flex-direction: column;
+  align-items: left;
  width: auto;
  height: 100%;
  position: absolute;
  background-color: rgb(238, 238, 238);
-
 }
 .nav{
  margin-top: 20px;
--- a/src/app/components/to-do-list/to-do-list.component.html
+++ b/src/app/components/to-do-list/to-do-list.component.html
@ -15,7 +15,7 @@
  (keyup.enter)="addTache(todo.id)"
 />

-{{todo}}
+

 <div class="element" *ngFor="let tache of todo.taches">
  <div class="element-gauche">
--- a/src/app/components/to-do-list/to-do-list.component.ts
+++ b/src/app/components/to-do-list/to-do-list.component.ts
@ -34,32 +34,12 @@ export class ToDoListComponent implements OnInit {
  }

  ngOnInit(): void {
-    //this.refreshTodo();
    this.beforeEditCache = '';
    this.casesRestantes=true;
    this.filter='tous';
    this.idTodo = 4;
    this.todoTitle = '';
-   /*  this.todos = [
-      {
-        id: 1,
-        texte: 'Finish Angular Screencast',
-        etat: false,
-        editing: false,
-      },
-      {
-        id: 2,
-        texte: 'Take over world',
-        etat: false,
-        editing: false,
-      },
-      {
-        id: 3,
-        texte: 'One more thing',
-        etat: false,
-        editing: false,
-      },
-    ]; */
+
  }
  //ajouter tache

@ -76,38 +56,28 @@ console.log(idTodoList);
    this.TodoService.addTache(tache,idTodoList).subscribe((resp)=>{
      window.location.reload();
    })
-    /* if (this.todoTitle.trim().length === 0) {
-      return;
-    }
-
-    this.todos.push({
-      id: this.idTodo,
-      title: this.todoTitle,
-      completed: false,
-      editing: false,
-    });
-    this.todoTitle = '';
-    this.idTodo++; */
  }
- /*  if (contact.nom !== '') {
-    this.repertoireService.addContact(contact).subscribe((resp) => {
-      this.router.navigate(['repertoire/']);
-    }); */


-  //modifier la tâche
+
+  //modifier par l'input
  modifier(tache: Tache): void {
    this.beforeEditCache = tache.texte;
    tache.editing = true;
  }

-  // modifier l'apparence focus
+  // ajouter la modification dans la liste
  doneEdit(tache: Tache): void {
    if (tache.texte.trim().length === 0) {
      tache.texte = this.beforeEditCache;
    }
    this.casesRestantes= this.casesQuiRestes();
    tache.editing = false;
+    this.TodoService.updateTache(tache).subscribe((resp)=>{
+      console.log(tache);
+      window.location.reload();
+    })
+
  }

  // annuler la modification
--- a/src/app/models/menu.ts
+++ b/src/app/models/menu.ts
@ -4,6 +4,4 @@ import { Team } from './team';
 export interface Menu {
  libelle: string;
  dateMenu: Date;
-  membre: Membre;
-  team: Team;
 }
--- a/src/app/pages/page-account/page-account.component.html
+++ b/src/app/pages/page-account/page-account.component.html
@ -1,40 +1,31 @@
 <app-header></app-header>
-<div class="row">
-  <div class="col-md-auto">
+<div class="container-fluid">
+  <div class="row">
    <app-side-bar></app-side-bar>
+    <div class="col-9 offset-2" id="main">
+          <h1>Ma team</h1>
+          <div class="d-flex justify-content-center">
+            <button button type="button" class="btn btn-primary btn-lg"
+                    routerLink="../modifier-compte"
+                    routerLinkActive="active-custom">Modifier mon compte</button>
+          </div>
+          <div class="d-flex justify-content-center">
+            <button button type="button" class="btn btn-primary btn-lg"
+                    routerLink="../supprimer-compte"
+                    routerLinkActive="active-custom">Supprimer mon compte</button>
+          </div>
+          <div class="d-flex justify-content-center">
+            <button button type="button" class="btn btn-primary btn-lg"
+                    routerLink="../ajout-membre"
+                    routerLinkActive="active-custom">Ajouter un membre</button>
+          </div>
+          <div class="row">
+            <div class="col" *ngFor="let membreData of listMembres">
+                <app-card-member [membre]="membreData">
+                </app-card-member>
+            </div>
+          </div>
+      </div>
  </div>
-  <div class=" col compte text-center">
-    <h1>Ma Team</h1>
-    <main class="contenu-compte">
-      <div class="d-flex justify-content-center">
-        <button button type="button" class="btn btn-primary btn-lg"
-                routerLink="../creation-team"
-                routerLinkActive="active-custom">Créer ma team</button>
-      </div>
-      <div class="d-flex justify-content-center">
-        <button button type="button" class="btn btn-primary btn-lg"
-                routerLink="../modifier-compte"
-                routerLinkActive="active-custom">Modifier mon compte</button>
-      </div>
-      <div class="d-flex justify-content-center">
-        <button button type="button" class="btn btn-primary btn-lg"
-                routerLink="../supprimer-compte"
-                routerLinkActive="active-custom">Supprimer mon compte</button>
-      </div>
-      <div class="d-flex justify-content-center">
-        <button button type="button" class="btn btn-primary btn-lg"
-                routerLink="../ajout-membre"
-                routerLinkActive="active-custom">Ajouter un membre</button>
-      </div>
-      <div class="d-flex justify-content-center">
-        <button button type="button" class="btn btn-primary btn-lg"
-                routerLink="../modifier-membre"
-                routerLinkActive="active-custom">Modifier ce membre</button>
-      </div>
-      <div class="d-flex justify-content-center">
-        <button button type="button" class="btn btn-primary btn-lg"
-                routerLink="../supprimer-membre"
-                routerLinkActive="active-custom">Supprimer ce membre</button>
-      </div>
-    </main>
-  </div>
+</div>
+
--- a/src/app/pages/page-account/page-account.component.scss
+++ b/src/app/pages/page-account/page-account.component.scss
@ -1,7 +1,3 @@
-.contenu.compte{
-  display: flex;
-  flex-direction: row;
-}
 button{
  margin-bottom: 5px;
 }
--- a/src/app/pages/page-account/page-account.component.ts
+++ b/src/app/pages/page-account/page-account.component.ts
@ -1,4 +1,6 @@
 import { Component, OnInit } from '@angular/core';
+import { MembreService } from 'src/app/services/membre.service';
+import { TeamService } from 'src/app/services/team.service';

@Component({
  selector: 'app-page-account',
@ -6,10 +8,16 @@ import { Component, OnInit } from '@angular/core';
  styleUrls: ['./page-account.component.scss']
 })
 export class PageAccountComponent implements OnInit {
+  public listMembres: any[];

-  constructor() { }
+  constructor(private teamService: TeamService, private membreService: MembreService) {
+    this.listMembres = [];
+   }

  ngOnInit(): void {
+    this.membreService.getMembres().subscribe((membres: any[]) => {
+      this.listMembres = membres;
+    });
  }

 }
--- a/src/app/pages/page-add-member/page-add-member.component.html
+++ b/src/app/pages/page-add-member/page-add-member.component.html
@ -1,142 +1,141 @@
 <app-header></app-header>
-<div class="row">
-  <div class="col-md-auto">
+<div class="container-fluid">
+  <div class="row">
    <app-side-bar></app-side-bar>
+    <div class="col-9 offset-2" id="main">
+      <div class="form-addMember">
+        <form (ngSubmit)="onSubmit()" [formGroup]="addMemberForm">
+          <div class="form-floating">
+            <input type="color"
+            class="form-control"
+            id="floatingInputcouleur"
+            placeholder=""
+            name="couleur"
+            formControlName="couleurFc">
+          </div>
+          <div class="form-floating">
+            <input
+              type="text"
+              class="form-control"
+              id="floatingInputlastName"
+              placeholder=""
+              name="lastName"
+              formControlName="lastNameFc"
+              [ngClass]="{
+                'is-valid':
+                  addMemberForm.controls['lastNameFc'].touched &&
+                  addMemberForm.controls['lastNameFc'].valid,
+                'is-invalid':
+                  addMemberForm.controls['lastNameFc'].touched &&
+                  !addMemberForm.controls['lastNameFc'].valid
+              }"
+            />
+            <label for="floatingInputlastName">VOTRE NOM</label>
+          </div>
+          <div class="form-floating">
+            <input
+              type="text"
+              class="form-control"
+              id="floatingInputfirstName"
+              placeholder=""
+              name="firstName"
+              formControlName="firstNameFc"
+              [ngClass]="{
+                'is-valid':
+                  addMemberForm.controls['firstNameFc'].touched &&
+                  addMemberForm.controls['firstNameFc'].valid,
+                'is-invalid':
+                  addMemberForm.controls['firstNameFc'].touched &&
+                  !addMemberForm.controls['firstNameFc'].valid
+              }"
+            />
+            <label for="floatingInputfirstName">VOTRE PRENOM</label>
+          </div>
+          <div class="form-floating">
+            <input
+              type="date"
+              class="form-control"
+              id="floatingInputdateNaissance"
+              placeholder=""
+              name="dateNaissance"
+              formControlName="dateNaissanceFc"
+              [ngClass]="{
+                'is-valid':
+                  addMemberForm.controls['dateNaissanceFc'].touched &&
+                  addMemberForm.controls['dateNaissanceFc'].valid,
+                'is-invalid':
+                  addMemberForm.controls['dateNaissanceFc'].touched &&
+                  !addMemberForm.controls['dateNaissanceFc'].valid
+              }"
+            />
+            <label for="floatingInputdateNaissance">VOTRE DATE DE NAISSANCE</label>
+          </div>
+          <div class="form-floating">
+            <input
+              type="email"
+              class="form-control"
+              id="floatingInputemail"
+              placeholder=""
+              name="email"
+              formControlName="emailFc"
+              [ngClass]="{
+                'is-valid':
+                  addMemberForm.controls['emailFc'].touched &&
+                  addMemberForm.controls['emailFc'].valid,
+                'is-invalid':
+                  addMemberForm.controls['emailFc'].touched &&
+                  !addMemberForm.controls['emailFc'].valid
+              }"
+            />
+            <label for="floatingInputemail">VOTRE EMAIL</label>
+          </div>
+          <div class="form-floating">
+            <input
+              type="password"
+              class="form-control"
+              id="floatingPassword"
+              placeholder=""
+              name="password"
+              formControlName="passwordFc"
+              [ngClass]="{
+                'is-valid':
+                  addMemberForm.controls['passwordFc'].touched &&
+                  addMemberForm.controls['passwordFc'].valid,
+                'is-invalid':
+                  addMemberForm.controls['passwordFc'].touched &&
+                  !addMemberForm.controls['passwordFc'].valid
+              }"
+            />
+            <label for="floatingPassword">MOT DE PASSE</label>
+          </div>
+          <div class="form-floating">
+            <input
+              type="password"
+              class="form-control"
+              id="floatingpasswordConfirm"
+              placeholder=""
+              name="passwordConfirm"
+              formControlName="passwordConfirmFc"
+              [ngClass]="{
+                'is-valid':
+                  addMemberForm.controls['passwordConfirmFc'].touched &&
+                  addMemberForm.controls['passwordConfirmFc'].valid,
+                'is-invalid':
+                  addMemberForm.controls['passwordConfirmFc'].touched &&
+                  !addMemberForm.controls['passwordConfirmFc'].valid
+              }"
+            />
+            <label for="floatingPasswordConfirm">CONFIRMEZ VOTRE MOT DE PASSE</label>
+          </div>
+
+          <button
+            class="w-100 btn btn-lg btn-outline-success"
+            type="submit"
+            [disabled]="addMemberForm.invalid"
+          >Ajouter le membre</button>
+        </form>
+      </div>
+    </div>
  </div>
-
-<div class=" col addMember-form text-center">
-  <h1>Ajouter un membre</h1>
-  <main class="form-addMember">
-    <form (ngSubmit)="onSubmit()" [formGroup]="addMemberForm">
-      <div class="form-floating">
-        <input type="color"
-        class="form-control"
-        id="floatingInputcouleur"
-        placeholder=""
-        name="couleur"
-        formControlName="couleurFc">
-      </div>
-      <div class="form-floating">
-        <input
-          type="text"
-          class="form-control"
-          id="floatingInputlastName"
-          placeholder=""
-          name="lastName"
-          formControlName="lastNameFc"
-          [ngClass]="{
-            'is-valid':
-              addMemberForm.controls['lastNameFc'].touched &&
-              addMemberForm.controls['lastNameFc'].valid,
-            'is-invalid':
-              addMemberForm.controls['lastNameFc'].touched &&
-              !addMemberForm.controls['lastNameFc'].valid
-          }"
-        />
-        <label for="floatingInputlastName">VOTRE NOM</label>
-      </div>
-      <div class="form-floating">
-        <input
-          type="text"
-          class="form-control"
-          id="floatingInputfirstName"
-          placeholder=""
-          name="firstName"
-          formControlName="firstNameFc"
-          [ngClass]="{
-            'is-valid':
-              addMemberForm.controls['firstNameFc'].touched &&
-              addMemberForm.controls['firstNameFc'].valid,
-            'is-invalid':
-              addMemberForm.controls['firstNameFc'].touched &&
-              !addMemberForm.controls['firstNameFc'].valid
-          }"
-        />
-        <label for="floatingInputfirstName">VOTRE PRENOM</label>
-      </div>
-      <div class="form-floating">
-        <input
-          type="date"
-          class="form-control"
-          id="floatingInputdateNaissance"
-          placeholder=""
-          name="dateNaissance"
-          formControlName="dateNaissanceFc"
-          [ngClass]="{
-            'is-valid':
-              addMemberForm.controls['dateNaissanceFc'].touched &&
-              addMemberForm.controls['dateNaissanceFc'].valid,
-            'is-invalid':
-              addMemberForm.controls['dateNaissanceFc'].touched &&
-              !addMemberForm.controls['dateNaissanceFc'].valid
-          }"
-        />
-        <label for="floatingInputdateNaissance">VOTRE DATE DE NAISSANCE</label>
-      </div>
-      <div class="form-floating">
-        <input
-          type="email"
-          class="form-control"
-          id="floatingInputemail"
-          placeholder=""
-          name="email"
-          formControlName="emailFc"
-          [ngClass]="{
-            'is-valid':
-              addMemberForm.controls['emailFc'].touched &&
-              addMemberForm.controls['emailFc'].valid,
-            'is-invalid':
-              addMemberForm.controls['emailFc'].touched &&
-              !addMemberForm.controls['emailFc'].valid
-          }"
-        />
-        <label for="floatingInputemail">VOTRE EMAIL</label>
-      </div>
-      <div class="form-floating">
-        <input
-          type="password"
-          class="form-control"
-          id="floatingPassword"
-          placeholder=""
-          name="password"
-          formControlName="passwordFc"
-          [ngClass]="{
-            'is-valid':
-              addMemberForm.controls['passwordFc'].touched &&
-              addMemberForm.controls['passwordFc'].valid,
-            'is-invalid':
-              addMemberForm.controls['passwordFc'].touched &&
-              !addMemberForm.controls['passwordFc'].valid
-          }"
-        />
-        <label for="floatingPassword">MOT DE PASSE</label>
-      </div>
-      <div class="form-floating">
-        <input
-          type="password"
-          class="form-control"
-          id="floatingpasswordConfirm"
-          placeholder=""
-          name="passwordConfirm"
-          formControlName="passwordConfirmFc"
-          [ngClass]="{
-            'is-valid':
-              addMemberForm.controls['passwordConfirmFc'].touched &&
-              addMemberForm.controls['passwordConfirmFc'].valid,
-            'is-invalid':
-              addMemberForm.controls['passwordConfirmFc'].touched &&
-              !addMemberForm.controls['passwordConfirmFc'].valid
-          }"
-        />
-        <label for="floatingPasswordConfirm">CONFIRMEZ VOTRE MOT DE PASSE</label>
-      </div>
-
-      <button
-        class="w-100 btn btn-lg btn-outline-success"
-        type="submit"
-        [disabled]="addMemberForm.invalid"
-      >Ajouter le membre</button>
-    </form>
-  </main>
 </div>

--- a/src/app/pages/page-add-member/page-add-member.component.ts
+++ b/src/app/pages/page-add-member/page-add-member.component.ts
@ -75,7 +75,7 @@ export class PageAddMemberComponent implements OnInit {


    if (membre.email !== '' && membre.password !== '') {
-      this.authService.signup(membre).subscribe((resp) => {
+      this.membreService.addMembre(membre).subscribe((resp) => {
        this.router.navigate(['compte']);
      });
    } else {
--- a/src/app/pages/page-menu-semaine/page-menu-semaine.component.html
+++ b/src/app/pages/page-menu-semaine/page-menu-semaine.component.html
@ -1,3 +1,29 @@
 <app-header></app-header>
-<app-side-bar></app-side-bar>
-<app-card-menu></app-card-menu>
+<div class="row">
+  <div class="col-md-auto">
+    <app-side-bar></app-side-bar>
+  </div>
+  <div class=" col compte text-center">
+    <h1>Menu de la semaine</h1>
+    <main class="contenu-compte">
+      <app-card-menu></app-card-menu>
+      <div class="d-flex justify-content-center">
+
+      </div>
+      <div class="d-flex justify-content-center">
+
+      </div>
+      <div class="d-flex justify-content-center">
+
+      </div>
+      <div class="d-flex justify-content-center">
+
+      </div>
+      <div class="d-flex justify-content-center">
+
+      </div>
+      <div class="d-flex justify-content-center">
+
+      </div>
+    </main>
+  </div>
--- a/src/app/pages/page-signup/page-signup.component.html
+++ b/src/app/pages/page-signup/page-signup.component.html
@ -1,12 +1,12 @@
 <app-header></app-header>
 <div class="signup-form text-center">
    <h1>Inscrivez-vous !</h1>
+    <label for="floatingInputcouleur">Choisissez une couleur</label>
  <main class="form-signup">
    <form (ngSubmit)="onSubmit()" [formGroup]="signupForm">
          <div class="form-floating">
            <input type="color" class="form-control" id="floatingInputcouleur" placeholder="" name="couleur"
              formControlName="couleurFc">
-
          </div>
      <div class="form-floating">
        <input
--- a/src/app/services/membre.service.ts
+++ b/src/app/services/membre.service.ts
@ -27,7 +27,7 @@ export class MembreService {
  addMembre(membre: Membre): Observable<any> {
    console.log(membre);

-    return this.http.post(`${this.apiUrl}/membres/add`, membre);
+    return this.http.post(`${this.apiUrl}/membres/sign-up`, membre);
  }

  deleteMembre(membre: Membre): Observable<any> {
--- a/src/app/services/menus.service.ts
+++ b/src/app/services/menus.service.ts
@ -33,10 +33,15 @@ apiUrl: string;
    return this.http.get(`${this.apiUrl}/menus/` + id);
  }

-  addMenu(menu: Menu): Observable<any> {
+  addMenu(menu: Menu): Observable<any> | void {
    console.log(menu);
+    const teamId = this.tokenService.getCurrentTeamId();
+    if (teamId){
+    return this.http.post(`${this.apiUrl}/menus/add/${teamId}`, menu);
+    }else {
+      this.router.navigate(['accueil']);
+    }

-    return this.http.post(`${this.apiUrl}/menus/add`, menu);
  }

  deleteMenu(id: any): Observable<any> {
--- a/src/app/services/todo.service.ts
+++ b/src/app/services/todo.service.ts
@ -21,11 +21,18 @@ export class TodoService {
  }

  deleteTacheById(idTache: any): Observable<any> {
-    return this.http.delete(`${this.apiUrl}/taches/delete/${idTache}`,{responseType:'text'});
+    return this.http.delete(`${this.apiUrl}/taches/delete/${idTache}`, {
+      responseType: 'text',
+    });
  }

-  addTache(newtache: Tache,idTodoList:number): Observable<any> {
-    console.log(newtache);
+  addTache(newtache: Tache, idTodoList: number): Observable<any> {
+   // console.log(newtache);
    return this.http.post(`${this.apiUrl}/taches/add/${idTodoList}`, newtache);
  }
+
+  updateTache(tache: Tache): Observable<any> {
+console.log(tache);
+    return this.http.put(`${this.apiUrl}/taches/update/1`, tache);
+  }
 }
--- a/src/app/services/token.service.ts
+++ b/src/app/services/token.service.ts
@ -2,6 +2,7 @@ import { Injectable } from '@angular/core';
 import { environment } from 'src/environments/environment';
 import jwt_decode from 'jwt-decode';

+
@Injectable({
  providedIn: 'root'
 })
@ -42,4 +43,17 @@ return null;
  }

  }
+
+public getRole(): string | null {
+const token = this.getToken();
+if(token){
+  const decodedToken = jwt_decode<any>(token);
+  const role= decodedToken.auth[0].authority;
+  return role;
+}else{
+  return null;
+}
+
+  }
+
 }
--- a/src/index.html
+++ b/src/index.html
@ -1,8 +1,8 @@
 <!doctype html>
-<html lang="en">
+<html lang="fr">
 <head>
  <meta charset="utf-8">
-  <title>OrganizeeFront</title>
+  <title>Organizee</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">