mirror of
https://github.com/Ombi-app/Ombi.git
synced 2025-08-19 12:59:39 -07:00
This commit is contained in:
Jamie
parent
a6ca902479
commit
1bb474e8b4
2 changed files with 138 additions and 108 deletions
|
|
@ -1,119 +1,118 @@
|
||||||
<p-growl [value]="notificationService.messages" [life]="3000"></p-growl>
|
<div class="{{ user.name && (hasRole('Admin') || hasRole('PowerUser')) ? 'adminUser' : 'user'}}">
|
||||||
<div *ngIf="user.name">
|
<p-growl [value]="notificationService.messages" [life]="3000"></p-growl>
|
||||||
<div *ngIf="hasRole('Admin') || hasRole('PowerUser')" class="adminUser"></div>
|
<nav *ngIf="showNav" class="navbar navbar-default navbar-fixed-top">
|
||||||
</div>
|
<div class="container-fluid">
|
||||||
<nav *ngIf="showNav" class="navbar navbar-default navbar-fixed-top">
|
<div class="navbar-header">
|
||||||
<div class="container-fluid">
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
||||||
<div class="navbar-header">
|
<span class="sr-only">Toggle navigation</span>
|
||||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
<span class="icon-bar"></span>
|
||||||
<span class="sr-only">Toggle navigation</span>
|
<span class="icon-bar"></span>
|
||||||
<span class="icon-bar"></span>
|
<span class="icon-bar"></span>
|
||||||
<span class="icon-bar"></span>
|
</button>
|
||||||
<span class="icon-bar"></span>
|
<div *ngIf="customizationSettings">
|
||||||
</button>
|
<div *ngIf="customizationSettings.applicationName; then aplicationNameBlock; else ombiBlock"></div>
|
||||||
<div *ngIf="customizationSettings">
|
<ng-template #aplicationNameBlock>
|
||||||
<div *ngIf="customizationSettings.applicationName; then aplicationNameBlock; else ombiBlock"></div>
|
<a class="navbar-brand" [routerLink]="['/']">{{customizationSettings.applicationName}}</a>
|
||||||
<ng-template #aplicationNameBlock>
|
</ng-template>
|
||||||
<a class="navbar-brand" [routerLink]="['/']">{{customizationSettings.applicationName}}</a>
|
<ng-template #ombiBlock>
|
||||||
</ng-template>
|
<a class="navbar-brand" [routerLink]="['/']">Ombi</a>
|
||||||
<ng-template #ombiBlock>
|
</ng-template>
|
||||||
<a class="navbar-brand" [routerLink]="['/']">Ombi</a>
|
</div>
|
||||||
</ng-template>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
||||||
|
<ul class="nav navbar-nav">
|
||||||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
<li id="Search" [routerLinkActive]="['active']">
|
||||||
<ul class="nav navbar-nav">
|
<a [routerLink]="['/search']">
|
||||||
<li id="Search" [routerLinkActive]="['active']">
|
<i class="fa fa-search"></i> {{ 'NavigationBar.Search' | translate }}</a>
|
||||||
<a [routerLink]="['/search']">
|
</li>
|
||||||
<i class="fa fa-search"></i> {{ 'NavigationBar.Search' | translate }}</a>
|
</ul>
|
||||||
</li>
|
<ul class="nav navbar-nav">
|
||||||
</ul>
|
<li id="Requests" [routerLinkActive]="['active']">
|
||||||
<ul class="nav navbar-nav">
|
<a [routerLink]="['/requests']">
|
||||||
<li id="Requests" [routerLinkActive]="['active']">
|
<i class="fa fa-plus"></i> {{ 'NavigationBar.Requests' | translate }}</a>
|
||||||
<a [routerLink]="['/requests']">
|
</li>
|
||||||
<i class="fa fa-plus"></i> {{ 'NavigationBar.Requests' | translate }}</a>
|
</ul>
|
||||||
</li>
|
<ul *ngIf="hasRole('Admin') || hasRole('PowerUser')" class="nav navbar-nav">
|
||||||
</ul>
|
<li id="UserManagement" [routerLinkActive]="['active']">
|
||||||
<ul *ngIf="hasRole('Admin') || hasRole('PowerUser')" class="nav navbar-nav">
|
<a [routerLink]="['/usermanagement']">
|
||||||
<li id="UserManagement" [routerLinkActive]="['active']">
|
<i class="fa fa-user"></i> {{ 'NavigationBar.UserManagement' | translate }}</a>
|
||||||
<a [routerLink]="['/usermanagement']">
|
</li>
|
||||||
<i class="fa fa-user"></i> {{ 'NavigationBar.UserManagement' | translate }}</a>
|
</ul>
|
||||||
</li>
|
<ul *ngIf="hasRole('Admin') || hasRole('PowerUser')" class="nav navbar-nav">
|
||||||
</ul>
|
<li>
|
||||||
<ul *ngIf="hasRole('Admin') || hasRole('PowerUser')" class="nav navbar-nav">
|
<a href="https://www.paypal.me/PlexRequestsNet" target="_blank" pTooltip="{{ 'NavigationBar.DonateTooltip' | translate }}">
|
||||||
<li>
|
<i class="fa fa-heart" style="color:red"></i> {{ 'NavigationBar.Donate' | translate }}</a>
|
||||||
<a href="https://www.paypal.me/PlexRequestsNet" target="_blank" pTooltip="{{ 'NavigationBar.DonateTooltip' | translate }}">
|
</li>
|
||||||
<i class="fa fa-heart" style="color:red"></i> {{ 'NavigationBar.Donate' | translate }}</a>
|
</ul>
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
|
|
||||||
<ul class="nav navbar-nav navbar-right">
|
<ul class="nav navbar-nav navbar-right">
|
||||||
<li *ngIf="hasRole('Admin') " [routerLinkActive]="['active']">
|
<li *ngIf="hasRole('Admin') " [routerLinkActive]="['active']">
|
||||||
<a [routerLink]="['/Settings/About']">
|
<a [routerLink]="['/Settings/About']">
|
||||||
|
|
||||||
<i *ngIf="!updateAvailable" class="fa fa-cog"></i>
|
<i *ngIf="!updateAvailable" class="fa fa-cog"></i>
|
||||||
<i *ngIf="updateAvailable" class="fa fa-warning" style="color:#f57f17" pTooltip="{{ 'NavigationBar.UpdateAvailableTooltip' | translate }}"
|
<i *ngIf="updateAvailable" class="fa fa-warning" style="color:#f57f17" pTooltip="{{ 'NavigationBar.UpdateAvailableTooltip' | translate }}"
|
||||||
tooltipPosition="left" [tooltipZIndex]="999999"></i>
|
tooltipPosition="left" [tooltipZIndex]="999999"></i>
|
||||||
|
|
||||||
{{ 'NavigationBar.Settings' | translate }}
|
{{ 'NavigationBar.Settings' | translate }}
|
||||||
|
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li [routerLinkActive]="['active']" class="dropdown">
|
<li [routerLinkActive]="['active']" class="dropdown">
|
||||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
|
||||||
<i class="fa fa-user"></i>{{ 'NavigationBar.Welcome' | translate: {username: user.name} }}
|
<i class="fa fa-user"></i>{{ 'NavigationBar.Welcome' | translate: {username: user.name} }}
|
||||||
<span class="caret"></span>
|
|
||||||
</a>
|
|
||||||
<ul class="dropdown-menu" role="menu">
|
|
||||||
<li [routerLinkActive]="['active']">
|
|
||||||
<a [routerLink]="['/usermanagement/updatedetails']">
|
|
||||||
<i class="fa fa-key"></i>{{ 'NavigationBar.UpdateDetails' | translate }}</a>
|
|
||||||
</li>
|
|
||||||
<li [routerLinkActive]="['active']">
|
|
||||||
<a (click)="logOut()">
|
|
||||||
<i class="fa fa-sign-out"></i> {{ 'NavigationBar.Logout' | translate }}</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li class="dropdown">
|
|
||||||
<a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
|
|
||||||
<i class="fa fa-language" aria-hidden="true">
|
|
||||||
<span class="caret"></span>
|
<span class="caret"></span>
|
||||||
</i>
|
</a>
|
||||||
</a>
|
<ul class="dropdown-menu" role="menu">
|
||||||
<ul class="dropdown-menu" role="menu">
|
<li [routerLinkActive]="['active']">
|
||||||
<li [ngClass]="{'active': 'en' === translate.currentLang}">
|
<a [routerLink]="['/usermanagement/updatedetails']">
|
||||||
<a (click)="translate.use('en')" [translate]="'NavigationBar.Language.English'"></a>
|
<i class="fa fa-key"></i>{{ 'NavigationBar.UpdateDetails' | translate }}</a>
|
||||||
</li>
|
</li>
|
||||||
<li [ngClass]="{'active': 'fr' === translate.currentLang}">
|
<li [routerLinkActive]="['active']">
|
||||||
<a (click)="translate.use('fr')" [translate]="'NavigationBar.Language.French'"></a>
|
<a (click)="logOut()">
|
||||||
</li>
|
<i class="fa fa-sign-out"></i> {{ 'NavigationBar.Logout' | translate }}</a>
|
||||||
<li [ngClass]="{'active': 'da' === translate.currentLang}">
|
</li>
|
||||||
<a (click)="translate.use('da')" [translate]="'NavigationBar.Language.Danish'"></a>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li [ngClass]="{'active': 'de' === translate.currentLang}">
|
<li class="dropdown">
|
||||||
<a (click)="translate.use('de')" [translate]="'NavigationBar.Language.German'"></a>
|
<a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
|
||||||
</li>
|
<i class="fa fa-language" aria-hidden="true">
|
||||||
<li [ngClass]="{'active': 'it' === translate.currentLang}">
|
<span class="caret"></span>
|
||||||
<a (click)="translate.use('it')" [translate]="'NavigationBar.Language.Italian'"></a>
|
</i>
|
||||||
</li>
|
</a>
|
||||||
<li [ngClass]="{'active': 'es' === translate.currentLang}">
|
<ul class="dropdown-menu" role="menu">
|
||||||
<a (click)="translate.use('es')" [translate]="'NavigationBar.Language.Spanish'"></a>
|
<li [ngClass]="{'active': 'en' === translate.currentLang}">
|
||||||
</li>
|
<a (click)="translate.use('en')" [translate]="'NavigationBar.Language.English'"></a>
|
||||||
<li [ngClass]="{'active': 'nl' === translate.currentLang}">
|
</li>
|
||||||
<a (click)="translate.use('nl')" [translate]="'NavigationBar.Language.Dutch'"></a>
|
<li [ngClass]="{'active': 'fr' === translate.currentLang}">
|
||||||
</li>
|
<a (click)="translate.use('fr')" [translate]="'NavigationBar.Language.French'"></a>
|
||||||
</ul>
|
</li>
|
||||||
</li>
|
<li [ngClass]="{'active': 'da' === translate.currentLang}">
|
||||||
</ul>
|
<a (click)="translate.use('da')" [translate]="'NavigationBar.Language.Danish'"></a>
|
||||||
|
</li>
|
||||||
|
<li [ngClass]="{'active': 'de' === translate.currentLang}">
|
||||||
|
<a (click)="translate.use('de')" [translate]="'NavigationBar.Language.German'"></a>
|
||||||
|
</li>
|
||||||
|
<li [ngClass]="{'active': 'it' === translate.currentLang}">
|
||||||
|
<a (click)="translate.use('it')" [translate]="'NavigationBar.Language.Italian'"></a>
|
||||||
|
</li>
|
||||||
|
<li [ngClass]="{'active': 'es' === translate.currentLang}">
|
||||||
|
<a (click)="translate.use('es')" [translate]="'NavigationBar.Language.Spanish'"></a>
|
||||||
|
</li>
|
||||||
|
<li [ngClass]="{'active': 'nl' === translate.currentLang}">
|
||||||
|
<a (click)="translate.use('nl')" [translate]="'NavigationBar.Language.Dutch'"></a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
|
||||||
|
<div [ngClass]="{'container top-spacing': showNav}" id="{{currentUrl}}">
|
||||||
|
<router-outlet></router-outlet>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
|
||||||
|
|
||||||
|
|
||||||
<div [ngClass]="{'container top-spacing': showNav}" id="{{currentUrl}}">
|
|
||||||
<router-outlet></router-outlet>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -72,6 +72,37 @@
|
||||||
<link rel="stylesheet" href="~/dist/vendor.css" asp-append-version="true" />
|
<link rel="stylesheet" href="~/dist/vendor.css" asp-append-version="true" />
|
||||||
<script src="~/dist/vendor.js" asp-append-version="true" defer></script>
|
<script src="~/dist/vendor.js" asp-append-version="true" defer></script>
|
||||||
<script src="~/dist/main.js" asp-append-version="true" defer></script>
|
<script src="~/dist/main.js" asp-append-version="true" defer></script>
|
||||||
|
<!--
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
bbbbbbbb
|
||||||
|
OOOOOOOOO b::::::b iiii
|
||||||
|
OO:::::::::OO b::::::b i::::i
|
||||||
|
OO:::::::::::::OO b::::::b iiii
|
||||||
|
O:::::::OOO:::::::O b:::::b
|
||||||
|
O::::::O O::::::O mmmmmmm mmmmmmm b:::::bbbbbbbbb iiiiiii
|
||||||
|
O:::::O O:::::O mm:::::::m m:::::::mm b::::::::::::::bb i:::::i
|
||||||
|
O:::::O O:::::Om::::::::::mm::::::::::mb::::::::::::::::b i::::i
|
||||||
|
O:::::O O:::::Om::::::::::::::::::::::mb:::::bbbbb:::::::b i::::i
|
||||||
|
O:::::O O:::::Om:::::mmm::::::mmm:::::mb:::::b b::::::b i::::i
|
||||||
|
O:::::O O:::::Om::::m m::::m m::::mb:::::b b:::::b i::::i
|
||||||
|
O:::::O O:::::Om::::m m::::m m::::mb:::::b b:::::b i::::i
|
||||||
|
O::::::O O::::::Om::::m m::::m m::::mb:::::b b:::::b i::::i
|
||||||
|
O:::::::OOO:::::::Om::::m m::::m m::::mb:::::bbbbbb::::::bi::::::i
|
||||||
|
OO:::::::::::::OO m::::m m::::m m::::mb::::::::::::::::b i::::::i
|
||||||
|
OO:::::::::OO m::::m m::::m m::::mb:::::::::::::::b i::::::i
|
||||||
|
OOOOOOOOO mmmmmm mmmmmm mmmmmmbbbbbbbbbbbbbbbb iiiiiiii
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
-->
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
@RenderBody()
|
@RenderBody()
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue