160 lines
3.6 KiB
JavaScript
160 lines
3.6 KiB
JavaScript
Ext.define('PVE.node.Summary', {
|
|
extend: 'Ext.panel.Panel',
|
|
alias: 'widget.pveNodeSummary',
|
|
|
|
scrollable: true,
|
|
bodyPadding: 5,
|
|
|
|
showVersions: function() {
|
|
var me = this;
|
|
|
|
// Note: we use simply text/html here, because ExtJS grid has problems
|
|
// with cut&paste
|
|
|
|
var nodename = me.pveSelNode.data.node;
|
|
|
|
var view = Ext.createWidget('component', {
|
|
autoScroll: true,
|
|
padding: 5,
|
|
style: {
|
|
'background-color': 'white',
|
|
'white-space': 'pre',
|
|
'font-family': 'monospace'
|
|
}
|
|
});
|
|
|
|
var win = Ext.create('Ext.window.Window', {
|
|
title: gettext('Package versions'),
|
|
width: 600,
|
|
height: 400,
|
|
layout: 'fit',
|
|
modal: true,
|
|
items: [ view ]
|
|
});
|
|
|
|
Proxmox.Utils.API2Request({
|
|
waitMsgTarget: me,
|
|
url: "/nodes/" + nodename + "/apt/versions",
|
|
method: 'GET',
|
|
failure: function(response, opts) {
|
|
win.close();
|
|
Ext.Msg.alert(gettext('Error'), response.htmlStatus);
|
|
},
|
|
success: function(response, opts) {
|
|
win.show();
|
|
var text = '';
|
|
|
|
Ext.Array.each(response.result.data, function(rec) {
|
|
var version = "not correctly installed";
|
|
var pkg = rec.Package;
|
|
if (rec.OldVersion && rec.CurrentState === 'Installed') {
|
|
version = rec.OldVersion;
|
|
}
|
|
if (rec.RunningKernel) {
|
|
text += pkg + ': ' + version + ' (running kernel: ' +
|
|
rec.RunningKernel + ')\n';
|
|
} else if (rec.ManagerVersion) {
|
|
text += pkg + ': ' + version + ' (running version: ' +
|
|
rec.ManagerVersion + ')\n';
|
|
} else {
|
|
text += pkg + ': ' + version + '\n';
|
|
}
|
|
});
|
|
|
|
view.update(Ext.htmlEncode(text));
|
|
}
|
|
});
|
|
},
|
|
|
|
initComponent: function() {
|
|
var me = this;
|
|
|
|
var nodename = me.pveSelNode.data.node;
|
|
if (!nodename) {
|
|
throw "no node name specified";
|
|
}
|
|
|
|
if (!me.statusStore) {
|
|
throw "no status storage specified";
|
|
}
|
|
|
|
var rstore = me.statusStore;
|
|
|
|
var version_btn = new Ext.Button({
|
|
text: gettext('Package versions'),
|
|
handler: function(){
|
|
Proxmox.Utils.checked_command(function() { me.showVersions(); });
|
|
}
|
|
});
|
|
|
|
var rrdstore = Ext.create('Proxmox.data.RRDStore', {
|
|
rrdurl: "/api2/json/nodes/" + nodename + "/rrddata",
|
|
model: 'pve-rrd-node'
|
|
});
|
|
|
|
Ext.apply(me, {
|
|
tbar: [version_btn, '->', { xtype: 'proxmoxRRDTypeSelector' } ],
|
|
items: [
|
|
{
|
|
xtype: 'container',
|
|
layout: 'column',
|
|
defaults: {
|
|
minHeight: 320,
|
|
padding: 5,
|
|
plugins: 'responsive',
|
|
responsiveConfig: {
|
|
'width < 1900': {
|
|
columnWidth: 1
|
|
},
|
|
'width >= 1900': {
|
|
columnWidth: 0.5
|
|
}
|
|
}
|
|
},
|
|
items: [
|
|
{
|
|
xtype: 'pveNodeStatus',
|
|
rstore: rstore,
|
|
width: 770,
|
|
pveSelNode: me.pveSelNode
|
|
},
|
|
{
|
|
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('Network traffic'),
|
|
fields: ['netin','netout'],
|
|
store: rrdstore
|
|
}
|
|
]
|
|
}
|
|
],
|
|
listeners: {
|
|
activate: function() { rstore.startUpdate(); rrdstore.startUpdate(); },
|
|
destroy: function() { rstore.stopUpdate(); rrdstore.stopUpdate(); }
|
|
}
|
|
});
|
|
|
|
me.callParent();
|
|
}
|
|
});
|