diff --git a/src/app/form/form.component.html b/src/app/form/form.component.html index d496805410272bf49ccf9ae11b7c47ac696b72ff..3c34647cc7778bd7950c5dc19d9f346c976d93d5 100644 --- a/src/app/form/form.component.html +++ b/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"> diff --git a/src/app/form/form.component.scss b/src/app/form/form.component.scss index 6cdc955fc8227a91af238c9623904ec57ba1851c..cf9235f321dc5df61a7245773b1f410cc5fc65c5 100644 --- a/src/app/form/form.component.scss +++ b/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; diff --git a/src/app/form/form.component.ts b/src/app/form/form.component.ts index 57c4db710e93d9db3cb009d04d55ef7ee731757f..53f6c250dc082c64d282825def95fd1219b8436a 100644 --- a/src/app/form/form.component.ts +++ b/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); + } }