]>
Commit | Line | Data |
---|---|---|
1 | <div *ngIf="customCSS" [innerHTML]="customCSS"></div> | |
2 | ||
3 | <div [ngClass]="{ 'user-logged-in': isUserLoggedIn(), 'user-not-logged-in': !isUserLoggedIn() }"> | |
4 | <div class="header"> | |
5 | ||
6 | <div class="top-left-block" [ngClass]="{ 'border-bottom': isMenuDisplayed === false }"> | |
7 | <span class="icon icon-menu" (click)="toggleMenu()"></span> | |
8 | ||
9 | <a id="peertube-title" [routerLink]="defaultRoute" title="Homepage"> | |
10 | <span class="icon icon-logo"></span> | |
11 | <span class="instance-name">{{ instanceName }}</span> | |
12 | </a> | |
13 | </div> | |
14 | ||
15 | <div class="header-right"> | |
16 | <my-header></my-header> | |
17 | </div> | |
18 | </div> | |
19 | ||
20 | <div class="sub-header-container"> | |
21 | <my-menu *ngIf="isMenuDisplayed"></my-menu> | |
22 | ||
23 | <div class="main-col container-fluid" [ngClass]="{ expanded: isMenuDisplayed === false }"> | |
24 | ||
25 | <div class="main-row"> | |
26 | <router-outlet></router-outlet> | |
27 | </div> | |
28 | ||
29 | <footer class="row"> | |
30 | <a href="https://joinpeertube.org" title="PeerTube website" target="_blank" rel="noopener noreferrer">PeerTube v{{ serverVersion }}</a> - | |
31 | <a href="https://github.com/Chocobozzz/PeerTube/blob/develop/LICENSE" title="PeerTube license" target="_blank" rel="noopener noreferrer">CopyLeft 2015-2018</a> | |
32 | </footer> | |
33 | </div> | |
34 | </div> | |
35 | </div> | |
36 | ||
37 | <ngx-loading-bar [includeSpinner]="false" color="#F1680D"></ngx-loading-bar> | |
38 | <my-confirm></my-confirm> | |
39 | <simple-notifications [options]="notificationOptions"></simple-notifications> |