client/src/app/app.component.html - master - tisit/FUXA_SCADA

client/src/app/app.component.html

19 строк1 KB

unocelli

refact: move serverError to app (global)

02 дек 2025, 22:31

02 дек 2025, 22:3116fe86b

<div id="main-container" class="container">
    <div *ngIf="serverErrorBanner$ | async" class="banner">
        <div>
            <span>{{'msg.server-connection-failed' | translate}}</span>
            <mat-icon>block</mat-icon>
        </div>
    </div>
    <mat-progress-bar *ngIf="isLoading" mode="indeterminate" color="warn" style="position: absolute; top: 0px; left: 0px; right: 0px; z-index: 99999;">
    </mat-progress-bar>
    <app-header class="header" [hidden]="isHidden()"></app-header>
    <div [ngClass]="getClass()">
        <router-outlet></router-outlet>
        <ngx-fab-button *ngIf="showDevNavigation()" #fabmenu icon="menu" iconOpen="menu" class="fab-button" color="rgba(68,138,255, 1)">
            <ngx-fab-item-button color="rgba(68,138,255, 1)" content="{{'app.editor' | translate}}" (click)="onGoTo('editor')" (touchend)="onGoTo('editor')"></ngx-fab-item-button>
            <ngx-fab-item-button color="rgba(68,138,255, 1)" content="{{'app.lab' | translate}}" (click)="onGoTo('lab')" (touchend)="onGoTo('lab')"></ngx-fab-item-button>
            <ngx-fab-item-button color="rgba(68,138,255, 1)" content="{{'app.home' | translate}}" (click)="onGoTo('home')" (touchend)="onGoTo('home')"></ngx-fab-item-button>
        </ngx-fab-button>
    </div>
</div>