Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<script src="../../../../../../../../Downloads/form-validation-example.ts"></script>
<div class="hidden-toolbar"></div>
<div class="toolbar">
<div class="logo-wrapper">
<div class="logo">
<img src="assets/images/unigelogo-white.svg" alt="Unige" class="unige-logo">
</div>
</div>
<div class="right-part">
<ul class="menu">
<li (click)="navigate(accessPath)"
[class.is-active]="currentPath == accessPath"
[matTooltip]="'app.toolbar.home' | translate"
[matTooltipPosition]="'right'">
<fa-icon icon="home"></fa-icon>
</li>
<ng-container *ngIf="logged">
<li (click)="navigate(depositPath)"
[class.is-active]="currentPath == depositPath"
[matTooltip]="'app.toolbar.deposit' | translate"
[matTooltipPosition]="'right'">
<fa-icon icon="file-upload"></fa-icon>
</li>
<li (click)="navigate(organizationalUnitPath)"
[class.is-active]="currentPath == organizationalUnitPath"
[matTooltip]="'app.toolbar.organizationalUnit' | translate"
[matTooltipPosition]="'right'">
<fa-icon icon="building"></fa-icon>
</li>
</ng-container>
</ul>
<dlcm-language-selector [currentLanguage]="currentLanguage"
(languageChange)="useLanguage($event)">
</dlcm-language-selector>
<dlcm-theme-selector *ngIf="!isProduction"
[(theme)]="theme">
</dlcm-theme-selector>
<ul class="menu">
<ng-template [ngIf]="!logged" [ngIfElse]="loggedOut">
<li class="login"
[matTooltip]="'app.toolbar.login' | translate"
[matTooltipPosition]="'right'"
(click)="login()">
<fa-icon icon="sign-in-alt"></fa-icon>
</li>
</ng-template>
<ng-template #loggedOut>
<li class="logout"
[matTooltip]="'app.toolbar.logout' | translate"
[matTooltipPosition]="'right'"
(click)="logout()">
<fa-icon icon="sign-out-alt"></fa-icon>
</li>
</ng-template>
</ul>
</div>
</div>