we_bstly-web/src/app/app.component.html

83 lines
3.3 KiB
HTML
Raw Normal View History

2020-11-02 08:29:52 +01:00
<mat-toolbar color="primary">
2021-01-12 19:29:00 +01:00
<a href="javascript:" mat-icon-button>
2020-11-02 08:29:52 +01:00
<mat-icon (click)="sidenav.toggle()">menu</mat-icon>
</a>
2021-01-12 19:29:00 +01:00
<mat-icon svgIcon="logo"></mat-icon>
2020-11-02 08:29:52 +01:00
<span>
2021-01-12 19:29:00 +01:00
we.bstly
2020-11-02 08:29:52 +01:00
</span>
<span class="spacer"></span>
<ng-container>
<button mat-button [matMenuTriggerFor]="menu">
<mat-icon>settings</mat-icon>
2020-11-02 08:29:52 +01:00
<mat-icon>arrow_drop_down</mat-icon>
</button>
<mat-menu #menu="matMenu">
2021-06-05 20:10:48 +02:00
<a *ngIf="!auth || auth && !auth.authenticated" routerLink="/login" routerLinkActive="active" mat-menu-item>
<mat-icon>login</mat-icon> {{'login' | i18n}}
</a>
<mat-divider *ngIf="!auth || auth && !auth.authenticated"></mat-divider>
2021-03-14 20:33:34 +01:00
<a *ngFor="let locale of locales" mat-menu-item (click)="setLocale(locale)">{{'locale.' + locale + '.long' |
i18n}} <mat-icon inline=true *ngIf="locale == currentLocale">done</mat-icon></a>
<a mat-menu-item>
<mat-slide-toggle (change)="darkThemeChange($event)" [checked]="darkTheme == 'true'">
{{'profileField.name.darkTheme' | i18n}}
</mat-slide-toggle>
</a>
2021-06-05 20:10:48 +02:00
<mat-divider *ngIf="auth && auth.authenticated"></mat-divider>
<a *ngIf="auth && auth.authenticated" (click)="logout()" mat-menu-item>
<mat-icon>exit_to_app</mat-icon> {{'logout' | i18n}}
</a>
2020-11-02 08:29:52 +01:00
</mat-menu>
</ng-container>
</mat-toolbar>
<mat-sidenav-container>
<mat-sidenav #sidenav [mode]="isBiggerScreen() ? 'side' : 'over'" [(opened)]="opened"
(click)="!isBiggerScreen() && opened=false">
<mat-nav-list>
<a *ngIf="!auth || auth && !auth.authenticated" routerLink="/login" routerLinkActive="active" mat-list-item>
<mat-icon>login</mat-icon> {{'login' | i18n}}
</a>
<a *ngIf="auth && auth.authenticated" routerLink="/account/info" routerLinkActive="active" mat-list-item>
<mat-icon>account_circle</mat-icon> {{'account' | i18n}}
</a>
2021-03-13 09:47:25 +01:00
<a *ngIf="auth && auth.authenticated" routerLink="/services" routerLinkActive="active" mat-list-item>
<mat-icon>widgets</mat-icon> {{'services' | i18n}}
2020-11-02 08:29:52 +01:00
</a>
2021-01-12 19:29:00 +01:00
<a routerLink="/tokens" mat-list-item>
2020-11-02 08:29:52 +01:00
<mat-icon>card_giftcard</mat-icon> {{'tokens.redeem' | i18n}}
</a>
2021-03-20 13:18:27 +01:00
<a (click)="openExternal('https://wiki.bstly.de/services/webstly')" mat-list-item>
<mat-icon>help</mat-icon> {{'help' | i18n}}<mat-icon style="font-size: 1em;">open_in_new
</mat-icon>
</a>
2021-03-14 20:33:34 +01:00
<a (click)="openExternal('https://membership.bstly.de')" mat-list-item>
2020-11-02 08:29:52 +01:00
<mat-icon>shopping_cart</mat-icon> {{'tokens.get' | i18n}}<mat-icon style="font-size: 1em;">open_in_new
</mat-icon>
</a>
<a *ngIf="auth && auth.authenticated" (click)="logout()" mat-list-item>
<mat-icon>exit_to_app</mat-icon> {{'logout' | i18n}}
</a>
</mat-nav-list>
2021-01-12 19:29:00 +01:00
<span class="spacer"></span>
<mat-nav-list>
2021-09-05 12:20:40 +02:00
<a href="https://www.bstly.de/imprint/" mat-list-item style="font-size: 0.7em;">
2021-01-12 19:29:00 +01:00
{{'imprint' | i18n}}
</a>
2021-09-05 12:20:40 +02:00
<a routerLink="https://www.bstly.de/privacy-policy/#we.bstly" mat-list-item style="font-size: 0.7em;">
2021-01-12 19:29:00 +01:00
{{'privacy-policy' | i18n}}
</a>
</mat-nav-list>
2020-11-02 08:29:52 +01:00
</mat-sidenav>
<!-- Main content -->
<mat-sidenav-content>
<div class="container">
<router-outlet></router-outlet>
</div>
</mat-sidenav-content>
</mat-sidenav-container>