]>
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="root-header"> | |
7 | ||
8 | <div class="top-left-block"> | |
9 | <span role="button" tabindex="0" [title]="getToggleTitle()" (click)="menu.toggleMenu()" (keyup.enter)="menu.toggleMenu()"> | |
10 | <span class="icon icon-menu"></span> | |
11 | </span> | |
12 | ||
13 | <a class="peertube-title c-hand" [routerLink]="getDefaultRoute()"> | |
14 | <span class="icon icon-logo"></span> | |
15 | <span class="instance-name">{{ instanceName }}</span> | |
16 | </a> | |
17 | </div> | |
18 | ||
19 | <div class="root-header-right"> | |
20 | <my-header class="w-100 d-flex justify-content-end"></my-header> | |
21 | </div> | |
22 | </div> | |
23 | ||
24 | <div class="sub-header-container"> | |
25 | <my-menu *ngIf="menu.isMenuDisplayed"></my-menu> | |
26 | ||
27 | <div id="content" class="main-col" [ngClass]="{ expanded: menu.isMenuDisplayed === false }"> | |
28 | ||
29 | <div class="main-row"> | |
30 | ||
31 | <div *ngIf="broadcastMessage" class="broadcast-message alert" [ngClass]="broadcastMessage.class"> | |
32 | <div [innerHTML]="broadcastMessage.message"></div> | |
33 | ||
34 | <my-global-icon | |
35 | *ngIf="broadcastMessage.dismissable" (click)="hideBroadcastMessage()" | |
36 | iconName="cross" role="button" title="Close this message" i18n-title | |
37 | ></my-global-icon> | |
38 | </div> | |
39 | ||
40 | <router-outlet></router-outlet> | |
41 | </div> | |
42 | </div> | |
43 | </div> | |
44 | </div> | |
45 | ||
46 | <ngx-loading-bar [includeSpinner]="false" color="var(--mainColor)"></ngx-loading-bar> | |
47 | ||
48 | <my-confirm></my-confirm> | |
49 | ||
50 | <p-toast position="bottom-right"> | |
51 | <ng-template let-message pTemplate="message"> | |
52 | <div class="notification-block"> | |
53 | <div class="message"> | |
54 | <h3>{{ message.summary }}</h3> | |
55 | <p>{{ message.detail }}</p> | |
56 | </div> | |
57 | ||
58 | <my-global-icon [iconName]="getNotificationIcon(message)"></my-global-icon> | |
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> |