jjkiers/cloudron-box
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

graphs: show cpu and memory info

Browse Source
This commit is contained in:
Girish Ramakrishnan
2025-07-02 12:19:36 +02:00
parent 25397b94b3
commit 6a45d83082
5 changed files with 128 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dashboard/src/components/SystemMetrics.vue
+2 -2
View File
@@ -488,13 +488,13 @@ onUnmounted(async () => {
</template>
<div class="graphs">
<label>{{ $t('system.cpuUsage.title') }}</label>
<label>{{ $t('system.cpuUsage.title') }} <span class="pull-right text-small">{{ systemCpus.length ? `${systemCpus.length} Core "${systemCpus[0].model}"` : '' }}</span></label>
<div style="text-align: center" v-if="busy"><Spinner/></div>
<div class="graph">
<canvas v-show="!busy" ref="cpuGraphNode"></canvas>
</div>
<label>{{ $t('system.systemMemory.title') }}</label>
<label style="margin-top: 10px; display: block;">{{ $t('system.systemMemory.title') }} <span class="pull-right text-small">RAM: {{ prettyDecimalSize(systemMemory.memory) }} Swap: {{ prettyDecimalSize(systemMemory.swap) }}</span></label>
<div style="text-align: center" v-if="busy"><Spinner/></div>
<div class="graph">
<canvas v-show="!busy" ref="memoryGraphNode"></canvas>