Memory data added

This commit is contained in:
piotrpekala7 2020-01-20 17:16:07 +01:00
parent acc41aebe1
commit 61cca78609
4 changed files with 30 additions and 5 deletions

View File

@ -128,4 +128,28 @@
[subtitleFontSize]="15"
></circle-progress>
</div>
<div class="wrapper">
<mat-chip-list>
<mat-chip color="primary" selected>Memory total: {{formatBytes(computeStatistics.statistics.memory_total)}}</mat-chip>
</mat-chip-list>
<mat-chip-list>
<mat-chip color="primary" selected>Memory used: {{formatBytes(computeStatistics.statistics.memory_used)}}</mat-chip>
</mat-chip-list>
<mat-chip-list>
<mat-chip color="primary" selected>Memory free: {{formatBytes(computeStatistics.statistics.memory_free)}}</mat-chip>
</mat-chip-list>
</div>
<div class="wrapper">
<mat-chip-list>
<mat-chip color="primary" selected>Swap total: {{formatBytes(computeStatistics.statistics.swap_total)}}</mat-chip>
</mat-chip-list>
<mat-chip-list>
<mat-chip color="primary" selected>Swap used: {{formatBytes(computeStatistics.statistics.swap_used)}}</mat-chip>
</mat-chip-list>
<mat-chip-list>
<mat-chip color="primary" selected>Swap free: {{formatBytes(computeStatistics.statistics.swap_free)}}</mat-chip>
</mat-chip-list>
</div>
</mat-card>

View File

@ -2,4 +2,5 @@
width: 100%;
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}

View File

@ -12,9 +12,7 @@ export class StatusChartComponent implements OnInit {
constructor() {}
ngOnInit() {
// console.log('Memory total ', this.formatBytes(this.computeStatistics.statistics.memory_total));
}
ngOnInit() {}
formatBytes(bytes, decimals = 2) {
if (bytes === 0) return '0 Bytes';

View File

@ -22,7 +22,8 @@ import {
MatGridListModule,
MatTabsModule,
MatTreeModule,
MatBottomSheetModule
MatBottomSheetModule,
MatChipsModule
} from '@angular/material';
export const MATERIAL_IMPORTS = [
@ -49,5 +50,6 @@ export const MATERIAL_IMPORTS = [
MatGridListModule,
MatTabsModule,
MatTreeModule,
MatBottomSheetModule
MatBottomSheetModule,
MatChipsModule
];