From d1661fde3ffc04774dd7a5957ec9495a39f79f37 Mon Sep 17 00:00:00 2001 From: Dietmar Maurer Date: Sat, 25 Feb 2017 14:35:29 +0100 Subject: [PATCH] button/Button.js: imported from pve-manager --- Makefile | 1 + button/Button.js | 76 ++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 77 insertions(+) create mode 100644 button/Button.js diff --git a/Makefile b/Makefile index da69925..380b7ec 100644 --- a/Makefile +++ b/Makefile @@ -24,6 +24,7 @@ JSSRC= \ form/TextField.js \ form/Checkbox.js \ form/KVComboBox.js \ + button/Button.js \ grid/ObjectGrid.js \ grid/PendingObjectGrid.js \ panel/InputPanel.js \ diff --git a/button/Button.js b/button/Button.js new file mode 100644 index 0000000..15619a3 --- /dev/null +++ b/button/Button.js @@ -0,0 +1,76 @@ +/* Button features: + * - observe selection changes to enable/disable the button using enableFn() + * - pop up confirmation dialog using confirmMsg() + */ +Ext.define('Proxmox.button.Button', { + extend: 'Ext.button.Button', + alias: 'widget.proxmoxButton', + + // the selection model to observe + selModel: undefined, + + // if 'false' handler will not be called (button disabled) + enableFn: function(record) { }, + + // function(record) or text + confirmMsg: false, + + // take special care in confirm box (select no as default). + dangerous: false, + + initComponent: function() { + /*jslint confusion: true */ + + var me = this; + + if (me.handler) { + me.realHandler = me.handler; + + me.handler = function(button, event) { + var rec, msg; + if (me.selModel) { + rec = me.selModel.getSelection()[0]; + if (!rec || (me.enableFn(rec) === false)) { + return; + } + } + + if (me.confirmMsg) { + msg = me.confirmMsg; + if (Ext.isFunction(me.confirmMsg)) { + msg = me.confirmMsg(rec); + } + Ext.MessageBox.defaultButton = me.dangerous ? 2 : 1; + Ext.Msg.show({ + title: gettext('Confirm'), + icon: me.dangerous ? Ext.Msg.WARNING : Ext.Msg.QUESTION, + msg: msg, + buttons: Ext.Msg.YESNO, + callback: function(btn) { + if (btn !== 'yes') { + return; + } + me.realHandler(button, event, rec); + } + }); + } else { + me.realHandler(button, event, rec); + } + }; + } + + me.callParent(); + + if (me.selModel) { + + me.mon(me.selModel, "selectionchange", function() { + var rec = me.selModel.getSelection()[0]; + if (!rec || (me.enableFn(rec) === false)) { + me.setDisabled(true); + } else { + me.setDisabled(false); + } + }); + } + } +});