refs #1075 formatBytes server usage
testing/ogGui-multibranch/pipeline/head There was a failure building this commit
Details
testing/ogGui-multibranch/pipeline/head There was a failure building this commit
Details
parent
7d798f4d26
commit
bb964aacea
|
@ -14,10 +14,10 @@
|
||||||
[legend]="showLegend">
|
[legend]="showLegend">
|
||||||
</ngx-charts-pie-chart>
|
</ngx-charts-pie-chart>
|
||||||
<div class="disk-usage-info">
|
<div class="disk-usage-info">
|
||||||
<p>Total: {{ diskUsage.total }}</p>
|
<p>Total: {{ formatBytes(diskUsage.total) }}</p>
|
||||||
<p>Ocupado: {{ diskUsage.used }}</p>
|
<p>Ocupado: {{ formatBytes(diskUsage.used) }}</p>
|
||||||
<p>Disponible: {{ diskUsage.available }}</p>
|
<p>Disponible: {{ formatBytes(diskUsage.available) }}</p>
|
||||||
<p>Libre: {{ diskUsage.percentage }}</p>
|
<p>Libre: {{ diskUsage.percentage }}%</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -15,7 +15,6 @@ export class OgbootStatusComponent implements OnInit {
|
||||||
|
|
||||||
view: [number, number] = [1100, 500];
|
view: [number, number] = [1100, 500];
|
||||||
|
|
||||||
// Opciones de la gráfica
|
|
||||||
gradient: boolean = true;
|
gradient: boolean = true;
|
||||||
showLegend: boolean = true;
|
showLegend: boolean = true;
|
||||||
showLabels: boolean = true;
|
showLabels: boolean = true;
|
||||||
|
@ -57,4 +56,16 @@ export class OgbootStatusComponent implements OnInit {
|
||||||
status: this.servicesStatus[key]
|
status: this.servicesStatus[key]
|
||||||
}));
|
}));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
formatBytes(bytes: number): string {
|
||||||
|
if (bytes >= 1e9) {
|
||||||
|
return (bytes / 1e9).toFixed(2) + ' GB';
|
||||||
|
} else if (bytes >= 1e6) {
|
||||||
|
return (bytes / 1e6).toFixed(2) + ' MB';
|
||||||
|
} else if (bytes >= 1e3) {
|
||||||
|
return (bytes / 1e3).toFixed(2) + ' KB';
|
||||||
|
} else {
|
||||||
|
return bytes + ' B';
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue