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
29
30
31
32
33
34
35x
 
14524x
 
14524x
 
31x
31x
 
 
 
12784x
12784x
 
12784x
12784x
31x
 
12784x
 
 
 
31x
 
 
31x
31x
 
31x
 
14524x
36x
36x
 
<p-toast position="bottom-right" />
 
<app-global-error *ngIf='!cloudStatus' [nextRequest]="nextCloudRequest"></app-global-error>
 
<div *ngIf="display_bars && cloudStatus">
 
    <div class="content">
        <app-header></app-header>
        <div>
        <!-- <div class="columns full-height">
            <div class="column is-2 full-height"> -->
            <div class="leftbar-container" [ngClass]="{'collapsed': isCollapsed}">
                <app-leftbar *ngIf="!isCollapsed" [status]="status" [cloudStatus]="cloudStatus" [devices]="devices"></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="column is-10 main-panel"> -->
            <div class="main-page" [ngClass]="{'extended': isCollapsed}">
                <!-- <button >
                    {{ isCollapsed ? 'Expand' : 'Collapse' }}
                  </button> -->
                <router-outlet></router-outlet>
            </div>
        </div>
    </div>
    <app-footer></app-footer>
 
</div>
 
<div *ngIf="!display_bars">
    <router-outlet ></router-outlet>
</div>