ClusterAdministration.js - sort nodes by cid

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

diff --git a/js/ObjectGroup.js b/js/ObjectGroup.js
index b73f9148bf4bc4f497e2f8230269290945ce9802..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',
@@ -19,18 +20,13 @@ Ext.define('PMG.ObjectGroup', {
        me.baseurl = baseurl;
 
        if (me.baseurl === undefined) {
-           me.store.setProxy(undefined);
+           me.store.proxy.setUrl(undefined);
            me.store.setData([]);
-           me.down('#addMenuButton').setDisabled(true);
+           me.setButtonState(me.store, [], false);
        } else {
-           me.store.setProxy({
-               type: 'proxmox',
-               url: '/api2/json' + me.baseurl + '/objects'
-           });
-
-           me.store.load(function() {
-               me.down('#addMenuButton').setDisabled(false);
-           });
+           var url = '/api2/json' + me.baseurl + '/objects';
+           me.store.proxy.setUrl(url);
+           me.store.load();
        }
     },
 
@@ -54,11 +50,23 @@ Ext.define('PMG.ObjectGroup', {
        }
     },
 
+    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() {
        var me = this;
 
        me.store = new Ext.data.Store({
            model: 'pmg-object-list',
+           proxy: {
+               type: 'proxmox'
+           },
            sorters: [
                {
                    property : 'receivertest'
@@ -92,7 +100,7 @@ Ext.define('PMG.ObjectGroup', {
            dataIndex: 'descr',
            renderer: Ext.String.htmlEncode,
            flex: 1
-       })
+       });
 
        var reload = function() {
             me.store.load();
@@ -131,7 +139,7 @@ Ext.define('PMG.ObjectGroup', {
            }
 
            var editor = PMG.Utils.object_editors[rec.data.otype];
-           if (!editor) {
+           if (!editor || editor.uneditable) {
                return;
            }
 
@@ -157,6 +165,7 @@ Ext.define('PMG.ObjectGroup', {
 
            menu_items.push({
                text: config.subject,
+               iconCls: config.iconCls || 'fa fa-question-circle',
                handler: function() {
                    if (me.baseurl == undefined) {
                        return;
@@ -179,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
            ]
        });
 
@@ -222,6 +235,8 @@ Ext.define('PMG.ObjectGroup', {
            ]
        });
 
+       Proxmox.Utils.monStoreErrors(me, me.store, true);
+
        Ext.apply(me, {
            listeners: {
                itemdblclick: run_editor,
@@ -231,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()
        }