alias: 'widget.pveNodeSummary',
scrollable: true,
- bodyStyle: 'padding:10px',
- defaults: {
- width: 800,
- style: { 'padding-top': '10px' }
- },
+ bodyPadding: 5,
showVersions: function() {
var me = this;
var view = Ext.createWidget('component', {
autoScroll: true,
+ id: 'pkgversions',
+ padding: 5,
style: {
'background-color': 'white',
'white-space': 'pre',
'font-family': 'monospace',
- padding: '5px'
- }
+ },
});
var win = Ext.create('Ext.window.Window', {
title: gettext('Package versions'),
width: 600,
- height: 400,
+ height: 600,
layout: 'fit',
modal: true,
- items: [ view ]
+ items: [view],
+ buttons: [
+ {
+ xtype: 'button',
+ iconCls: 'fa fa-clipboard',
+ handler: function(button) {
+ window.getSelection().selectAllChildren(
+ document.getElementById('pkgversions'),
+ );
+ document.execCommand("copy");
+ },
+ text: gettext('Copy'),
+ },
+ {
+ text: gettext('Ok'),
+ handler: function() {
+ this.up('window').close();
+ },
+ },
+ ],
});
- PVE.Utils.API2Request({
+ Proxmox.Utils.API2Request({
waitMsgTarget: me,
- url: "/nodes/" + nodename + "/apt/versions",
+ url: `/nodes/${nodename}/apt/versions`,
method: 'GET',
failure: function(response, opts) {
win.close();
},
success: function(response, opts) {
win.show();
- var text = '';
-
+ let text = '';
Ext.Array.each(response.result.data, function(rec) {
- var version = "not correctly installed";
- var pkg = rec.Package;
+ let version = "not correctly installed";
+ let pkg = rec.Package;
if (rec.OldVersion && rec.CurrentState === 'Installed') {
version = rec.OldVersion;
}
if (rec.RunningKernel) {
- text += pkg + ': ' + version + ' (running kernel: ' +
- rec.RunningKernel + ')\n';
+ text += `${pkg}: ${version} (running kernel: ${rec.RunningKernel})\n`;
} else if (rec.ManagerVersion) {
- text += pkg + ': ' + version + ' (running version: ' +
- rec.ManagerVersion + ')\n';
+ text += `${pkg}: ${version} (running version: ${rec.ManagerVersion})\n`;
} else {
- text += pkg + ': ' + version + '\n';
+ text += `${pkg}: ${version}\n`;
}
});
view.update(Ext.htmlEncode(text));
- }
+ },
});
},
var rstore = me.statusStore;
- var statusview = Ext.create('PVE.node.StatusView', {
- title: gettext('Status'),
- pveSelNode: me.pveSelNode,
- style: { 'padding-top': '0px' },
- rstore: rstore
- });
-
var version_btn = new Ext.Button({
text: gettext('Package versions'),
- handler: function(){
- PVE.Utils.checked_command(function() { me.showVersions(); });
- }
+ handler: function() {
+ Proxmox.Utils.checked_command(function() { me.showVersions(); });
+ },
});
- var rrdstore = Ext.create('PVE.data.RRDStore', {
- rrdurl: "/api2/json/nodes/" + nodename + "/rrddata"
+ var rrdstore = Ext.create('Proxmox.data.RRDStore', {
+ rrdurl: "/api2/json/nodes/" + nodename + "/rrddata",
+ model: 'pve-rrd-node',
});
Ext.apply(me, {
- tbar: [version_btn, '->', { xtype: 'pveRRDTypeSelector' } ],
- plugins: {
- ptype: 'lazyitems',
- items: [
- statusview,
- {
- xtype: 'pveRRDChart',
- title: gettext('CPU usage'),
- fields: ['cpu','iowait'],
- fieldTitles: [gettext('CPU usage'), gettext('IO delay')],
- store: rrdstore
- },
- {
- xtype: 'pveRRDChart',
- title: gettext('Server load'),
- fields: ['loadavg'],
- fieldTitles: [gettext('Load average')],
- store: rrdstore
+ tbar: [version_btn, '->', { xtype: 'proxmoxRRDTypeSelector' }],
+ items: [
+ {
+ xtype: 'container',
+ itemId: 'itemcontainer',
+ layout: 'column',
+ minWidth: 700,
+ defaults: {
+ minHeight: 320,
+ padding: 5,
+ columnWidth: 1,
},
- {
- xtype: 'pveRRDChart',
- title: gettext('Memory usage'),
- fields: ['memtotal','memused'],
- fieldTitles: [gettext('Total'), gettext('RAM usage')],
- store: rrdstore
+ 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')],
+ unit: 'bytes',
+ powerOfTwo: true,
+ store: rrdstore,
+ },
+ {
+ xtype: 'proxmoxRRDChart',
+ title: gettext('Network traffic'),
+ fields: ['netin', 'netout'],
+ store: rrdstore,
+ },
+ ],
+ listeners: {
+ resize: function(panel) {
+ PVE.Utils.updateColumns(panel);
+ },
},
- {
- xtype: 'pveRRDChart',
- title: gettext('Network traffic'),
- fields: ['netin','netout'],
- store: rrdstore
- }
- ]
- },
+ },
+ ],
listeners: {
- activate: function() { rstore.startUpdate(); rrdstore.startUpdate(); },
- hide: function() { rstore.stopUpdate(); rrdstore.stopUpdate(); },
- destroy: function() { rstore.stopUpdate(); rrdstore.stopUpdate(); }
- }
+ activate: function() {
+ rstore.setInterval(1000);
+ rstore.startUpdate(); // just to be sure
+ rrdstore.startUpdate();
+ },
+ destroy: function() {
+ rstore.setInterval(5000); // don't stop it, it's not ours!
+ rrdstore.stopUpdate();
+ },
+ },
});
me.callParent();
- }
+
+ let sp = Ext.state.Manager.getProvider();
+ me.mon(sp, 'statechange', function(provider, key, value) {
+ if (key !== 'summarycolumns') {
+ return;
+ }
+ PVE.Utils.updateColumns(me.getComponent('itemcontainer'));
+ });
+ },
});