]>
Commit | Line | Data |
---|---|---|
1 | <div *ngIf="customCSS" [innerHTML]="customCSS"></div> | |
2 | ||
3 | <my-hotkeys-cheatsheet></my-hotkeys-cheatsheet> | |
4 | ||
5 | <div class="peertube-container" [ngClass]="{ 'user-logged-in': isUserLoggedIn(), 'user-not-logged-in': !isUserLoggedIn() }"> | |
6 | <div class="header"> | |
7 | ||
8 | <div class="top-left-block"> | |
9 | <span class="icon icon-menu" role="button" [title]="getToggleTitle()" (click)="menu.toggleMenu()"></span> | |
10 | ||
11 | <a class="peertube-title c-hand" (click)="goToDefaultRoute()"> | |
12 | <span class="icon icon-logo"></span> | |
13 | <span class="instance-name">{{ instanceName }}</span> | |
14 | </a> | |
15 | </div> | |
16 | ||
17 | <div class="header-right"> | |
18 | <my-header class="w-100 d-flex justify-content-end"></my-header> | |
19 | </div> | |
20 | </div> | |
21 | ||
22 | <div class="sub-header-container"> | |
23 | <my-menu *ngIf="menu.isMenuDisplayed"></my-menu> | |
24 | ||
25 | <div id="content" tabindex="-1" class="main-col" [ngClass]="{ expanded: menu.isMenuDisplayed === false }"> | |
26 | ||
27 | <div class="main-row"> | |
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 | ||
38 | <router-outlet></router-outlet> | |
39 | </div> | |
40 | </div> | |
41 | </div> | |
42 | </div> | |
43 | ||
44 | <ngx-loading-bar [includeSpinner]="false" color="var(--mainColor)"></ngx-loading-bar> | |
45 | ||
46 | <my-confirm></my-confirm> | |
47 | ||
48 | <p-toast position="bottom-right"> | |
49 | <ng-template let-message pTemplate="message"> | |
50 | <div class="notification-block"> | |
51 | <div class="message"> | |
52 | <h3>{{ message.summary }}</h3> | |
53 | <p>{{ message.detail }}</p> | |
54 | </div> | |
55 | ||
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> | |
60 | </ng-template> | |
61 | </p-toast> | |
62 | ||
63 | <ng-container *ngIf="isUserLoggedIn()"> | |
64 | <my-account-setup-warning-modal #accountSetupWarningModal></my-account-setup-warning-modal> | |
65 | <my-admin-welcome-modal #adminWelcomeModal></my-admin-welcome-modal> | |
66 | <my-instance-config-warning-modal #instanceConfigWarningModal></my-instance-config-warning-modal> | |
67 | </ng-container> | |
68 | ||
69 | <my-custom-modal #customModal></my-custom-modal> |