partkeepr

fork of partkeepr
git clone https://git.e1e0.net/partkeepr.git
Log | Files | Refs | Submodules | README | LICENSE

commit dd88e9fa74fe6b84e2d64dbe47f44362e2264e60
parent f7d6900b7a7a9e23b5c0bf061dc173fd99f07a29
Author: Felicitus <felicitus@felicitus.org>
Date:   Tue,  8 Sep 2015 14:22:46 +0200

Refactored the ConnectionButton to use the new CSS spritesheet icons

Diffstat:
Msrc/PartKeepr/FrontendBundle/Resources/public/js/Components/Widgets/ConnectionButton.js | 46+++++++++++++++++++++++++++++++---------------
1 file changed, 31 insertions(+), 15 deletions(-)

diff --git a/src/PartKeepr/FrontendBundle/Resources/public/js/Components/Widgets/ConnectionButton.js b/src/PartKeepr/FrontendBundle/Resources/public/js/Components/Widgets/ConnectionButton.js @@ -1,17 +1,33 @@ +/** + * Implements a simple connection button which can cycle between disconnected and connected state. + */ Ext.define('PartKeepr.ConnectionButton', { - extend: 'Ext.Button', - connectedIcon: 'resources/silkicons/connect.png', - disconnectedIcon: 'resources/silkicons/disconnect.png', - cls: 'x-btn-icon', - icon: 'resources/silkicons/disconnect.png', - //tooltip: i18n("Disconnected"), - setConnected: function () { - this.setIcon(this.connectedIcon); - //this.setTooltip(i18n("Connected")); - }, - setDisconnected: function () { - this.setIcon(this.disconnectedIcon); - //this.setTooltip(i18n("Disconnected")); - } -}); + extend: 'Ext.Button', + + /** + * The icon class to use when the button is in "connected" state + * @var string + */ + connectedIconCls: 'web-icon connect', + + /** + * The icon class to use when the button is in "disconnected" state + * @var string + */ + disconnectedIconCls: 'web-icon disconnect', + cls: 'x-btn-icon', + iconCls: 'web-icon disconnect', + tooltip: i18n("Disconnected"), + + setConnected: function () + { + this.setIconCls(this.connectedIconCls); + this.setTooltip(i18n("Connected")); + }, + setDisconnected: function () + { + this.setIconCls(this.disconnectedIconCls); + this.setTooltip(i18n("Disconnected")); + } +});