From 58f0ddedbb78c12dab52d3810a6a74e1089b503f Mon Sep 17 00:00:00 2001
From: Mathieu Sanchez <mathieu.sanchez@outlook.fr>
Date: Tue, 4 Jun 2019 11:12:46 +0900
Subject: [PATCH] Add Menu header

---
 src/app/app-material.module.ts       |  2 ++
 src/app/header/header.component.html | 19 +++++++++++++++++--
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/app/app-material.module.ts b/src/app/app-material.module.ts
index 7d8e773..e4ba211 100644
--- a/src/app/app-material.module.ts
+++ b/src/app/app-material.module.ts
@@ -10,6 +10,7 @@ import { MatExpansionModule } from '@angular/material/expansion';
 import { MatDatepickerModule } from '@angular/material/datepicker';
 import { MatSelectModule } from '@angular/material/select';
 import { FlexLayoutModule } from '@angular/flex-layout';
+import { MatMenuModule } from '@angular/material/menu';
 
 @NgModule( {
   exports: [
@@ -26,6 +27,7 @@ import { FlexLayoutModule } from '@angular/flex-layout';
     MatSelectModule,
     MatTooltipModule,
     FlexLayoutModule,
+    MatMenuModule,
   ]
 } )
 export class AppMaterialModule {
diff --git a/src/app/header/header.component.html b/src/app/header/header.component.html
index 6316782..f0850fe 100644
--- a/src/app/header/header.component.html
+++ b/src/app/header/header.component.html
@@ -9,16 +9,31 @@
     <div fxFlex="calc(100% - 200px)" fxLayout="row" fxLayoutAlign="end">
 
       <div fxFlex="60px">
-        <button mat-fab class="account-button">
+
+        <button [matMenuTriggerFor]="tripMenu" class="account-button" mat-fab>
           <mat-icon>local_airport</mat-icon>
         </button>
+
+        <mat-menu #tripMenu="matMenu">
+          <button mat-menu-item>My Trips</button>
+          <button mat-menu-item>My Schedule</button>
+        </mat-menu>
+
       </div>
 
       <div fxFlex="60px">
-        <button mat-fab class="account-button">
+
+        <button [matMenuTriggerFor]="profileMenu" class="account-button" mat-fab>
           <mat-icon>person</mat-icon>
         </button>
+
+        <mat-menu #profileMenu="matMenu">
+          <button mat-menu-item>Login</button>
+          <button mat-menu-item>Create Account</button>
+        </mat-menu>
+
       </div>
+
       <div fxFlex="50px">
         <!-- Search input -->
       </div>