Mercurial > lada > lada-client
changeset 709:6f6d2df00130
Added some CSS to make distinction between active and inactice windows more simple for the user
| author | Dustin Demuth <dustin@intevation.de> |
|---|---|
| date | Tue, 07 Apr 2015 17:16:59 +0200 |
| parents | 2ad36c8db968 |
| children | f204f30b824a |
| files | app/view/window/MessungCreate.js app/view/window/MessungEdit.js app/view/window/OrtCreate.js app/view/window/OrtEdit.js app/view/window/ProbeCreate.js app/view/window/ProbeEdit.js resources/css/lada.css |
| diffstat | 7 files changed, 65 insertions(+), 1 deletions(-) [+] |
line wrap: on
line diff
--- a/app/view/window/MessungCreate.js Fri Mar 27 15:54:43 2015 +0100 +++ b/app/view/window/MessungCreate.js Tue Apr 07 17:16:59 2015 +0200 @@ -36,6 +36,16 @@ }]; this.width = 700; + // add listeners to change the window appearence when it becomes inactive + this.on({ + activate: function(){ + this.getEl().removeCls('window-inactive'); + }, + deactivate: function(){ + this.getEl().addCls('window-inactive'); + } + }); + this.items = [{ border: 0, autoScroll: true,
--- a/app/view/window/MessungEdit.js Fri Mar 27 15:54:43 2015 +0100 +++ b/app/view/window/MessungEdit.js Tue Apr 07 17:16:59 2015 +0200 @@ -49,6 +49,17 @@ scope: this, handler: this.close }]; + + // add listeners to change the window appearence when it becomes inactive + this.on({ + activate: function(){ + this.getEl().removeCls('window-inactive'); + }, + deactivate: function(){ + this.getEl().addCls('window-inactive'); + } + }); + this.width = 700; this.height = Ext.getBody().getViewSize().height - 30;
--- a/app/view/window/OrtCreate.js Fri Mar 27 15:54:43 2015 +0100 +++ b/app/view/window/OrtCreate.js Tue Apr 07 17:16:59 2015 +0200 @@ -39,6 +39,16 @@ this.height = 515; this.bodyStyle = {background: '#fff'}; + // add listeners to change the window appearence when it becomes inactive + this.on({ + activate: function(){ + this.getEl().removeCls('window-inactive'); + }, + deactivate: function(){ + this.getEl().addCls('window-inactive'); + } + }); + this.items = [{ region: 'west', border: 0,
--- a/app/view/window/OrtEdit.js Fri Mar 27 15:54:43 2015 +0100 +++ b/app/view/window/OrtEdit.js Tue Apr 07 17:16:59 2015 +0200 @@ -51,6 +51,16 @@ this.height = 515; this.bodyStyle = {background: '#fff'}; + // add listeners to change the window appearence when it becomes inactive + this.on({ + activate: function(){ + this.getEl().removeCls('window-inactive'); + }, + deactivate: function(){ + this.getEl().addCls('window-inactive'); + } + }); + this.items = [{ region: 'west', border: 0,
--- a/app/view/window/ProbeCreate.js Fri Mar 27 15:54:43 2015 +0100 +++ b/app/view/window/ProbeCreate.js Tue Apr 07 17:16:59 2015 +0200 @@ -33,6 +33,17 @@ scope: this, handler: this.close }]; + + // add listeners to change the window appearence when it becomes inactive + this.on({ + activate: function(){ + this.getEl().removeCls('window-inactive'); + }, + deactivate: function(){ + this.getEl().addCls('window-inactive'); + } + }); + this.width = 700; // InitialConfig is the config object passed to the constructor on // creation of this window. We need to pass it throuh to the form as
--- a/app/view/window/ProbeEdit.js Fri Mar 27 15:54:43 2015 +0100 +++ b/app/view/window/ProbeEdit.js Tue Apr 07 17:16:59 2015 +0200 @@ -30,7 +30,6 @@ record: null, - initComponent: function() { if (this.record === null) { Ext.Msg.alert('Keine valide Probe ausgewählt!'); @@ -45,6 +44,17 @@ handler: this.close }]; this.width = 700; + + // add listeners to change the window appearence when it becomes inactive + this.on({ + activate: function(){ + this.getEl().removeCls('window-inactive'); + }, + deactivate: function(){ + this.getEl().addCls('window-inactive'); + } + }); + this.height = Ext.getBody().getViewSize().height - 30; // InitialConfig is the config object passed to the constructor on // creation of this window. We need to pass it throuh to the form as