From e822be4a83295d6a4558abd21c15053d6abc8f11 Mon Sep 17 00:00:00 2001
From: Jeremie BRISON <ext.sopra.jbrison@grandlyon.com>
Date: Thu, 28 Jan 2021 17:29:04 +0100
Subject: [PATCH] fix(form): add menu icon
---
src/app/form/form.component.html | 6 ++++++
src/app/form/form.component.scss | 22 ++++++++++++++++++++++
src/app/form/form.component.ts | 11 ++++++++++-
3 files changed, 38 insertions(+), 1 deletion(-)
diff --git a/src/app/form/form.component.html b/src/app/form/form.component.html
index d49680541..3c34647cc 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 6cdc955fc..cf9235f32 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 57c4db710..53f6c250d 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);
+ }
}
--
GitLab