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             id: 'pkgversions',
  19             padding: 5,
  20             style: {
  21                 'background-color': 'white',
  22                 'white-space': 'pre',
  23                 'font-family': 'monospace',
  24             },
  25         });
  26
  27         var win = Ext.create('Ext.window.Window', {
  28             title: gettext('Package versions'),
  29             width: 600,
  30             height: 600,
  31             layout: 'fit',
  32             modal: true,
  33             items: [ view ],
  34             buttons: [
  35                 {
  36                     xtype: 'button',
  37                     iconCls: 'fa fa-clipboard',
  38                     handler: function(button) {
  39                         window.getSelection().selectAllChildren(
  40                             document.getElementById('pkgversions'),
  41                         );
  42                         document.execCommand("copy");
  43                     },
  44                     text: gettext('Copy'),
  45                 },
  46                 {
  47                     text: gettext('Ok'),
  48                     handler: function() {
  49                         this.up('window').close();
  50                     },
  51                 },
  52             ],
  53         });
  54
  55         Proxmox.Utils.API2Request({
  56             waitMsgTarget: me,
  57             url: `/nodes/${nodename}/apt/versions`,
  58             method: 'GET',
  59             failure: function(response, opts) {
  60                 win.close();
  61                 Ext.Msg.alert(gettext('Error'), response.htmlStatus);
  62             },
  63             success: function(response, opts) {
  64                 win.show();
  65                 let text = '';
  66                 Ext.Array.each(response.result.data, function(rec) {
  67                     let version = "not correctly installed";
  68                     let pkg = rec.Package;
  69                     if (rec.OldVersion && rec.CurrentState === 'Installed') {
  70                         version = rec.OldVersion;
  71                     }
  72                     if (rec.RunningKernel) {
  73                         text += `${pkg}: ${version} (running kernel: ${rec.RunningKernel})\n`;
  74                     } else if (rec.ManagerVersion) {
  75                         text += `${pkg}: ${version} (running version: ${rec.ManagerVersion})\n`;
  76                     } else {
  77                         text += `${pkg}: ${version}\n`;
  78                     }
  79                 });
  80
  81                 view.update(Ext.htmlEncode(text));
  82             },
  83         });
  84     },
  85
  86     initComponent: function() {
  87         var me = this;
  88
  89         var nodename = me.pveSelNode.data.node;
  90         if (!nodename) {
  91             throw "no node name specified";
  92         }
  93
  94         if (!me.statusStore) {
  95             throw "no status storage specified";
  96         }
  97
  98         var rstore = me.statusStore;
  99
 100         var version_btn = new Ext.Button({
 101             text: gettext('Package versions'),
 102             handler: function(){
 103                 Proxmox.Utils.checked_command(function() { me.showVersions(); });
 104             },
 105         });
 106
 107         var rrdstore = Ext.create('Proxmox.data.RRDStore', {
 108             rrdurl: "/api2/json/nodes/" + nodename + "/rrddata",
 109             model: 'pve-rrd-node',
 110         });
 111
 112         Ext.apply(me, {
 113             tbar: [version_btn, '->', { xtype: 'proxmoxRRDTypeSelector' } ],
 114             items: [
 115                 {
 116                     xtype: 'container',
 117                     itemId: 'itemcontainer',
 118                     layout: 'column',
 119                     minWidth: 700,
 120                     defaults: {
 121                         minHeight: 320,
 122                         padding: 5,
 123                         columnWidth: 1,
 124                     },
 125                     items: [
 126                         {
 127                             xtype: 'pveNodeStatus',
 128                             rstore: rstore,
 129                             width: 770,
 130                             pveSelNode: me.pveSelNode,
 131                         },
 132                         {
 133                             xtype: 'proxmoxRRDChart',
 134                             title: gettext('CPU usage'),
 135                             fields: ['cpu', 'iowait'],
 136                             fieldTitles: [gettext('CPU usage'), gettext('IO delay')],
 137                             store: rrdstore,
 138                         },
 139                         {
 140                             xtype: 'proxmoxRRDChart',
 141                             title: gettext('Server load'),
 142                             fields: ['loadavg'],
 143                             fieldTitles: [gettext('Load average')],
 144                             store: rrdstore,
 145                         },
 146                         {
 147                             xtype: 'proxmoxRRDChart',
 148                             title: gettext('Memory usage'),
 149                             fields: ['memtotal', 'memused'],
 150                             fieldTitles: [gettext('Total'), gettext('RAM usage')],
 151                             store: rrdstore,
 152                         },
 153                         {
 154                             xtype: 'proxmoxRRDChart',
 155                             title: gettext('Network traffic'),
 156                             fields: ['netin', 'netout'],
 157                             store: rrdstore,
 158                         },
 159                     ],
 160                     listeners: {
 161                         resize: function(panel) {
 162                             PVE.Utils.updateColumns(panel);
 163                         },
 164                     },
 165                 },
 166             ],
 167             listeners: {
 168                 activate: function() {
 169                     rstore.setInterval(1000);
 170                     rstore.startUpdate(); // just to be sure
 171                     rrdstore.startUpdate();
 172                 },
 173                 destroy: function() {
 174                     rstore.setInterval(5000); // don't stop it, it's not ours!
 175                     rrdstore.stopUpdate();
 176                 },
 177             },
 178         });
 179
 180         me.callParent();
 181
 182         let sp = Ext.state.Manager.getProvider();
 183         me.mon(sp, 'statechange', function(provider, key, value) {
 184             if (key !== 'summarycolumns') {
 185                 return;
 186             }
 187             PVE.Utils.updateColumns(me.getComponent('itemcontainer'));
 188         });
 189     },
 190 });