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                     minWidth: 700,
 103                     defaults: {
 104                         minHeight: 320,
 105                         padding: 5,
 106                         columnWidth: 1
 107                     },
 108                     items: [
 109                         {
 110                             xtype: 'pveNodeStatus',
 111                             rstore: rstore,
 112                             width: 770,
 113                             pveSelNode: me.pveSelNode
 114                         },
 115                         {
 116                             xtype: 'proxmoxRRDChart',
 117                             title: gettext('CPU usage'),
 118                             fields: ['cpu','iowait'],
 119                             fieldTitles: [gettext('CPU usage'), gettext('IO delay')],
 120                             store: rrdstore
 121                         },
 122                         {
 123                             xtype: 'proxmoxRRDChart',
 124                             title: gettext('Server load'),
 125                             fields: ['loadavg'],
 126                             fieldTitles: [gettext('Load average')],
 127                             store: rrdstore
 128                         },
 129                         {
 130                             xtype: 'proxmoxRRDChart',
 131                             title: gettext('Memory usage'),
 132                             fields: ['memtotal','memused'],
 133                             fieldTitles: [gettext('Total'), gettext('RAM usage')],
 134                             store: rrdstore
 135                         },
 136                         {
 137                             xtype: 'proxmoxRRDChart',
 138                             title: gettext('Network traffic'),
 139                             fields: ['netin','netout'],
 140                             store: rrdstore
 141                         }
 142                     ],
 143                     listeners: {
 144                         resize: function(panel) {
 145                             PVE.Utils.updateColumns(panel);
 146                         },
 147                     },
 148                 },
 149             ],
 150             listeners: {
 151                 activate: function() { rstore.startUpdate(); rrdstore.startUpdate(); },
 152                 destroy: function() { rstore.stopUpdate(); rrdstore.stopUpdate(); }
 153             }
 154         });
 155
 156         me.callParent();
 157
 158         let sp = Ext.state.Manager.getProvider();
 159         me.mon(sp, 'statechange', function(provider, key, value) {
 160             if (key !== 'summarycolumns') {
 161                 return;
 162             }
 163             PVE.Utils.updateColumns(me.getComponent('itemcontainer'));
 164         });
 165     }
 166 });