Changed some icons.

[omvzfs.git] / gui / js / omv / module / admin / storage / zfs / TreePanel.js

diff --git a/gui/js/omv/module/admin/storage/zfs/TreePanel.js b/gui/js/omv/module/admin/storage/zfs/TreePanel.js
index 320a6cd8faf175a652663f240163e5faab338643..373f5b6149be50e8db046d20dc15fd46279a12d6 100644 (file)
--- a/gui/js/omv/module/admin/storage/zfs/TreePanel.js
+++ b/gui/js/omv/module/admin/storage/zfs/TreePanel.js
@@ -105,8 +105,10 @@ Ext.define("OMV.module.admin.storage.zfs.TreePanel", {
        hideDownButton: true,
        hideApplyButton: true,
        hideRefreshButton: true,
+       hideExpandPoolButton: true,
        addButtonText: _("Add Pool"),
        addObjButtonText: _("Add Object"),
+       expandPoolButtonText: _("Expand"),
        editButtonText: _("Edit"),
        deleteButtonText: _("Delete"),
        upButtonText: _("Up"),
@@ -188,7 +190,7 @@ Ext.define("OMV.module.admin.storage.zfs.TreePanel", {
                        id: me.getId() + "-add",
                        xtype: "button",
                        text: me.addButtonText,
-                       icon: "images/add.png",
+                       icon: "images/zfs_addpool.png",
                        iconCls: Ext.baseCSSPrefix + "btn-icon-16x16",
                        hidden: me.hideAddButton,
                        handler: Ext.Function.bind(me.onAddButton, me, [ me ]),
@@ -207,12 +209,22 @@ Ext.define("OMV.module.admin.storage.zfs.TreePanel", {
                        id: me.getId() + "-addobj",
                        xtype: "button",
                        text: me.addObjButtonText,
-                       icon: "images/add.png",
+                       icon: "images/zfs_addobject.png",
                        iconCls: Ext.baseCSSPrefix + "btn-icon-16x16",
                        hidden: me.hideAddObjButton,
                        handler: Ext.Function.bind(me.onAddObjButton, me, [ me ]),
                        scope: me,
                        disabled: true
+               },{
+                       id: me.getId() + "-expand",
+                       xtype: "button",
+                       text: me.expandPoolButtonText,
+                       icon: "images/zfs_expand.png",
+                       iconCls: Ext.baseCSSPrefix + "btn-icon-16x16",
+                       hidden: me.hideExpandPoolButton,
+                       handler: Ext.Function.bind(me.onExpandPoolButton, me, [ me ]),
+                       scope: me,
+                       disabled: true
                },{
                        id: me.getId() + "-delete",
                        xtype: "button",
@@ -273,18 +285,20 @@ Ext.define("OMV.module.admin.storage.zfs.TreePanel", {
                var me = this;
                if(me.hideTopToolbar)
                        return;
-               var tbarBtnName = [ "addobj", "edit", "delete", "up", "down" ];
+               var tbarBtnName = [ "addobj", "edit", "delete", "up", "down", "expand" ];
                var tbarBtnDisabled = {
                        "addobj": false,
                        "edit": false,
                        "delete": false,
+                       "expand": false,
                        "up": true,
-                       "down": true
+                       "down": true,
                };
                var tbarBtnHidden = {
                        "addobj": true,
                        "edit": true,
                        "delete": true,
+                       "expand": true,
                        "up": true,
                        "down": true
                };
@@ -295,32 +309,37 @@ Ext.define("OMV.module.admin.storage.zfs.TreePanel", {
                        tbarBtnDisabled["delete"] = true;
                        tbarBtnDisabled["up"] = true;
                        tbarBtnDisabled["down"] = true;
+                       tbarBtnDisabled["expand"] = true;
                tbarBtnHidden["addobj"] = true;
                        tbarBtnHidden["edit"] = true;
                        tbarBtnHidden["delete"] = true;
+                       tbarBtnHidden["expand"] = true;
                } else if(records.length == 1) {
                        tbarBtnDisabled["addobj"] = false;
                        tbarBtnDisabled["edit"] = false;
                        tbarBtnDisabled["delete"] = false;
                        tbarBtnDisabled["up"] = false;
                        tbarBtnDisabled["down"] = false;
+                       tbarBtnDisabled["expand"] = false;
                        tbarBtnHidden["addobj"] = false;
                        tbarBtnHidden["edit"] = false;
                        tbarBtnHidden["delete"] = false;
+                       tbarBtnHidden["expand"] = false;
                } else {
                        tbarBtnDisabled["addobj"] = true;
                        tbarBtnDisabled["edit"] = true;
                        tbarBtnDisabled["delete"] = false;
                        tbarBtnDisabled["up"] = false;
                        tbarBtnDisabled["down"] = false;
+                       tbarBtnDisabled["expand"] = true;
                        tbarBtnHidden["addobj"] = true;
                        tbarBtnHidden["edit"] = true;
                        tbarBtnHidden["delete"] = false;
+                       tbarBtnHidden["expand"] = true;
                }
-               //Disable 'AddObj' button if selected row is a Poool or a Snapshot
+               //Disable 'AddObj' button if selected row is a Snapshot
                Ext.Array.each(records, function(record) {
-                       if(("Pool" == record.get("type")) ||
-                          ("Snapshot" == record.get("type"))) {
+                       if("Snapshot" == record.get("type")) {
                                tbarBtnDisabled["addobj"] = true;
                                tbarBtnHidden["addobj"] = true;
                        return false;
@@ -335,6 +354,15 @@ Ext.define("OMV.module.admin.storage.zfs.TreePanel", {
                        return false;
                        }
                });
+               
+               //Disable 'ExpandPool' button if selected row is not a Pool
+               Ext.Array.each(records, function(record) {
+                       if(!("Pool" == record.get("type"))) {
+                               tbarBtnDisabled["expand"] = true;
+                               tbarBtnHidden["expand"] = true;
+                               return false;
+                       }
+               });
 
                // Update the button controls.
                Ext.Array.each(tbarBtnName, function(name) {