opengnsys
/
oggui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'develop' of ssh://ognproject.evlt.uma.es:21987/opengnsys/oggui into develop

pull/18/head
Manuel Aranda Rosales 2025-03-21 12:30:03 +01:00
parent 063ed4c310 ebe14e0125
commit 4e7c823094
2 changed files with 57 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
ogWebconsole/src/app/components/global-status/global-status.component.css
View File

@ -13,4 +13,20 @@ mat-dialog-content {
justify-content: flex-end; justify-content: flex-end;
gap: 1em; gap: 1em;
padding: 1.5em; padding: 1.5em;
}
.spinner-container {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1000;
}
.loading-spinner {
width: 100px;
height: 100px;
} }

80
ogWebconsole/src/app/components/global-status/global-status.component.html
View File

@ -1,46 +1,48 @@
<header> <header>
<h1 mat-dialog-title>{{'GlobalStatus' | translate}}</h1> <h1 mat-dialog-title>{{'GlobalStatus' | translate}}</h1>
</header> </header>
<mat-dialog-content> <mat-dialog-content [ngClass]="{'loading': loading}">
<app-loading [isLoading]="loading"></app-loading> <div class="spinner-container" *ngIf="loading">
<mat-tab-group (selectedTabChange)="onTabChange($event)"> <mat-spinner class="loading-spinner"></mat-spinner>
<mat-tab label="OgBoot"> </div>
<div *ngIf="!loading" class="content-container"> <mat-tab-group (selectedTabChange)="onTabChange($event)">
<app-status-tab <mat-tab label="OgBoot">
[loading]="loading" <div *ngIf="!loading" class="content-container">
[diskUsage]="ogBootDiskUsage" <app-status-tab
[servicesStatus]="ogBootServicesStatus" [loading]="loading"
[installedOgLives]="installedOgLives" [diskUsage]="ogBootDiskUsage"
[diskUsageChartData]="ogBootDiskUsageChartData" [servicesStatus]="ogBootServicesStatus"
[view]="view" [installedOgLives]="installedOgLives"
[colorScheme]="colorScheme" [diskUsageChartData]="ogBootDiskUsageChartData"
[isDoughnut]="isDoughnut" [view]="view"
[showLabels]="showLabels" [colorScheme]="colorScheme"
[isDhcp]="isDhcp"> [isDoughnut]="isDoughnut"
</app-status-tab> [showLabels]="showLabels"
</div> [isDhcp]="isDhcp">
</mat-tab> </app-status-tab>
</div>
</mat-tab>
<mat-tab label="Dhcp"> <mat-tab label="Dhcp">
<div *ngIf="!loading" class="content-container"> <div *ngIf="!loading" class="content-container">
<app-status-tab <app-status-tab
[loading]="loading" [loading]="loading"
[diskUsage]="dhcpDiskUsage" [diskUsage]="dhcpDiskUsage"
[servicesStatus]="dhcpServicesStatus" [servicesStatus]="dhcpServicesStatus"
[subnets]="subnets" [subnets]="subnets"
[diskUsageChartData]="dhcpDiskUsageChartData" [diskUsageChartData]="dhcpDiskUsageChartData"
[view]="view" [view]="view"
[colorScheme]="colorScheme" [colorScheme]="colorScheme"
[isDoughnut]="isDoughnut" [isDoughnut]="isDoughnut"
[showLabels]="showLabels" [showLabels]="showLabels"
[isDhcp]="isDhcp"> [isDhcp]="isDhcp">
</app-status-tab> </app-status-tab>
</div> </div>
</mat-tab> </mat-tab>
<mat-tab label="Pxe"> Content 3 </mat-tab> <mat-tab label="Pxe"> Content 3 </mat-tab>
</mat-tab-group> </mat-tab-group>
</mat-dialog-content> </mat-dialog-content>
<mat-dialog-actions class="action-container"> <mat-dialog-actions class="action-container">
<button class="ordinary-button" [mat-dialog-close]="true">{{ 'closeButton' | translate }}</button> <button class="ordinary-button" [mat-dialog-close]="true">{{ 'closeButton' | translate }}</button>
</mat-dialog-actions> </mat-dialog-actions>