ClusterAdministration.js - sort nodes by cid

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

diff --git a/js/ObjectGroup.js b/js/ObjectGroup.js
index 8e30928189c7360e1c2a64a2324c33eec7f7b7ad..1e76ef3d3f8bbc8113448fb644edd106f905edba 100644 (file)
--- a/js/ObjectGroup.js
+++ b/js/ObjectGroup.js
@@ -1,3 +1,4 @@
+/*global Proxmox*/
 Ext.define('PMG.ObjectGroup', {
     extend: 'Ext.grid.GridPanel',
     alias: 'widget.pmgObjectGroup',
@@ -11,19 +12,22 @@ Ext.define('PMG.ObjectGroup', {
 
     ogdata: undefined,
 
+    emptyText: gettext('Please select an object.'),
+
     setBaseUrl: function(baseurl) {
        var me = this;
 
        me.baseurl = baseurl;
 
-       me.store.setProxy({
-           type: 'proxmox',
-           url: '/api2/json' + me.baseurl + '/objects'
-       });
-
-       me.store.load(function() {
-           me.down('#addMenuButton').setDisabled(false);
-       });
+       if (me.baseurl === undefined) {
+           me.store.proxy.setUrl(undefined);
+           me.store.setData([]);
+           me.setButtonState(me.store, [], false);
+       } else {
+           var url = '/api2/json' + me.baseurl + '/objects';
+           me.store.proxy.setUrl(url);
+           me.store.load();
+       }
     },
 
     setObjectInfo: function(ogdata) {
@@ -31,12 +35,28 @@ Ext.define('PMG.ObjectGroup', {
 
        me.ogdata = ogdata;
 
-       var html = '<b>' + Ext.String.htmlEncode(me.ogdata.name) + '</b>';
-       html += "<br><br>";
-       html += Ext.String.htmlEncode(Ext.String.trim(me.ogdata.info));
+       if (me.ogdata === undefined) {
+
+           me.down('#oginfo').update(me.emptyText);
 
-       me.down('#oginfo').update(html);
-       me.down('#ogdata').setHidden(false);
+       } else {
+
+           var html = '<b>' + Ext.String.htmlEncode(me.ogdata.name) + '</b>';
+           html += "<br><br>";
+           html += Ext.String.htmlEncode(Ext.String.trim(me.ogdata.info));
+
+           me.down('#oginfo').update(html);
+           me.down('#ogdata').setHidden(false);
+       }
+    },
+
+    setButtonState: function(store, records, success) {
+       var me = this;
+       if (!success || !me.baseurl) {
+           me.down('#addMenuButton').setDisabled(true);
+           return;
+       }
+       me.down('#addMenuButton').setDisabled(false);
     },
 
     initComponent : function() {
@@ -44,9 +64,12 @@ Ext.define('PMG.ObjectGroup', {
 
        me.store = new Ext.data.Store({
            model: 'pmg-object-list',
+           proxy: {
+               type: 'proxmox'
+           },
            sorters: [
                {
-                   property : 'receivertest',
+                   property : 'receivertest'
                },
                {
                    property : 'otype',
@@ -77,7 +100,7 @@ Ext.define('PMG.ObjectGroup', {
            dataIndex: 'descr',
            renderer: Ext.String.htmlEncode,
            flex: 1
-       })
+       });
 
        var reload = function() {
             me.store.load();
@@ -85,29 +108,17 @@ Ext.define('PMG.ObjectGroup', {
 
        me.selModel = Ext.create('Ext.selection.RowModel', {});
 
-       var remove_btn = Ext.createWidget('proxmoxButton', {
-           text: gettext('Remove'),
-           disabled: true,
+       var remove_btn = Ext.createWidget('proxmoxStdRemoveButton', {
            selModel: me.selModel,
-           confirmMsg: function (rec) {
-               return Ext.String.format(
-                   gettext('Are you sure you want to remove entry {0}'),
-                   "'" +  PMG.Utils.format_otype(rec.data.otype) +
-                       ': ' + rec.data.descr + "'");
+           getUrl: function(rec) {
+               return me.baseurl + '/objects/' + rec.data.id;
            },
-           handler: function(btn, event, rec) {
-               Proxmox.Utils.API2Request({
-                   url: me.baseurl + '/objects/'+ rec.data.id,
-                   method: 'DELETE',
-                   waitMsgTarget: me,
-                   callback: function() {
-                       reload();
-                   },
-                   failure: function (response, opts) {
-                       Ext.Msg.alert(gettext('Error'), response.htmlStatus);
-                   }
-               });
-           }
+           callback: reload,
+           getRecordName: function(rec) {
+               return PMG.Utils.format_otype(rec.data.otype) +
+                   ': ' + rec.data.descr;
+           },
+           waitMsgTarget: me
        });
 
        var full_subject = function(subject, receivertest) {
@@ -128,7 +139,7 @@ Ext.define('PMG.ObjectGroup', {
            }
 
            var editor = PMG.Utils.object_editors[rec.data.otype];
-           if (!editor) {
+           if (!editor || editor.uneditable) {
                return;
            }
 
@@ -136,7 +147,7 @@ Ext.define('PMG.ObjectGroup', {
            config.subject = full_subject(editor.subject, rec.data.receivertest);
            config.url = me.baseurl + '/' + editor.subdir + '/' + rec.data.id;
 
-           var win = Ext.createWidget('proxmoxWindowEdit', config);
+           var win = Ext.createWidget(config);
 
            win.load();
            win.on('destroy', reload);
@@ -154,12 +165,13 @@ Ext.define('PMG.ObjectGroup', {
 
            menu_items.push({
                text: config.subject,
+               iconCls: config.iconCls || 'fa fa-question-circle',
                handler: function() {
                    if (me.baseurl == undefined) {
                        return;
                    }
                    config.url = me.baseurl + '/' + editor.subdir;
-                   var win = Ext.createWidget('proxmoxWindowEdit', config);
+                   var win = Ext.create(config);
                    win.on('destroy', reload);
                    win.show();
                }
@@ -176,18 +188,22 @@ Ext.define('PMG.ObjectGroup', {
                    text: gettext('Add'),
                    disabled: true,
                    itemId: 'addMenuButton',
-                   menu: new Ext.menu.Menu({
+                   menu: {
                        items: menu_items
-                   })
+                   }
                },
                {
                    xtype: 'proxmoxButton',
                    text: gettext('Edit'),
                    disabled: true,
                    selModel: me.selModel,
+                   enableFn: function(rec) {
+                       var editor = PMG.Utils.object_editors[rec.data.otype];
+                       return (editor && !editor.uneditable);
+                   },
                    handler: run_editor
                },
-               remove_btn
+               remove_btn
            ]
        });
 
@@ -204,7 +220,7 @@ Ext.define('PMG.ObjectGroup', {
                    itemId: 'oginfo',
                    style: { 'white-space': 'pre' },
                    padding: 10,
-                   html: gettext('Please select an object.'),
+                   html: me.emptyText,
                    listeners: {
                        dblclick: {
                            fn: function(e, t) {
@@ -212,13 +228,15 @@ Ext.define('PMG.ObjectGroup', {
                                me.fireEvent('dblclickOGInfo', me, e, t, me.ogdata);
                            },
                            element: 'el',
-                           scope: this,
+                           scope: this
                        }
                    }
                }
            ]
        });
 
+       Proxmox.Utils.monStoreErrors(me, me.store, true);
+
        Ext.apply(me, {
            listeners: {
                itemdblclick: run_editor,
@@ -228,6 +246,8 @@ Ext.define('PMG.ObjectGroup', {
 
        me.callParent();
 
+       me.mon(me.store, 'load', me.setButtonState, me);
+
        if (me.baseurl) {
            me.setBaseUrl(me.baseurl); // configure store, load()
        }