59 lines
2.7 KiB
HTML
59 lines
2.7 KiB
HTML
<mat-toolbar color="primary" class="navigation-bar row">
|
|
<a class="col-auto app-logo" routerLink="/">
|
|
<img [src]="'/assets/images/OpenDMP.png'" alt="openDMP" style="height: 2.5em;">
|
|
</a>
|
|
<div class="col-auto">
|
|
<a mat-button class="buttonNav navbar-button" routerLink="/explore">{{'NAV-BAR.PUBLIC-DATASETS' | translate}}</a>
|
|
</div>
|
|
<div *ngIf="isAuthenticated()" class="col-auto">
|
|
<a mat-button class="buttonNav navbar-button" routerLink="/projects">{{this.languageResolver.getBy('navbar') |
|
|
translate}}</a>
|
|
<a mat-button class="buttonNav navbar-button" routerLink="/plans">{{'NAV-BAR.DMPS' | translate}}</a>
|
|
<a mat-button class="buttonNav navbar-button" routerLink="/datasets">{{'NAV-BAR.DATASETS' | translate}}</a>
|
|
<a *ngIf="isAdmin()" mat-button class="buttonNav navbar-button" routerLink="/users">{{'NAV-BAR.USERS' | translate}}</a>
|
|
<a *ngIf="isAdmin()" mat-button class="buttonNav navbar-button" routerLink="/dmp-profiles">{{'NAV-BAR.DMP-PROFILES' |
|
|
translate}}</a>
|
|
<a *ngIf="isAdmin()" mat-button class="buttonNav navbar-button" routerLink="/dataset-profiles">{{'NAV-BAR.DATASETS-ADMIN'
|
|
| translate}}</a>
|
|
</div>
|
|
|
|
<!--<button mat-button class="navbar-button" routerLink="/about">{{'NAV-BAR.ABOUT' | translate}}</button>-->
|
|
<div class="col"></div>
|
|
<div *ngIf="search && this.isAuthenticated()" class="col-auto">
|
|
<mat-form-field floatLabel="never">
|
|
<input type="text" placeholder="{{'DASHBOARD.SEARCH' | translate}}" matInput [formControl]="searchControl"
|
|
[matAutocomplete]="auto">
|
|
<mat-autocomplete autoActiveFirstOption #auto="matAutocomplete" (optionSelected)="onOptionSelected($event)">
|
|
<mat-option *ngFor="let option of filteredOptions | async" [value]="option" class="transformation-value-mat-option two-line-mat-option">
|
|
<span>{{option.label}}</span>
|
|
<br>
|
|
<small>{{transformType(option.type)}}</small>
|
|
</mat-option>
|
|
</mat-autocomplete>
|
|
</mat-form-field>
|
|
</div>
|
|
<div *ngIf="!search && this.isAuthenticated()" class="col-auto">
|
|
<button mat-button (click)="this.search = true">
|
|
<mat-icon>search</mat-icon>
|
|
</button>
|
|
</div>
|
|
|
|
<div *ngIf="search && this.isAuthenticated()" class="col-auto">
|
|
<button mat-button (click)="this.search = false">
|
|
<mat-icon>close</mat-icon>
|
|
</button>
|
|
</div>
|
|
<div *ngIf="isAuthenticated();else loginoption" class="col-auto">
|
|
<img mat-card-avatar *ngIf="this.principalHasAvatar()" [src]="this.getPrincipalAvatar()" (click)="openProfile()">
|
|
</div>
|
|
|
|
<ng-template #loginoption>
|
|
<button mat-button [routerLink]=" ['/login'] ">
|
|
<span class="login-label">Log in</span>
|
|
</button>
|
|
|
|
</ng-template>
|
|
</mat-toolbar>
|
|
<div *ngIf="progressIndication" class="progress-bar">
|
|
<mat-progress-bar color="accent" mode="indeterminate"></mat-progress-bar>
|
|
</div> |