mathieu/CAU-ICT-Spring-2019-Project-1
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Login if user exist

Browse Source
This commit is contained in:
Walter Jay
2019-06-04 11:07:28 +09:00
parent 38afecced9
commit 3592ba57bc
10 changed files with 184 additions and 175 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
src/app/header/header.component.html
View File

@ -1,47 +1,49 @@
<header>
<div id="header-container-desktop" fxLayout="row" fxLayoutAlign="space-between" fxShow
fxHide.lt-md="true">
<div id="header-container-desktop" fxLayout="row" fxLayoutAlign="space-between" fxShow fxHide.lt-md="true">
<div fxFlex="200px" class="title">
<a [routerLink]="">DiscoTrip</a>
</div>
<div fxFlex="calc(100% - 200px)" fxLayout="row" fxLayoutAlign="end">
<div fxFlex="200px" class="title">
<a [routerLink]="">DiscoTrip</a>
</div>
<div fxFlex="calc(100% - 200px)" fxLayout="row" fxLayoutAlign="end">
<div fxFlex="60px">
<button mat-fab class="account-button">
<mat-icon>local_airport</mat-icon>
</button>
</div>
<div fxFlex="60px">
<button mat-fab class="account-button">
<mat-icon>local_airport</mat-icon>
</button>
</div>
<div fxFlex="60px">
<button mat-fab class="account-button">
<mat-icon>person</mat-icon>
</button>
</div>
<div fxFlex="50px">
<!-- Search input -->
</div>
<div fxFlex="60px">
<button mat-fab class="account-button">
<mat-icon>person</mat-icon>
</button>
<li *ngIf="authService.isLoggedIn" class="nav-item">
<a class="nav-link" (click)="authService.logout()">Logout</a>
</li>
</div>
<div fxFlex="50px">
<!-- Search input -->
</div>
</div>
</div>
</div>
</div>
<div fxHide fxLayout="row" fxLayoutAlign="space-between" fxShow.lt-md="true"
id="header-container-mobile">
<div id="header-container-mobile" fxLayout="row" fxLayoutAlign="space-between" fxShow
fxHide.gt-sm="true">
<button mat-flat-button style="position: absolute;top: 0;left: 0;height: 60px;">
<mat-icon style="transform: scale(1.3)">menu</mat-icon>
</button>
<button mat-flat-button style="position: absolute;top: 0;left: 0;height: 60px;">
<mat-icon style="transform: scale(1.3)">menu</mat-icon>
</button>
<div fxFlex="100%">
<div fxFlex="100%">
<div class="title" style="width: 200px;margin: 5px auto;">
<a [routerLink]="">DiscoTrip</a>
</div>
<div class="title" style="width: 200px;margin: 5px auto;">
<a [routerLink]="">DiscoTrip</a>
</div>
</div>
</div>
</div>
</div>
</header>
</header>