mirror of https://github.com/Ombi-app/Ombi
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
54 lines
2.0 KiB
54 lines
2.0 KiB
<mat-sidenav-container *ngIf="showNav" class="sidenav-container">
|
|
<mat-sidenav #drawer class="sidenav" fixedInViewport="true" [attr.role]="(isHandset$ | async) ? 'dialog' : 'navigation'"
|
|
[mode]="(isHandset$ | async) ? 'over' : 'side'" [opened]="!(isHandset$ | async)">
|
|
<mat-toolbar>Ombi</mat-toolbar>
|
|
<mat-nav-list>
|
|
<a mat-list-item routerLink="/discover">
|
|
<mat-icon aria-label="Side nav toggle icon">find_replace</mat-icon>
|
|
Discover
|
|
</a>
|
|
<a mat-list-item [routerLinkActive]="['active']" routerLink="/search">
|
|
<mat-icon aria-label="Side nav toggle icon">search</mat-icon> Search
|
|
</a>
|
|
<a mat-list-item [routerLinkActive]="['active']" routerLink="/requests">
|
|
<mat-icon aria-label="Side nav toggle icon">list</mat-icon> Requests
|
|
</a>
|
|
<a mat-list-item [routerLinkActive]="['active']" routerLink="/Settings/About">
|
|
<mat-icon aria-label="Side nav toggle icon">settings</mat-icon> Settings
|
|
</a>
|
|
|
|
<a mat-list-item [routerLinkActive]="['active']" aria-label="Toggle sidenav" (click)="logOut();">
|
|
<mat-icon aria-label="Side nav toggle icon">exit_to_app</mat-icon>
|
|
{{ 'NavigationBar.Logout' | translate }}
|
|
</a>
|
|
|
|
</mat-nav-list>
|
|
</mat-sidenav>
|
|
<mat-sidenav-content>
|
|
<mat-toolbar color="primary">
|
|
<button type="button" aria-label="Toggle sidenav" mat-icon-button (click)="drawer.toggle()" *ngIf="isHandset$ | async">
|
|
<mat-icon aria-label="Side nav toggle icon">menu</mat-icon>
|
|
</button>
|
|
|
|
<div class="col-12">
|
|
<span class="middle justify-content-center align-items-center">
|
|
<!-- Search Bar -->
|
|
<app-nav-search></app-nav-search>
|
|
</span>
|
|
</div>
|
|
</mat-toolbar>
|
|
|
|
<!-- Page -->
|
|
<ng-container *ngTemplateOutlet="template"></ng-container>
|
|
|
|
|
|
</mat-sidenav-content>
|
|
</mat-sidenav-container>
|
|
|
|
<div *ngIf="!showNav">
|
|
<ng-container *ngTemplateOutlet="template"></ng-container>
|
|
</div>
|
|
|
|
<ng-template #template>
|
|
<router-outlet> </router-outlet>
|
|
</ng-template> |