www/manager6/node/Summary.js

   1 Ext.define('PVE.node.Summary', {
   2     extend: 'Ext.panel.Panel',
   3     alias: 'widget.pveNodeSummary',
   4
   5     scrollable: true,
   6     bodyPadding: 5,
   7
   8     showVersions: function() {
   9         var me = this;
  10
  11         // Note: we use simply text/html here, because ExtJS grid has problems
  12         // with cut&paste
  13
  14         var nodename = me.pveSelNode.data.node;
  15
  16         var view = Ext.createWidget('component', {
  17             autoScroll: true,
  18             padding: 5,
  19             style: {
  20                 'background-color': 'white',
  21                 'white-space': 'pre',
  22                 'font-family': 'monospace'
  23             }
  24         });
  25
  26         var win = Ext.create('Ext.window.Window', {
  27             title: gettext('Package versions'),
  28             width: 600,
  29             height: 400,
  30             layout: 'fit',
  31             modal: true,
  32             items: [ view ]
  33         });
  34
  35         Proxmox.Utils.API2Request({
  36             waitMsgTarget: me,
  37             url: "/nodes/" + nodename + "/apt/versions",
  38             method: 'GET',
  39             failure: function(response, opts) {
  40                 win.close();
  41                 Ext.Msg.alert(gettext('Error'), response.htmlStatus);
  42             },
  43             success: function(response, opts) {
  44                 win.show();
  45                 var text = '';
  46
  47                 Ext.Array.each(response.result.data, function(rec) {
  48                     var version = "not correctly installed";
  49                     var pkg = rec.Package;
  50                     if (rec.OldVersion && rec.CurrentState === 'Installed') {
  51                         version = rec.OldVersion;
  52                     }
  53                     if (rec.RunningKernel) {
  54                         text += pkg + ': ' + version + ' (running kernel: ' +
  55                             rec.RunningKernel + ')\n';
  56                     } else if (rec.ManagerVersion) {
  57                         text += pkg + ': ' + version + ' (running version: ' +
  58                             rec.ManagerVersion + ')\n';
  59                     } else {
  60                         text += pkg + ': ' + version + '\n';
  61                     }
  62                 });
  63
  64                 view.update(Ext.htmlEncode(text));
  65             }
  66         });
  67     },
  68
  69     initComponent: function() {
  70         var me = this;
  71
  72         var nodename = me.pveSelNode.data.node;
  73         if (!nodename) {
  74             throw "no node name specified";
  75         }
  76
  77         if (!me.statusStore) {
  78             throw "no status storage specified";
  79         }
  80
  81         var rstore = me.statusStore;
  82
  83         var version_btn = new Ext.Button({
  84             text: gettext('Package versions'),
  85             handler: function(){
  86                 Proxmox.Utils.checked_command(function() { me.showVersions(); });
  87             }
  88         });
  89
  90         var rrdstore = Ext.create('Proxmox.data.RRDStore', {
  91             rrdurl: "/api2/json/nodes/" + nodename + "/rrddata",
  92             model: 'pve-rrd-node'
  93         });
  94
  95         Ext.apply(me, {
  96             tbar: [version_btn, '->', { xtype: 'proxmoxRRDTypeSelector' } ],
  97             items: [
  98                 {
  99                     xtype: 'container',
 100                     itemId: 'itemcontainer',
 101                     layout: 'column',
 102                     defaults: {
 103                         minHeight: 320,
 104                         padding: 5,
 105                         columnWidth: 1
 106                     },
 107                     items: [
 108                         {
 109                             xtype: 'pveNodeStatus',
 110                             rstore: rstore,
 111                             width: 770,
 112                             pveSelNode: me.pveSelNode
 113                         },
 114                         {
 115                             xtype: 'proxmoxRRDChart',
 116                             title: gettext('CPU usage'),
 117                             fields: ['cpu','iowait'],
 118                             fieldTitles: [gettext('CPU usage'), gettext('IO delay')],
 119                             store: rrdstore
 120                         },
 121                         {
 122                             xtype: 'proxmoxRRDChart',
 123                             title: gettext('Server load'),
 124                             fields: ['loadavg'],
 125                             fieldTitles: [gettext('Load average')],
 126                             store: rrdstore
 127                         },
 128                         {
 129                             xtype: 'proxmoxRRDChart',
 130                             title: gettext('Memory usage'),
 131                             fields: ['memtotal','memused'],
 132                             fieldTitles: [gettext('Total'), gettext('RAM usage')],
 133                             store: rrdstore
 134                         },
 135                         {
 136                             xtype: 'proxmoxRRDChart',
 137                             title: gettext('Network traffic'),
 138                             fields: ['netin','netout'],
 139                             store: rrdstore
 140                         }
 141                     ],
 142                     listeners: {
 143                         resize: function(panel) {
 144                             PVE.Utils.updateColumns(panel);
 145                         },
 146                     },
 147                 },
 148             ],
 149             listeners: {
 150                 activate: function() { rstore.startUpdate(); rrdstore.startUpdate(); },
 151                 destroy: function() { rstore.stopUpdate(); rrdstore.stopUpdate(); }
 152             }
 153         });
 154
 155         me.callParent();
 156
 157         let sp = Ext.state.Manager.getProvider();
 158         me.mon(sp, 'statechange', function(provider, key, value) {
 159             if (key !== 'summarycolumns') {
 160                 return;
 161             }
 162             PVE.Utils.updateColumns(me.getComponent('itemcontainer'));
 163         });
 164     }
 165 });