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