64 lines
2.9 KiB
HTML
64 lines
2.9 KiB
HTML
<app-loading [isLoading]="loading"></app-loading>
|
|
<div *ngIf="!loading" class="dashboard">
|
|
<!-- Disk Usage Section -->
|
|
<div class="disk-usage-container">
|
|
<h3 class="disk-title">{{ 'diskUsageTitle' | translate }}</h3>
|
|
<div class="disk-usage" joyrideStep="diskUsageStep" text="{{ 'diskUsageDescription' | translate }}">
|
|
<ngx-charts-pie-chart [view]="view" [scheme]="colorScheme" [results]="diskUsageChartData" [doughnut]="isDoughnut"
|
|
[labels]="showLabels">
|
|
</ngx-charts-pie-chart>
|
|
<div class="disk-usage-info">
|
|
<p>{{ 'totalLabel' | translate }}: <strong>{{ formatBytes(diskUsage.total) }}</strong>
|
|
</p>
|
|
<p>{{ 'usedLabel' | translate }}: <strong>{{ formatBytes(diskUsage.used) }}</strong>
|
|
</p>
|
|
<p>{{ 'availableLabel' | translate }}: <strong>{{ formatBytes(diskUsage.available)
|
|
}}</strong></p>
|
|
<p>{{ 'freeLabel' | translate }}: <strong>{{ diskUsage.percentage }}</strong></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Services Status Section -->
|
|
<div class="services-status" joyrideStep="servicesStatusStep" text="{{ 'servicesStatusDescription' | translate }}">
|
|
<h3 class="service-title">{{ 'servicesTitle' | translate }}</h3>
|
|
<ul class="service-list">
|
|
<li *ngFor="let service of getServices()">
|
|
<span class="status-led"
|
|
[ngClass]="{ 'active': service.status === 'active', 'inactive': service.status !== 'active' }"></span>
|
|
{{ service.name }}: {{ service.status | translate }}
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Installed OgLives / Subnets Section -->
|
|
<div class="installed-oglives" joyrideStep="oglivesStep" text="{{ 'oglivesDescription' | translate }}">
|
|
<h3>{{ isDhcp ? ('subnets' | translate) : ('InstalledOglivesTitle' | translate)}}</h3>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>{{ 'idLabel' | translate }}</th>
|
|
<th *ngIf="!isDhcp">{{ 'kernelLabel' | translate }}</th>
|
|
<th *ngIf="!isDhcp">{{ 'architectureLabel' | translate }}</th>
|
|
<th *ngIf="!isDhcp">{{ 'revisionLabel' | translate }}</th>
|
|
<th *ngIf="isDhcp">{{ 'bootFileNameLabel' | translate }}</th>
|
|
<th *ngIf="isDhcp">{{ 'nextServerLabel' | translate }}</th>
|
|
<th *ngIf="isDhcp">{{ 'ipLabel' | translate }}</th>
|
|
<th *ngIf="isDhcp">{{ 'clientsLabel' | translate }}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr *ngFor="let item of isDhcp ? subnets : installedOgLives">
|
|
<td>{{ item.id }}</td>
|
|
<td *ngIf="!isDhcp">{{ item.kernel }}</td>
|
|
<td *ngIf="!isDhcp">{{ item.architecture }}</td>
|
|
<td *ngIf="!isDhcp">{{ item.revision }}</td>
|
|
<td *ngIf="isDhcp">{{ item['boot-file-name'] }}</td>
|
|
<td *ngIf="isDhcp">{{ item['next-server'] }}</td>
|
|
<td *ngIf="isDhcp">{{ item.subnet }}</td>
|
|
<td *ngIf="isDhcp">{{ item.reservations.length }}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div> |