All files / src/app app.component.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
95x
 
51056x
 
51056x
51056x
73x
73x
 
45724x
45724x
 
45724x
45724x
73x
45724x
73x
 
 
73x
73x
73x
 
51056x
95x
95x
95x
 
<p-toast position="bottom-right" />
 
<app-global-error *ngIf='!isCloudReachable'></app-global-error>
 
<div *ngIf="isCloudReachable">
    <div *ngIf="display_bars">
        <div class="page-content">
            <app-header></app-header>
            <div class="main-content">
                <div class="leftbar-container" [ngClass]="{'collapsed': isCollapsed}">
                    <app-leftbar *ngIf="!isCollapsed"></app-leftbar>
 
                    <p-button *ngIf="!isCollapsed" class='floating-btn' icon="pi pi-arrow-left" [rounded]="true" (click)="toggleSidebar()"/>
                    <p-button *ngIf="isCollapsed" class='floating-btn' icon="pi pi-arrow-right" [rounded]="true" (click)="toggleSidebar()"/>
                </div>
                <div class="main-page" [ngClass]="{'extended': isCollapsed}">
                    <router-outlet></router-outlet>
                </div>
            </div>
        </div>
        <app-footer></app-footer>
    </div>
 
    <div *ngIf="!display_bars">
        <router-outlet ></router-outlet>
    </div>
</div>