Diffstat (limited to 'frontend/beta/js/Clipperz/PM/Components/RecordDetail/FieldLabelComponent.js') (more/less context) (ignore whitespace changes)
-rw-r--r-- | frontend/beta/js/Clipperz/PM/Components/RecordDetail/FieldLabelComponent.js | 15 |
1 files changed, 6 insertions, 9 deletions
diff --git a/frontend/beta/js/Clipperz/PM/Components/RecordDetail/FieldLabelComponent.js b/frontend/beta/js/Clipperz/PM/Components/RecordDetail/FieldLabelComponent.js index 3bbcd1d..c58a7e2 100644 --- a/frontend/beta/js/Clipperz/PM/Components/RecordDetail/FieldLabelComponent.js +++ b/frontend/beta/js/Clipperz/PM/Components/RecordDetail/FieldLabelComponent.js | |||
@@ -1,120 +1,117 @@ | |||
1 | /* | 1 | /* |
2 | 2 | ||
3 | Copyright 2008-2011 Clipperz Srl | 3 | Copyright 2008-2011 Clipperz Srl |
4 | 4 | ||
5 | This file is part of Clipperz's Javascript Crypto Library. | 5 | This file is part of Clipperz Community Edition. |
6 | Javascript Crypto Library provides web developers with an extensive | 6 | Clipperz Community Edition is an online password manager. |
7 | and efficient set of cryptographic functions. The library aims to | ||
8 | obtain maximum execution speed while preserving modularity and | ||
9 | reusability. | ||
10 | For further information about its features and functionalities please | 7 | For further information about its features and functionalities please |
11 | refer to http://www.clipperz.com | 8 | refer to http://www.clipperz.com. |
12 | 9 | ||
13 | * Javascript Crypto Library is free software: you can redistribute | 10 | * Clipperz Community Edition is free software: you can redistribute |
14 | it and/or modify it under the terms of the GNU Affero General Public | 11 | it and/or modify it under the terms of the GNU Affero General Public |
15 | License as published by the Free Software Foundation, either version | 12 | License as published by the Free Software Foundation, either version |
16 | 3 of the License, or (at your option) any later version. | 13 | 3 of the License, or (at your option) any later version. |
17 | 14 | ||
18 | * Javascript Crypto Library is distributed in the hope that it will | 15 | * Clipperz Community Edition is distributed in the hope that it will |
19 | be useful, but WITHOUT ANY WARRANTY; without even the implied | 16 | be useful, but WITHOUT ANY WARRANTY; without even the implied |
20 | warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. | 17 | warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. |
21 | See the GNU Affero General Public License for more details. | 18 | See the GNU Affero General Public License for more details. |
22 | 19 | ||
23 | * You should have received a copy of the GNU Affero General Public | 20 | * You should have received a copy of the GNU Affero General Public |
24 | License along with Javascript Crypto Library. If not, see | 21 | License along with Clipperz Community Edition. If not, see |
25 | <http://www.gnu.org/licenses/>. | 22 | <http://www.gnu.org/licenses/>. |
26 | 23 | ||
27 | */ | 24 | */ |
28 | 25 | ||
29 | if (typeof(Clipperz) == 'undefined') { Clipperz = {}; } | 26 | if (typeof(Clipperz) == 'undefined') { Clipperz = {}; } |
30 | if (typeof(Clipperz.PM) == 'undefined') { Clipperz.PM = {}; } | 27 | if (typeof(Clipperz.PM) == 'undefined') { Clipperz.PM = {}; } |
31 | if (typeof(Clipperz.PM.Components) == 'undefined') { Clipperz.PM.Components = {}; } | 28 | if (typeof(Clipperz.PM.Components) == 'undefined') { Clipperz.PM.Components = {}; } |
32 | if (typeof(Clipperz.PM.Components.RecordDetail) == 'undefined') { Clipperz.PM.Components.RecordDetail = {}; } | 29 | if (typeof(Clipperz.PM.Components.RecordDetail) == 'undefined') { Clipperz.PM.Components.RecordDetail = {}; } |
33 | 30 | ||
34 | //############################################################################# | 31 | //############################################################################# |
35 | 32 | ||
36 | Clipperz.PM.Components.RecordDetail.FieldLabelComponent = function(anElement, args) { | 33 | Clipperz.PM.Components.RecordDetail.FieldLabelComponent = function(anElement, args) { |
37 | args = args || {}; | 34 | args = args || {}; |
38 | 35 | ||
39 | Clipperz.PM.Components.RecordDetail.FieldLabelComponent.superclass.constructor.call(this, anElement, args); | 36 | Clipperz.PM.Components.RecordDetail.FieldLabelComponent.superclass.constructor.call(this, anElement, args); |
40 | 37 | ||
41 | this._inputElement = null; | 38 | this._inputElement = null; |
42 | 39 | ||
43 | this.render(); | 40 | this.render(); |
44 | 41 | ||
45 | return this; | 42 | return this; |
46 | } | 43 | } |
47 | 44 | ||
48 | //============================================================================= | 45 | //============================================================================= |
49 | 46 | ||
50 | YAHOO.extendX(Clipperz.PM.Components.RecordDetail.FieldLabelComponent, Clipperz.PM.Components.RecordDetail.AbstractFieldSubComponent, { | 47 | YAHOO.extendX(Clipperz.PM.Components.RecordDetail.FieldLabelComponent, Clipperz.PM.Components.RecordDetail.AbstractFieldSubComponent, { |
51 | 48 | ||
52 | 'toString': function() { | 49 | 'toString': function() { |
53 | return "Clipperz.PM.Components.RecordDetail.FieldLabelComponent component"; | 50 | return "Clipperz.PM.Components.RecordDetail.FieldLabelComponent component"; |
54 | }, | 51 | }, |
55 | 52 | ||
56 | //------------------------------------------------------------------------- | 53 | //------------------------------------------------------------------------- |
57 | 54 | ||
58 | 'value': function() { | 55 | 'value': function() { |
59 | return this.recordField().label(); | 56 | return this.recordField().label(); |
60 | }, | 57 | }, |
61 | 58 | ||
62 | //------------------------------------------------------------------------- | 59 | //------------------------------------------------------------------------- |
63 | 60 | ||
64 | 'inputElement': function() { | 61 | 'inputElement': function() { |
65 | return this._inputElement; | 62 | return this._inputElement; |
66 | }, | 63 | }, |
67 | 64 | ||
68 | 'setInputElement': function(aValue) { | 65 | 'setInputElement': function(aValue) { |
69 | this._inputElement = aValue; | 66 | this._inputElement = aValue; |
70 | }, | 67 | }, |
71 | 68 | ||
72 | //------------------------------------------------------------------------- | 69 | //------------------------------------------------------------------------- |
73 | 70 | ||
74 | 'render': function() { | 71 | 'render': function() { |
75 | varnewTextFormField; | 72 | varnewTextFormField; |
76 | this.element().update(""); | 73 | this.element().update(""); |
77 | Clipperz.YUI.DomHelper.append(this.element().dom, {tag:'div', cls:'Clipperz_recordFieldLabel', id:this.getId('label')}); | 74 | Clipperz.YUI.DomHelper.append(this.element().dom, {tag:'div', cls:'Clipperz_recordFieldLabel', id:this.getId('label')}); |
78 | // Clipperz.YUI.DomHelper.append(this.element().dom, {tag:'div', style:'font-size:8pt;', html:this.recordField().key()}); | 75 | // Clipperz.YUI.DomHelper.append(this.element().dom, {tag:'div', style:'font-size:8pt;', html:this.recordField().key()}); |
79 | 76 | ||
80 | // this.setInputElement(new Clipperz.PM.Components.TextFormField(this.getElement('label'), {editMode:this.editMode(), value:this.value()})); | 77 | // this.setInputElement(new Clipperz.PM.Components.TextFormField(this.getElement('label'), {editMode:this.editMode(), value:this.value()})); |
81 | newTextFormField = new Clipperz.PM.Components.TextFormField(this.getElement('label'), {editMode:this.editMode(), value:this.value()}); | 78 | newTextFormField = new Clipperz.PM.Components.TextFormField(this.getElement('label'), {editMode:this.editMode(), value:this.value()}); |
82 | // newTextFormField.inputElement().setStyle({border:'3px solid cyan;'}); | 79 | // newTextFormField.inputElement().setStyle({border:'3px solid cyan;'}); |
83 | newTextFormField.on('change', this.notifyChanges, this, true) | 80 | newTextFormField.on('change', this.notifyChanges, this, true) |
84 | // this.inputElement().on('change', function() {alert("CHANGE");}); | 81 | // this.inputElement().on('change', function() {alert("CHANGE");}); |
85 | // this.inputElement().getElement('editComponent_input').on('change', function() {alert("CHANGE");}) | 82 | // this.inputElement().getElement('editComponent_input').on('change', function() {alert("CHANGE");}) |
86 | // this.inputElement().on('blur', this.notifyChanges, this, true); | 83 | // this.inputElement().on('blur', this.notifyChanges, this, true); |
87 | 84 | ||
88 | this.setInputElement(newTextFormField); | 85 | this.setInputElement(newTextFormField); |
89 | this.update(); | 86 | this.update(); |
90 | }, | 87 | }, |
91 | 88 | ||
92 | 'notifyChanges': function() { | 89 | 'notifyChanges': function() { |
93 | //MochiKit.Logging.logDebug(">>> FieldLabelComponent.notifyChanges - " + this); | 90 | //MochiKit.Logging.logDebug(">>> FieldLabelComponent.notifyChanges - " + this); |
94 | this.synchronizeComponentValues(); | 91 | this.synchronizeComponentValues(); |
95 | Clipperz.NotificationCenter.notify(this.recordField().recordVersion().record(), 'updatedFieldLabel'); | 92 | Clipperz.NotificationCenter.notify(this.recordField().recordVersion().record(), 'updatedFieldLabel'); |
96 | //MochiKit.Logging.logDebug("<<< FieldLabelComponent.notifyChanges"); | 93 | //MochiKit.Logging.logDebug("<<< FieldLabelComponent.notifyChanges"); |
97 | }, | 94 | }, |
98 | 95 | ||
99 | //------------------------------------------------------------------------- | 96 | //------------------------------------------------------------------------- |
100 | 97 | ||
101 | 'update': function() { | 98 | 'update': function() { |
102 | //MochiKit.Logging.logDebug(">>> FieldLabelComponent.update"); | 99 | //MochiKit.Logging.logDebug(">>> FieldLabelComponent.update"); |
103 | this.inputElement().update({editMode:this.editMode(), value:this.value()}); | 100 | this.inputElement().update({editMode:this.editMode(), value:this.value()}); |
104 | //MochiKit.Logging.logDebug("<<< FieldLabelComponent.update"); | 101 | //MochiKit.Logging.logDebug("<<< FieldLabelComponent.update"); |
105 | }, | 102 | }, |
106 | 103 | ||
107 | //------------------------------------------------------------------------- | 104 | //------------------------------------------------------------------------- |
108 | /* | 105 | /* |
109 | 'updateViewMode': function() { | 106 | 'updateViewMode': function() { |
110 | varwidth; | 107 | varwidth; |
111 | varelement; | 108 | varelement; |
112 | 109 | ||
113 | this.element().update(""); | 110 | this.element().update(""); |
114 | width = this.element().getWidth(); | 111 | width = this.element().getWidth(); |
115 | element = Clipperz.YUI.DomHelper.append(this.element().dom, {tag:'div', html:this.value()}, true); | 112 | element = Clipperz.YUI.DomHelper.append(this.element().dom, {tag:'div', html:this.value()}, true); |
116 | element.setWidth(width-1); | 113 | element.setWidth(width-1); |
117 | }, | 114 | }, |
118 | 115 | ||
119 | //------------------------------------------------------------------------- | 116 | //------------------------------------------------------------------------- |
120 | 117 | ||