]>
Commit | Line | Data |
---|---|---|
00b5556c C |
1 | <div *ngIf="customCSS" [innerHTML]="customCSS"></div> |
2 | ||
7aba23d1 | 3 | <my-hotkeys-cheatsheet></my-hotkeys-cheatsheet> |
ee1fc23a | 4 | |
fad0759c | 5 | <div class="peertube-container" [ngClass]="{ 'user-logged-in': isUserLoggedIn(), 'user-not-logged-in': !isUserLoggedIn() }"> |
26c6ee80 | 6 | <div class="header"> |
67167390 | 7 | |
0ac458bf | 8 | <div class="top-left-block"> |
d95bc702 | 9 | <span class="icon icon-menu" role="button" [title]="getToggleTitle()" (click)="menu.toggleMenu()"></span> |
67167390 | 10 | |
ba5d4a84 | 11 | <a class="peertube-title c-hand" (click)="goToDefaultRoute()"> |
26c6ee80 | 12 | <span class="icon icon-logo"></span> |
8a44f835 | 13 | <span class="instance-name">{{ instanceName }}</span> |
26c6ee80 | 14 | </a> |
67167390 C |
15 | </div> |
16 | ||
0ac458bf | 17 | <div class="header-right"> |
52cc0d54 | 18 | <my-header class="w-100 d-flex justify-content-end"></my-header> |
b33f657c | 19 | </div> |
67167390 C |
20 | </div> |
21 | ||
26c6ee80 | 22 | <div class="sub-header-container"> |
3b20bdd6 | 23 | <my-menu *ngIf="menu.isMenuDisplayed"></my-menu> |
98b01bac | 24 | |
c4741804 | 25 | <div id="content" tabindex="-1" class="main-col" [ngClass]="{ expanded: menu.isMenuDisplayed === false }"> |
98b01bac | 26 | |
383bfc83 | 27 | <div class="main-row"> |
72c33e71 C |
28 | |
29 | <div *ngIf="broadcastMessage" class="broadcast-message alert" [ngClass]="broadcastMessage.class"> | |
30 | <div [innerHTML]="broadcastMessage.message"></div> | |
31 | ||
32 | <my-global-icon | |
33 | *ngIf="broadcastMessage.dismissable" (click)="hideBroadcastMessage()" | |
34 | iconName="cross" role="button" title="Close this message" i18n-title | |
35 | ></my-global-icon> | |
36 | </div> | |
37 | ||
383bfc83 C |
38 | <router-outlet></router-outlet> |
39 | </div> | |
52672600 C |
40 | </div> |
41 | </div> | |
dc8bc31b | 42 | </div> |
383bfc83 | 43 | |
193b9ba7 | 44 | <ngx-loading-bar [includeSpinner]="false" color="var(--mainColor)"></ngx-loading-bar> |
457bb213 | 45 | |
383bfc83 | 46 | <my-confirm></my-confirm> |
457bb213 | 47 | |
f8b2c1b4 C |
48 | <p-toast position="bottom-right"> |
49 | <ng-template let-message pTemplate="message"> | |
4707f410 C |
50 | <div class="notification-block"> |
51 | <div class="message"> | |
52 | <h3>{{ message.summary }}</h3> | |
53 | <p>{{ message.detail }}</p> | |
54 | </div> | |
f8b2c1b4 | 55 | |
4707f410 C |
56 | <span *ngIf="message.severity === 'success'" class="glyphicon glyphicon-ok"></span> |
57 | <span *ngIf="message.severity === 'info'" class="glyphicon glyphicon-info-sign"></span> | |
58 | <span *ngIf="message.severity === 'error'" class="glyphicon glyphicon-remove"></span> | |
59 | </div> | |
f8b2c1b4 C |
60 | </ng-template> |
61 | </p-toast> | |
43d0ea7f C |
62 | |
63 | <ng-template [ngIf]="isUserLoggedIn()"> | |
64 | <my-welcome-modal #welcomeModal></my-welcome-modal> | |
65 | <my-instance-config-warning-modal #instanceConfigWarningModal></my-instance-config-warning-modal> | |
66 | </ng-template> | |
437e8e06 K |
67 | |
68 | <my-custom-modal #customModal></my-custom-modal> |