add slide toggle notifications profile

src/frontend/app/app-material.module.ts

@@ -15,7 +15,8 @@ import {
   MatExpansionModule,
   MatTabsModule,
   MatSliderModule,
-  MatSelectModule
+  MatSelectModule,
+  MatSlideToggleModule
 } from '@angular/material';
 
 import { MatMenuModule } from '@angular/material/menu';
@@ -40,7 +41,8 @@ import {DragDropModule} from '@angular/cdk/drag-drop';
       MatMenuModule,
       MatTabsModule,
       MatSliderModule,
-      MatSelectModule
+      MatSelectModule,
+      MatSlideToggleModule
   ],
   exports: [
       MatSidenavModule,
@@ -59,7 +61,8 @@ import {DragDropModule} from '@angular/cdk/drag-drop';
       MatMenuModule,
       MatTabsModule,
       MatSliderModule,
-      MatSelectModule
+      MatSelectModule,
+      MatSlideToggleModule
   ]
 })
 export class AppMaterialModule { }

src/frontend/app/profile/profile.component.html

@@ -69,6 +69,16 @@
                 </mat-tab>
                 <mat-tab label="Préférences">
                     <div class="profile-content">
+                        <div class="input-row">
+                                <fieldset>
+                                    <legend align="left">Notifications</legend>
+                                    <div class="form-container">
+                                        <div class="form-col notification">
+                                            <mat-slide-toggle [checked]="this.profileInfo.preferences.notifications" (change)="this.profileInfo.preferences.notifications=!this.profileInfo.preferences.notifications" color="primary">Recevoir les notifications</mat-slide-toggle>
+                                        </div>
+                                    </div>
+                                </fieldset>
+                            </div>
                         <div class="input-row">
                             <fieldset>
                                 <legend align="left">Mode de l'annotation</legend>

src/frontend/app/profile/profile.component.scss

@@ -151,4 +151,9 @@ legend {
 .form-col {
   display:table-cell;
   vertical-align:middle;
+}
+
+.notification {
+  text-align: left;
+  padding : 10px;
 }
\ No newline at end of file