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     updateRepositoryStatus: function() {
  87         let me = this;
  88         let nodeStatus = me.nodeStatus;
  89
  90         let nodename = me.pveSelNode.data.node;
  91
  92         Proxmox.Utils.API2Request({
  93             url: `/nodes/${nodename}/apt/repositories`,
  94             method: 'GET',
  95             failure: response => Ext.Msg.alert(gettext('Error'), response.htmlStatus),
  96             success: response => nodeStatus.setRepositoryInfo(response.result.data['standard-repos']),
  97         });
  98
  99         Proxmox.Utils.API2Request({
 100             url: `/nodes/${nodename}/subscription`,
 101             method: 'GET',
 102             failure: response => Ext.Msg.alert(gettext('Error'), response.htmlStatus),
 103             success: function(response, opts) {
 104                 const res = response.result;
 105                 const subscription = res?.data?.status.toLowerCase() === 'active';
 106                 nodeStatus.setSubscriptionStatus(subscription);
 107             },
 108         });
 109     },
 110
 111     initComponent: function() {
 112         var me = this;
 113
 114         var nodename = me.pveSelNode.data.node;
 115         if (!nodename) {
 116             throw "no node name specified";
 117         }
 118
 119         if (!me.statusStore) {
 120             throw "no status storage specified";
 121         }
 122
 123         var rstore = me.statusStore;
 124
 125         var version_btn = new Ext.Button({
 126             text: gettext('Package versions'),
 127             handler: function() {
 128                 Proxmox.Utils.checked_command(function() { me.showVersions(); });
 129             },
 130         });
 131
 132         var rrdstore = Ext.create('Proxmox.data.RRDStore', {
 133             rrdurl: "/api2/json/nodes/" + nodename + "/rrddata",
 134             model: 'pve-rrd-node',
 135         });
 136
 137         let nodeStatus = Ext.create('PVE.node.StatusView', {
 138             xtype: 'pveNodeStatus',
 139             rstore: rstore,
 140             width: 770,
 141             pveSelNode: me.pveSelNode,
 142         });
 143
 144         Ext.apply(me, {
 145             tbar: [version_btn, '->', { xtype: 'proxmoxRRDTypeSelector' }],
 146             nodeStatus: nodeStatus,
 147             items: [
 148                 {
 149                     xtype: 'container',
 150                     itemId: 'itemcontainer',
 151                     layout: 'column',
 152                     minWidth: 700,
 153                     defaults: {
 154                         minHeight: 325,
 155                         padding: 5,
 156                         columnWidth: 1,
 157                     },
 158                     items: [
 159                         nodeStatus,
 160                         {
 161                             xtype: 'proxmoxRRDChart',
 162                             title: gettext('CPU usage'),
 163                             fields: ['cpu', 'iowait'],
 164                             fieldTitles: [gettext('CPU usage'), gettext('IO delay')],
 165                             store: rrdstore,
 166                         },
 167                         {
 168                             xtype: 'proxmoxRRDChart',
 169                             title: gettext('Server load'),
 170                             fields: ['loadavg'],
 171                             fieldTitles: [gettext('Load average')],
 172                             store: rrdstore,
 173                         },
 174                         {
 175                             xtype: 'proxmoxRRDChart',
 176                             title: gettext('Memory usage'),
 177                             fields: ['memtotal', 'memused'],
 178                             fieldTitles: [gettext('Total'), gettext('RAM usage')],
 179                             unit: 'bytes',
 180                             powerOfTwo: true,
 181                             store: rrdstore,
 182                         },
 183                         {
 184                             xtype: 'proxmoxRRDChart',
 185                             title: gettext('Network traffic'),
 186                             fields: ['netin', 'netout'],
 187                             store: rrdstore,
 188                         },
 189                     ],
 190                     listeners: {
 191                         resize: function(panel) {
 192                             Proxmox.Utils.updateColumns(panel);
 193                         },
 194                     },
 195                 },
 196             ],
 197             listeners: {
 198                 activate: function() {
 199                     rstore.setInterval(1000);
 200                     rstore.startUpdate(); // just to be sure
 201                     rrdstore.startUpdate();
 202                 },
 203                 destroy: function() {
 204                     rstore.setInterval(5000); // don't stop it, it's not ours!
 205                     rrdstore.stopUpdate();
 206                 },
 207             },
 208         });
 209
 210         me.updateRepositoryStatus();
 211
 212         me.callParent();
 213
 214         let sp = Ext.state.Manager.getProvider();
 215         me.mon(sp, 'statechange', function(provider, key, value) {
 216             if (key !== 'summarycolumns') {
 217                 return;
 218             }
 219             Proxmox.Utils.updateColumns(me.getComponent('itemcontainer'));
 220         });
 221     },
 222 });