added smart plugin

This commit is contained in:
Francois Pires 2023-05-29 18:57:12 +02:00
parent e8cf98eebc
commit 344f2ebc5a
6 changed files with 102 additions and 30 deletions

View File

@ -50,6 +50,12 @@ body {
.text-left {
text-align: left;
}
.text-truncate {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sidebar .table-cell:not(.text-left) {
padding-left: 10px;
}

View File

@ -102,9 +102,15 @@
<glances-plugin-irq
id="plugin-irq"
class="plugin table-row-group"
v-if="args.enable_irq"
v-if="!args.disable_irq"
:data="data"
></glances-plugin-irq>
<glances-plugin-smart
id="plugin-smart"
class="plugin table-row-group"
v-if="!args.disable_smart"
:data="data"
></glances-plugin-smart>
<glances-plugin-folders
id="plugin-folders"
class="plugin table-row-group"
@ -123,7 +129,11 @@
v-if="!args.disable_sensors"
:data="data"
></glances-plugin-sensors>
<glances-plugin-now :data="data"></glances-plugin-now>
<glances-plugin-now
id="plugin-now"
class="plugin table-row-group"
:data="data"
></glances-plugin-now>
</div>
</div>
<div class="col-sm-18">
@ -170,6 +180,7 @@ import GlancesPluginPorts from './components/plugin-ports.vue';
import GlancesPluginProcess from './components/plugin-process.vue';
import GlancesPluginQuicklook from './components/plugin-quicklook.vue';
import GlancesPluginRaid from './components/plugin-raid.vue';
import GlancesPluginSmart from './components/plugin-smart.vue';
import GlancesPluginSensors from './components/plugin-sensors.vue';
import GlancesPluginSystem from './components/plugin-system.vue';
import GlancesPluginUptime from './components/plugin-uptime.vue';
@ -201,6 +212,7 @@ export default {
GlancesPluginQuicklook,
GlancesPluginRaid,
GlancesPluginSensors,
GlancesPluginSmart,
GlancesPluginSystem,
GlancesPluginUptime,
GlancesPluginWifi

View File

@ -107,28 +107,30 @@ export default {
},
containers() {
const { sorter } = this;
const containers = (this.stats.containers || []).map((containerData) => {
// prettier-ignore
return {
'id': containerData.Id,
'name': containerData.name,
'status': containerData.Status,
'uptime': containerData.Uptime,
'cpu_percent': containerData.cpu.total,
'memory_usage': containerData.memory.usage != undefined ? containerData.memory.usage : '?',
'limit': containerData.memory.limit != undefined ? containerData.memory.limit : '?',
'ior': containerData.io.ior != undefined ? containerData.io.ior : '?',
'iow': containerData.io.iow != undefined ? containerData.io.iow : '?',
'io_time_since_update': containerData.io.time_since_update,
'rx': containerData.network.rx != undefined ? containerData.network.rx : '?',
'tx': containerData.network.tx != undefined ? containerData.network.tx : '?',
'net_time_since_update': containerData.network.time_since_update,
'command': containerData.Command.join(' '),
'image': containerData.Image,
'engine': containerData.engine,
'pod_id': containerData.pod_id
};
});
const containers = ((this.stats && this.stats.containers) || []).map(
(containerData) => {
// prettier-ignore
return {
'id': containerData.Id,
'name': containerData.name,
'status': containerData.Status,
'uptime': containerData.Uptime,
'cpu_percent': containerData.cpu.total,
'memory_usage': containerData.memory.usage != undefined ? containerData.memory.usage : '?',
'limit': containerData.memory.limit != undefined ? containerData.memory.limit : '?',
'ior': containerData.io.ior != undefined ? containerData.io.ior : '?',
'iow': containerData.io.iow != undefined ? containerData.io.iow : '?',
'io_time_since_update': containerData.io.time_since_update,
'rx': containerData.network.rx != undefined ? containerData.network.rx : '?',
'tx': containerData.network.tx != undefined ? containerData.network.tx : '?',
'net_time_since_update': containerData.network.time_since_update,
'command': containerData.Command.join(' '),
'image': containerData.Image,
'engine': containerData.engine,
'pod_id': containerData.pod_id
};
}
);
return orderBy(
containers,
[sorter.column].reduce((retval, col) => {
@ -172,4 +174,4 @@ export default {
}
}
};
</script>
</script>

View File

@ -1,6 +1,8 @@
<template>
<section id="now" class="plugin">
<span>{{ value }}</span>
<div class="table-row">
<div class="table-cell text-left">{{ value }}</div>
</div>
</section>
</template>
@ -17,4 +19,4 @@ export default {
}
}
};
</script>
</script>

View File

@ -0,0 +1,50 @@
<template>
<section id="smart" class="plugin">
<div class="table-row">
<div class="table-cell text-left title">SMART disks</div>
<div class="table-cell"></div>
<div class="table-cell"></div>
</div>
<template v-for="(drive, driveId) in drives" :key="driveId">
<div class="table-row">
<div class="table-cell text-left text-truncate">{{ drive.name }}</div>
<div class="table-cell"></div>
<div class="table-cell"></div>
</div>
<template v-for="(metric, metricId) in drive.details" :key="metricId">
<div class="table-row">
<div class="table-cell text-left">&nbsp;&nbsp;{{ metric.name }}</div>
<div class="table-cell"></div>
<div class="table-cell text-truncate">
<span>{{ metric.raw }}</span>
</div>
</div>
</template>
</template>
</section>
</template>
<script>
export default {
props: {
data: {
type: Object
}
},
computed: {
stats() {
return this.data.stats['smart'];
},
drives() {
return (Array.isArray(this.stats) ? this.stats : []).map((data) => {
const name = data.DeviceName;
const details = Object.entries(data)
.filter(([key]) => key !== 'DeviceName')
.sort(([, a], [, b]) => (a.name < b.name ? -1 : a.name > b.name ? 1 : 0))
.map(([prop, value]) => value);
return { name, details };
});
}
}
};
</script>

File diff suppressed because one or more lines are too long