fix(form): add menu icon

src/app/form/form.component.html

@@ -244,7 +244,13 @@
   ></app-create-account-form>
 </div>
 <div class="form" fxLayout="column">
+  <app-menu-phone (closeEvent)="closeMenu($event)"></app-menu-phone>
   <div class="header">
+    <div class="container-icoMenu">
+      <div class="block-iconMenu" (click)="toggleMenu()">
+        <span class="ico-menu"></span>
+      </div>
+    </div>
     <h3>Création de compte</h3>
   </div>
   <div class="content">

src/app/form/form.component.scss

@@ -49,6 +49,28 @@ $progressBar-height: 50px;
   @media #{$tablet} {
     display: block !important;
   }
+  .container-icoMenu {
+    width: 100%;
+    position: absolute;
+    height: 50px;
+    .block-iconMenu {
+      right: 44px;
+      width: 50px;
+      height: 50px;
+      position: absolute;
+    }
+    .ico-menu {
+      right: 13px;
+      top: 24px;
+      background: $white;
+      &::after {
+        background: $white;
+      }
+      &::before {
+        background: $white;
+      }
+    }
+  }
 }
 .content {
   padding: 0 16px;

src/app/form/form.component.ts

@@ -30,7 +30,6 @@ export class FormComponent implements OnInit {
   @Input() public profile?: User;
   @Output() closeEvent = new EventEmitter<Structure>();
   public structureForm: FormGroup;
-
   public userAlreadyExist = false;
 
   public equipmentAccess = EquipmentAccess;
@@ -58,6 +57,9 @@ export class FormComponent implements OnInit {
   public isShowPassword = false;
   public hoursForm: FormGroup;
   public userAcceptSavedDate = false;
+
+  public showMenu = false;
+
   //collapse var
   public showWebsite: boolean;
   public showSocialNetwork: boolean;
@@ -528,4 +530,11 @@ export class FormComponent implements OnInit {
       });
     }*/
   }
+  public toggleMenu(): void {
+    this.showMenu = !this.showMenu;
+    console.log(this.showMenu);
+  }
+  public closeMenu(e): void {
+    console.log(e);
+  }
 }