50 lines
1.3 KiB
JavaScript
50 lines
1.3 KiB
JavaScript
new Vue({
|
|
el: '#app',
|
|
data: {
|
|
fetchingLastBuildDate: true,
|
|
lastBuildDate: '',
|
|
|
|
fetchingDiskSpace: true,
|
|
diskSize: '',
|
|
diskUsed: '',
|
|
diskCapacity: '',
|
|
|
|
fetchingCPUUsage: true,
|
|
cpuUsageNum: 0,
|
|
cpuUsageStr: '',
|
|
},
|
|
created() {
|
|
this.fetchLastBuildDate();
|
|
this.fetchDiskSpace();
|
|
this.fetchCPUUsage();
|
|
},
|
|
methods: {
|
|
async fetchLastBuildDate() {
|
|
this.fetchingLastBuildDate = true;
|
|
try {
|
|
let { data } = await axios.get('/api/builddate');
|
|
this.lastBuildDate = data.pretty;
|
|
this.fetchingLastBuildDate = false;
|
|
} catch (err) { throw new Error(err); }
|
|
},
|
|
async fetchDiskSpace() {
|
|
this.fetchingDiskSpace = true;
|
|
try {
|
|
let { data } = await axios.get('/api/diskspace');
|
|
this.diskSize = data.size;
|
|
this.diskUsed = data.used;
|
|
this.diskCapacity = data.capacity;
|
|
this.fetchingDiskSpace = false;
|
|
} catch (err) { throw new Error(err); }
|
|
},
|
|
async fetchCPUUsage() {
|
|
this.fetchingCPUUsage = true;
|
|
try {
|
|
let { data } = await axios.get('/api/cpuusage');
|
|
this.cpuUsageNum = data.num;
|
|
this.cpuUsageStr = data.str;
|
|
this.fetchingCPUUsage = false;
|
|
} catch (err) { throw new Error(err); }
|
|
},
|
|
},
|
|
});
|