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