|
1
|
<mat-toolbar class="mat-elevation-z8 app-header">
|
|
2
|
<!-- app logo -->
|
|
3
|
<div class="app-logo" routerLink="" style="outline: none">
|
|
4
|
<span style="display: flex;">
|
|
5
|
<mat-icon>search</mat-icon>
|
|
6
|
<div>FULL TEXT SEARCH<br> APPLICATION</div>
|
|
7
|
</span>
|
|
8
|
</div>
|
|
9
|
<!-- left navigation items -->
|
|
10
|
<a mat-button class="noHover active" routerLink="search">Search</a>
|
|
11
|
<a mat-button routerLink="browse">Browse</a>
|
|
12
|
<a mat-button routerLink="upload">Upload</a>
|
|
13
|
<!-- navigation items space -->
|
|
14
|
<div class="space"></div>
|
|
15
|
<!-- right navigation items -->
|
|
16
|
<a mat-button (click)="openAboutDialog()">About</a>
|
|
17
|
<a mat-button routerLink="help">Help</a>
|
|
18
|
<a mat-button>EN</a>
|
|
19
|
</mat-toolbar>
|