Diffstat (limited to 'frontend/beta/js/Clipperz/PM/Components/RecordDetail/HeaderComponent.js') (more/less context) (ignore whitespace changes)
-rw-r--r-- | frontend/beta/js/Clipperz/PM/Components/RecordDetail/HeaderComponent.js | 22 |
1 files changed, 10 insertions, 12 deletions
diff --git a/frontend/beta/js/Clipperz/PM/Components/RecordDetail/HeaderComponent.js b/frontend/beta/js/Clipperz/PM/Components/RecordDetail/HeaderComponent.js index 46f456b..4f12c88 100644 --- a/frontend/beta/js/Clipperz/PM/Components/RecordDetail/HeaderComponent.js +++ b/frontend/beta/js/Clipperz/PM/Components/RecordDetail/HeaderComponent.js | |||
@@ -1,162 +1,160 @@ | |||
1 | /* | 1 | /* |
2 | 2 | ||
3 | Copyright 2008-2011 Clipperz Srl | 3 | Copyright 2008-2013 Clipperz Srl |
4 | 4 | ||
5 | This file is part of Clipperz Community Edition. | 5 | This file is part of Clipperz, the online password manager. |
6 | Clipperz Community Edition is an online password manager. | ||
7 | For further information about its features and functionalities please | 6 | For further information about its features and functionalities please |
8 | refer to http://www.clipperz.com. | 7 | refer to http://www.clipperz.com. |
9 | 8 | ||
10 | * Clipperz Community Edition is free software: you can redistribute | 9 | * Clipperz is free software: you can redistribute it and/or modify it |
11 | it and/or modify it under the terms of the GNU Affero General Public | 10 | under the terms of the GNU Affero General Public License as published |
12 | License as published by the Free Software Foundation, either version | 11 | by the Free Software Foundation, either version 3 of the License, or |
13 | 3 of the License, or (at your option) any later version. | 12 | (at your option) any later version. |
14 | 13 | ||
15 | * Clipperz Community Edition is distributed in the hope that it will | 14 | * Clipperz is distributed in the hope that it will be useful, but |
16 | be useful, but WITHOUT ANY WARRANTY; without even the implied | 15 | WITHOUT ANY WARRANTY; without even the implied warranty of |
17 | warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. | 16 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. |
18 | See the GNU Affero General Public License for more details. | 17 | See the GNU Affero General Public License for more details. |
19 | 18 | ||
20 | * You should have received a copy of the GNU Affero General Public | 19 | * You should have received a copy of the GNU Affero General Public |
21 | License along with Clipperz Community Edition. If not, see | 20 | License along with Clipperz. If not, see http://www.gnu.org/licenses/. |
22 | <http://www.gnu.org/licenses/>. | ||
23 | 21 | ||
24 | */ | 22 | */ |
25 | 23 | ||
26 | if (typeof(Clipperz) == 'undefined') { Clipperz = {}; } | 24 | if (typeof(Clipperz) == 'undefined') { Clipperz = {}; } |
27 | if (typeof(Clipperz.PM) == 'undefined') { Clipperz.PM = {}; } | 25 | if (typeof(Clipperz.PM) == 'undefined') { Clipperz.PM = {}; } |
28 | if (typeof(Clipperz.PM.Components) == 'undefined') { Clipperz.PM.Components = {}; } | 26 | if (typeof(Clipperz.PM.Components) == 'undefined') { Clipperz.PM.Components = {}; } |
29 | if (typeof(Clipperz.PM.Components.RecordDetail) == 'undefined') { Clipperz.PM.Components.RecordDetail = {}; } | 27 | if (typeof(Clipperz.PM.Components.RecordDetail) == 'undefined') { Clipperz.PM.Components.RecordDetail = {}; } |
30 | 28 | ||
31 | //############################################################################# | 29 | //############################################################################# |
32 | 30 | ||
33 | Clipperz.PM.Components.RecordDetail.HeaderComponent = function(anElement, args) { | 31 | Clipperz.PM.Components.RecordDetail.HeaderComponent = function(anElement, args) { |
34 | args = args || {}; | 32 | args = args || {}; |
35 | 33 | ||
36 | Clipperz.PM.Components.RecordDetail.HeaderComponent.superclass.constructor.call(this, anElement, args); | 34 | Clipperz.PM.Components.RecordDetail.HeaderComponent.superclass.constructor.call(this, anElement, args); |
37 | this.mainComponent().addEditComponent(this); | 35 | this.mainComponent().addEditComponent(this); |
38 | 36 | ||
39 | this._saveButton = null; | 37 | this._saveButton = null; |
40 | 38 | ||
41 | this.render(); | 39 | this.render(); |
42 | 40 | ||
43 | return this; | 41 | return this; |
44 | } | 42 | } |
45 | 43 | ||
46 | //============================================================================= | 44 | //============================================================================= |
47 | 45 | ||
48 | YAHOO.extendX(Clipperz.PM.Components.RecordDetail.HeaderComponent, Clipperz.PM.Components.RecordDetail.AbstractComponent, { | 46 | YAHOO.extendX(Clipperz.PM.Components.RecordDetail.HeaderComponent, Clipperz.PM.Components.RecordDetail.AbstractComponent, { |
49 | 47 | ||
50 | 'toString': function() { | 48 | 'toString': function() { |
51 | return "Clipperz.PM.Components.RecordDetail.HeaderComponent component"; | 49 | return "Clipperz.PM.Components.RecordDetail.HeaderComponent component"; |
52 | }, | 50 | }, |
53 | 51 | ||
54 | //------------------------------------------------------------------------- | 52 | //------------------------------------------------------------------------- |
55 | 53 | ||
56 | 'render': function() { | 54 | 'render': function() { |
57 | var editButton; | 55 | var editButton; |
58 | 56 | ||
59 | //MochiKit.Logging.logDebug(">>> RecordDetail.HeaderComponent.appendTo"); | 57 | //MochiKit.Logging.logDebug(">>> RecordDetail.HeaderComponent.appendTo"); |
60 | Clipperz.YUI.DomHelper.append(this.element().dom, {tag:'div', cls:'recordDetailButtonsBox', children:[ | 58 | Clipperz.YUI.DomHelper.append(this.element().dom, {tag:'div', cls:'recordDetailButtonsBox', children:[ |
61 | {tag:'div', id:this.getId('editButtonBox'), children:[ | 59 | {tag:'div', id:this.getId('editButtonBox'), children:[ |
62 | {tag:'table', cls:'recordDetailButtonsTABLE', border:'0', cellpadding:'0', cellspacing:'0', children:[ | 60 | {tag:'table', cls:'recordDetailButtonsTABLE', border:'0', cellpadding:'0', cellspacing:'0', children:[ |
63 | {tag:'tbody', children:[ | 61 | {tag:'tbody', children:[ |
64 | {tag:'tr', children:[ | 62 | {tag:'tr', children:[ |
65 | {tag:'td', align:'center', children:[ | 63 | {tag:'td', align:'center', children:[ |
66 | {tag:'div', id:this.getId('editButton')} | 64 | {tag:'div', id:this.getId('editButton')} |
67 | ]} | 65 | ]} |
68 | ]} | 66 | ]} |
69 | ]} | 67 | ]} |
70 | ]} | 68 | ]} |
71 | ]}, | 69 | ]}, |
72 | {tag:'div', id:this.getId('saveCancelButtonBox'), children:[ | 70 | {tag:'div', id:this.getId('saveCancelButtonBox'), children:[ |
73 | {tag:'table', cls:'recordDetailButtonsTABLE', border:'0', cellpadding:'0', cellspacing:'0', children:[ | 71 | {tag:'table', cls:'recordDetailButtonsTABLE', border:'0', cellpadding:'0', cellspacing:'0', children:[ |
74 | {tag:'tbody', children:[ | 72 | {tag:'tbody', children:[ |
75 | {tag:'tr', children:[ | 73 | {tag:'tr', children:[ |
76 | {tag:'td', width:'49%', align:'right', children:[ | 74 | {tag:'td', width:'49%', align:'right', children:[ |
77 | {tag:'div', id:this.getId('saveButton')} | 75 | {tag:'div', id:this.getId('saveButton')} |
78 | ]}, | 76 | ]}, |
79 | {tag:'td', html:' '}, | 77 | {tag:'td', html:' '}, |
80 | {tag:'td', width:'49%', align:'left', children:[ | 78 | {tag:'td', width:'49%', align:'left', children:[ |
81 | {tag:'div', id:this.getId('cancelButton')} | 79 | {tag:'div', id:this.getId('cancelButton')} |
82 | ]} | 80 | ]} |
83 | ]} | 81 | ]} |
84 | ]} | 82 | ]} |
85 | ]} | 83 | ]} |
86 | ]} | 84 | ]} |
87 | ]}); | 85 | ]}); |
88 | 86 | ||
89 | this.getElement('editButtonBox').setVisibilityMode(YAHOO.ext.Element.DISPLAY); | 87 | this.getElement('editButtonBox').setVisibilityMode(YAHOO.ext.Element.DISPLAY); |
90 | this.getElement('saveCancelButtonBox').setVisibilityMode(YAHOO.ext.Element.DISPLAY); | 88 | this.getElement('saveCancelButtonBox').setVisibilityMode(YAHOO.ext.Element.DISPLAY); |
91 | 89 | ||
92 | editButton = new YAHOO.ext.Button(this.getDom('editButton'), {text:Clipperz.PM.Strings['recordDetailEditButtonLabel'], handler:this.editButtonHandler, scope:this}); | 90 | editButton = new YAHOO.ext.Button(this.getDom('editButton'), {text:Clipperz.PM.Strings['recordDetailEditButtonLabel'], handler:this.editButtonHandler, scope:this}); |
93 | this.setSaveButton(new YAHOO.ext.Button(this.getDom('saveButton'), {text:Clipperz.PM.Strings['recordDetailSaveButtonLabel'], handler:this.saveButtonHandler, scope:this})); | 91 | this.setSaveButton(new YAHOO.ext.Button(this.getDom('saveButton'), {text:Clipperz.PM.Strings['recordDetailSaveButtonLabel'], handler:this.saveButtonHandler, scope:this})); |
94 | new YAHOO.ext.Button(this.getDom('cancelButton'), {text:Clipperz.PM.Strings['recordDetailCancelButtonLabel'], handler:this.cancelButtonHandler, scope:this}); | 92 | new YAHOO.ext.Button(this.getDom('cancelButton'), {text:Clipperz.PM.Strings['recordDetailCancelButtonLabel'], handler:this.cancelButtonHandler, scope:this}); |
95 | 93 | ||
96 | if (Clipperz.PM.Proxy.defaultProxy.isReadOnly()) { | 94 | if (Clipperz.PM.Proxy.defaultProxy.isReadOnly()) { |
97 | editButton.disable(); | 95 | editButton.disable(); |
98 | } | 96 | } |
99 | 97 | ||
100 | this.update(); | 98 | this.update(); |
101 | //MochiKit.Logging.logDebug("<<< RecordDetail.HeaderComponent.appendTo"); | 99 | //MochiKit.Logging.logDebug("<<< RecordDetail.HeaderComponent.appendTo"); |
102 | }, | 100 | }, |
103 | 101 | ||
104 | //------------------------------------------------------------------------- | 102 | //------------------------------------------------------------------------- |
105 | 103 | ||
106 | 'updateViewMode': function() { | 104 | 'updateViewMode': function() { |
107 | //MochiKit.Logging.logDebug(">>> HeaderComponent.updateViewMode"); | 105 | //MochiKit.Logging.logDebug(">>> HeaderComponent.updateViewMode"); |
108 | this.getElement('editButtonBox').show(); | 106 | this.getElement('editButtonBox').show(); |
109 | this.getElement('saveCancelButtonBox').hide(); | 107 | this.getElement('saveCancelButtonBox').hide(); |
110 | //MochiKit.Logging.logDebug("<<< HeaderComponent.updateViewMode"); | 108 | //MochiKit.Logging.logDebug("<<< HeaderComponent.updateViewMode"); |
111 | }, | 109 | }, |
112 | 110 | ||
113 | //------------------------------------------------------------------------- | 111 | //------------------------------------------------------------------------- |
114 | 112 | ||
115 | 'updateEditMode': function() { | 113 | 'updateEditMode': function() { |
116 | this.getElement('editButtonBox').hide(); | 114 | this.getElement('editButtonBox').hide(); |
117 | this.getElement('saveCancelButtonBox').show(); | 115 | this.getElement('saveCancelButtonBox').show(); |
118 | if (this.mainComponent().enableSaveButton() == true) { | 116 | if (this.mainComponent().enableSaveButton() == true) { |
119 | //MochiKit.Logging.logDebug("--- HeaderComponent.updateViewMode - ENABLE"); | 117 | //MochiKit.Logging.logDebug("--- HeaderComponent.updateViewMode - ENABLE"); |
120 | this.saveButton().enable(); | 118 | this.saveButton().enable(); |
121 | } else { | 119 | } else { |
122 | this.saveButton().disable(); | 120 | this.saveButton().disable(); |
123 | } | 121 | } |
124 | }, | 122 | }, |
125 | 123 | ||
126 | //------------------------------------------------------------------------- | 124 | //------------------------------------------------------------------------- |
127 | 125 | ||
128 | 'saveButton': function() { | 126 | 'saveButton': function() { |
129 | return this._saveButton; | 127 | return this._saveButton; |
130 | }, | 128 | }, |
131 | 129 | ||
132 | 'setSaveButton': function(aValue) { | 130 | 'setSaveButton': function(aValue) { |
133 | this._saveButton = aValue; | 131 | this._saveButton = aValue; |
134 | }, | 132 | }, |
135 | 133 | ||
136 | //------------------------------------------------------------------------- | 134 | //------------------------------------------------------------------------- |
137 | 135 | ||
138 | 'editButtonHandler': function(anEvent) { | 136 | 'editButtonHandler': function(anEvent) { |
139 | this.mainComponent().setEditMode('EDIT'); | 137 | this.mainComponent().setEditMode('EDIT'); |
140 | }, | 138 | }, |
141 | 139 | ||
142 | //------------------------------------------------------------------------- | 140 | //------------------------------------------------------------------------- |
143 | 141 | ||
144 | 'saveButtonHandler': function(anEvent) { | 142 | 'saveButtonHandler': function(anEvent) { |
145 | //MochiKit.Logging.logDebug(">>> RecordDetail.HeaderComponent.saveButtonHandler"); | 143 | //MochiKit.Logging.logDebug(">>> RecordDetail.HeaderComponent.saveButtonHandler"); |
146 | this.mainComponent().setEditMode('VIEW', this.getElement('saveButton')); | 144 | this.mainComponent().setEditMode('VIEW', this.getElement('saveButton')); |
147 | //MochiKit.Logging.logDebug("<<< RecordDetail.HeaderComponent.saveButtonHandler"); | 145 | //MochiKit.Logging.logDebug("<<< RecordDetail.HeaderComponent.saveButtonHandler"); |
148 | }, | 146 | }, |
149 | 147 | ||
150 | //------------------------------------------------------------------------- | 148 | //------------------------------------------------------------------------- |
151 | 149 | ||
152 | 'cancelButtonHandler': function(anEvent) { | 150 | 'cancelButtonHandler': function(anEvent) { |
153 | this.record().cancelChanges(); | 151 | this.record().cancelChanges(); |
154 | //MochiKit.Logging.logDebug("--- HeaderComponent.cancelButtonHandler - " + Clipperz.Base.serializeJSON(this.record().currentDataSnapshot())); | 152 | //MochiKit.Logging.logDebug("--- HeaderComponent.cancelButtonHandler - " + Clipperz.Base.serializeJSON(this.record().currentDataSnapshot())); |
155 | this.mainComponent().setEditMode('VIEW', null, true); | 153 | this.mainComponent().setEditMode('VIEW', null, true); |
156 | }, | 154 | }, |
157 | 155 | ||
158 | //------------------------------------------------------------------------- | 156 | //------------------------------------------------------------------------- |
159 | 157 | ||
160 | __syntaxFix__: "syntax fix" | 158 | __syntaxFix__: "syntax fix" |
161 | }); | 159 | }); |
162 | 160 | ||