correctly use 'getStore' instead of 'get' and reload instead of load

[pmg-gui.git] / js / ClusterAdministration.js

diff --git a/js/ClusterAdministration.js b/js/ClusterAdministration.js
index 31dc185a497b2d1ec23f1926394f82ce32ebfc28..f59c1013743142307c2d1f5372bacc3b2a72bea6 100644 (file)
--- a/js/ClusterAdministration.js
+++ b/js/ClusterAdministration.js
@@ -1,12 +1,27 @@
+/*global Proxmox*/
 Ext.define('pmg-cluster', {
     extend: 'Ext.data.Model',
     fields: [
        'type', 'name', 'ip', 'hostrsapubkey', 'rootrsapubkey',
-       'fingerprint', { type: 'integer', name: 'cid' }
+       'fingerprint', { type: 'integer', name: 'cid' },
+       { type: 'boolean', name: 'insync' },
+       'memory', 'loadavg', 'uptime', 'rootfs', 'conn_error', 'level',
+       { type: 'number', name: 'memory_per',
+         calculate: function(data) {
+             var mem = data.memory;
+             return Ext.isObject(mem) ? mem.used/mem.total : 0;
+         }
+       },
+       { type: 'number', name: 'rootfs_per',
+         calculate: function(data) {
+             var du = data.rootfs;
+             return Ext.isObject(du) ? du.used/du.total : 0;
+         }
+       }
     ],
     proxy: {
         type: 'proxmox',
-       url: "/api2/json/config/cluster/nodes"
+       url: "/api2/json/config/cluster/status"
     },
     idProperty: 'cid'
 });
@@ -62,7 +77,7 @@ Ext.define('PMG.ClusterAddNodeWindow', {
        {
            xtype: 'component',
            border: false,
-           padding: 10,
+           padding: '10 10 10 10',
            html: gettext("Please use the 'Join' button on the node you want to add, using the following IP address and fingerprint.")
        },
        {
@@ -88,6 +103,8 @@ Ext.define('PMG.ClusterAddNodeWindow', {
     ]
 });
 
+/*jslint confusion: true*/
+/* bind is a function and object */
 Ext.define('PMG.ClusterAdministration', {
     extend: 'Ext.tab.Panel',
     xtype: 'pmgClusterAdministration',
@@ -114,10 +131,14 @@ Ext.define('PMG.ClusterAdministration', {
 
                init: function(view) {
                    view.store.on('load', this.onLoad, this);
+                   Proxmox.Utils.monStoreErrors(view, view.getStore());
                },
 
-               onLoad: function(store, records) {
+               onLoad: function(store, records, success) {
                    var vm = this.getViewModel();
+                   if (!success || !records) {
+                       return;
+                   }
                    vm.set('nodecount', records.length);
 
                    var master = null;
@@ -220,6 +241,67 @@ Ext.define('PMG.ClusterAdministration', {
                    width: 150,
                    dataIndex: 'ip'
                },
+               {
+                   header: gettext('State'),
+                   width: 100,
+                   renderer: function(value, metaData, record) {
+                       var d = record.data;
+                       var state = 'active';
+                       if (!d.insync) {
+                           state = 'syncing';
+                       }
+                       if (d.conn_error) {
+                           metaData.tdCls = 'x-form-invalid-field';
+                           var html = '<p>' +  Ext.htmlEncode(d.conn_error) + '</p>';
+                           html = html.replace(/\n/g, '<br>');
+                           metaData.tdAttr = 'data-qwidth=600 data-qtitle="ERROR" data-qtip="' +
+                               html.replace(/\"/g,'&quot;') + '"';
+                           state = 'error';
+                       }
+                       return state;
+                   },
+                   dataIndex: 'insync'
+               },
+               {
+                   header: gettext('Subscription'),
+                   width: 120,
+                   renderer: Proxmox.Utils.format_subscription_level,
+                   dataIndex: 'level'
+               },
+               {
+                   header: gettext('Uptime'),
+                   width: 150,
+                   renderer: Proxmox.Utils.render_uptime,
+                   dataIndex: 'uptime'
+               },
+               {
+                   header: gettext('Load average'),
+                   renderer: function(value) {
+                       if (Ext.isArray(value)) {
+                           return value[0];
+                       }
+                       return value.toString();
+                   },
+                   dataIndex: 'loadavg'
+               },
+               {
+                   xtype: 'widgetcolumn',
+                   widget: {
+                       xtype: 'progressbarwidget',
+                       textTpl: '{value:percent}'
+                   },
+                   header: gettext('RAM usage'),
+                   dataIndex: 'memory_per'
+               },
+               {
+                   xtype: 'widgetcolumn',
+                   widget: {
+                       xtype: 'progressbarwidget',
+                       textTpl: '{value:percent}'
+                   },
+                   header: gettext('HD space'),
+                   dataIndex: 'rootfs_per'
+               }
            ]
        }
     ]