rdt-client/client/src/app/navbar/navbar.component.html
Roger Far 0bfb4974d8
Some checks failed
Docker Image CI / build (push) Has been cancelled
Fixed another symlink path resolver issue.
2024-04-11 22:26:24 -06:00

70 lines
2.4 KiB
HTML

<nav class="navbar is-dark is-fixed-top" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" routerLink="/">
<img src="assets/logo.png" />
</a>
<a
role="button"
class="navbar-burger burger"
aria-label="menu"
aria-expanded="false"
[class.is-active]="showMobileMenu"
(click)="showMobileMenu = !showMobileMenu"
>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div class="navbar-menu" [class.is-active]="showMobileMenu">
<div class="navbar-start">
<a class="navbar-item" routerLink="/">
<span class="icon">
<i class="fas fa-table" aria-hidden="true"></i>
</span>
<span>Torrents</span>
</a>
<a class="navbar-item" routerLink="/add">
<span class="icon">
<i class="fas fa-plus" aria-hidden="true"></i>
</span>
<span>Add New Torrent</span>
</a>
<a class="navbar-item" routerLink="/settings">
<span class="icon">
<i class="fas fa-cog" aria-hidden="true"></i>
</span>
<span>Settings</span>
</a>
<a class="navbar-item" *ngIf="profile" href="{{ providerLink }}" target="_blank" rel="noopener">
<span class="icon">
<i class="fas fa-euro-sign" aria-hidden="true"></i>
</span>
<span *ngIf="profile.expiration">Premium Status: {{ profile.expiration | date }}</span>
<span *ngIf="!profile.expiration" class="no-premium">Not premium</span>
</a>
</div>
<div class="navbar-end">
<div class="navbar-item has-dropdown is-hoverable">
<span class="navbar-link"> Account </span>
<div class="navbar-dropdown is-right">
<a class="navbar-item" routerLink="profile"> Profile </a>
<a class="navbar-item" (click)="logout()"> Logout </a>
<hr class="navbar-divider" />
<a href="https://github.com/rogerfar/rdt-client" target="_blank" class="navbar-item">Version 2.0.73</a>
</div>
</div>
</div>
</div>
</nav>
<div
class="notification is-warning"
*ngIf="profile && profile.latestVersion && profile.currentVersion !== profile.latestVersion"
>
Version {{ profile.latestVersion }} of RealDebrid Client was found. You are currently on version
{{ profile.currentVersion }}.
</div>