148 lines
3.1 KiB
JavaScript
148 lines
3.1 KiB
JavaScript
Ext.define('pve-rrd-node', {
|
|
extend: 'Ext.data.Model',
|
|
fields: [
|
|
{
|
|
name: 'cpu',
|
|
// percentage
|
|
convert: function(value) {
|
|
return value*100;
|
|
}
|
|
},
|
|
{
|
|
name: 'iowait',
|
|
// percentage
|
|
convert: function(value) {
|
|
return value*100;
|
|
}
|
|
},
|
|
'netin',
|
|
'netout',
|
|
'memtotal',
|
|
'memused',
|
|
'swaptotal',
|
|
'swapused',
|
|
'roottotal',
|
|
'rootused',
|
|
'loadavg',
|
|
{ type: 'date', dateFormat: 'timestamp', name: 'time' }
|
|
]
|
|
});
|
|
Ext.define('PBS.ServerStatus', {
|
|
extend: 'Ext.panel.Panel',
|
|
alias: 'widget.pbsServerStatus',
|
|
|
|
title: gettext('ServerStatus'),
|
|
|
|
scrollable: true,
|
|
|
|
initComponent: function() {
|
|
var me = this;
|
|
|
|
var node_command = function(cmd) {
|
|
Proxmox.Utils.API2Request({
|
|
params: { command: cmd },
|
|
url: '/nodes/localhost/status',
|
|
method: 'POST',
|
|
waitMsgTarget: me,
|
|
failure: function(response, opts) {
|
|
Ext.Msg.alert(gettext('Error'), response.htmlStatus);
|
|
}
|
|
});
|
|
};
|
|
|
|
var restartBtn = Ext.create('Proxmox.button.Button', {
|
|
text: gettext('Reboot'),
|
|
dangerous: true,
|
|
confirmMsg: gettext("Reboot backup server?"),
|
|
handler: function() {
|
|
node_command('reboot');
|
|
},
|
|
iconCls: 'fa fa-undo'
|
|
});
|
|
|
|
var shutdownBtn = Ext.create('Proxmox.button.Button', {
|
|
text: gettext('Shutdown'),
|
|
dangerous: true,
|
|
confirmMsg: gettext("Shutdown backup server?"),
|
|
handler: function() {
|
|
node_command('shutdown');
|
|
},
|
|
iconCls: 'fa fa-power-off'
|
|
});
|
|
|
|
me.tbar = [ restartBtn, shutdownBtn, '->', { xtype: 'proxmoxRRDTypeSelector' } ];
|
|
|
|
var rrdstore = Ext.create('Proxmox.data.RRDStore', {
|
|
rrdurl: "/api2/json/nodes/localhost/rrd",
|
|
model: 'pve-rrd-node'
|
|
});
|
|
|
|
me.items = {
|
|
xtype: 'container',
|
|
itemId: 'itemcontainer',
|
|
layout: 'column',
|
|
minWidth: 700,
|
|
defaults: {
|
|
minHeight: 320,
|
|
padding: 5,
|
|
columnWidth: 1
|
|
},
|
|
items: [
|
|
{
|
|
xtype: 'proxmoxRRDChart',
|
|
title: gettext('CPU usage'),
|
|
fields: ['cpu','iowait'],
|
|
fieldTitles: [gettext('CPU usage'), gettext('IO delay')],
|
|
store: rrdstore
|
|
},
|
|
{
|
|
xtype: 'proxmoxRRDChart',
|
|
title: gettext('Server load'),
|
|
fields: ['loadavg'],
|
|
fieldTitles: [gettext('Load average')],
|
|
store: rrdstore
|
|
},
|
|
{
|
|
xtype: 'proxmoxRRDChart',
|
|
title: gettext('Memory usage'),
|
|
fields: ['memtotal','memused'],
|
|
fieldTitles: [gettext('Total'), gettext('RAM usage')],
|
|
store: rrdstore
|
|
},
|
|
{
|
|
xtype: 'proxmoxRRDChart',
|
|
title: gettext('Swap usage'),
|
|
fields: ['swaptotal','swapused'],
|
|
fieldTitles: [gettext('Total'), gettext('Swap usage')],
|
|
store: rrdstore
|
|
},
|
|
{
|
|
xtype: 'proxmoxRRDChart',
|
|
title: gettext('Network traffic'),
|
|
fields: ['netin','netout'],
|
|
store: rrdstore
|
|
},
|
|
{
|
|
xtype: 'proxmoxRRDChart',
|
|
title: gettext('Root Disk usage'),
|
|
fields: ['roottotal','rootused'],
|
|
fieldTitles: [gettext('Total'), gettext('Disk usage')],
|
|
store: rrdstore
|
|
},
|
|
]
|
|
};
|
|
|
|
me.listeners = {
|
|
activate: function() {
|
|
rrdstore.startUpdate();
|
|
},
|
|
destroy: function() {
|
|
rrdstore.stopUpdate();
|
|
},
|
|
};
|
|
|
|
me.callParent();
|
|
}
|
|
|
|
});
|