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 | 141 |
1 files changed, 141 insertions, 0 deletions
diff --git a/frontend/beta/js/Clipperz/PM/Components/RecordDetail/FieldLabelComponent.js b/frontend/beta/js/Clipperz/PM/Components/RecordDetail/FieldLabelComponent.js new file mode 100644 index 0000000..3bbcd1d --- a/dev/null +++ b/frontend/beta/js/Clipperz/PM/Components/RecordDetail/FieldLabelComponent.js | |||
@@ -0,0 +1,141 @@ | |||
1 | /* | ||
2 | |||
3 | Copyright 2008-2011 Clipperz Srl | ||
4 | |||
5 | This file is part of Clipperz's Javascript Crypto Library. | ||
6 | Javascript Crypto Library provides web developers with an extensive | ||
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 | ||
11 | refer to http://www.clipperz.com | ||
12 | |||
13 | * Javascript Crypto Library is free software: you can redistribute | ||
14 | 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 | ||
16 | 3 of the License, or (at your option) any later version. | ||
17 | |||
18 | * Javascript Crypto Library is distributed in the hope that it will | ||
19 | be useful, but WITHOUT ANY WARRANTY; without even the implied | ||
20 | warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. | ||
21 | See the GNU Affero General Public License for more details. | ||
22 | |||
23 | * You should have received a copy of the GNU Affero General Public | ||
24 | License along with Javascript Crypto Library. If not, see | ||
25 | <http://www.gnu.org/licenses/>. | ||
26 | |||
27 | */ | ||
28 | |||
29 | if (typeof(Clipperz) == 'undefined') { Clipperz = {}; } | ||
30 | if (typeof(Clipperz.PM) == 'undefined') { Clipperz.PM = {}; } | ||
31 | if (typeof(Clipperz.PM.Components) == 'undefined') { Clipperz.PM.Components = {}; } | ||
32 | if (typeof(Clipperz.PM.Components.RecordDetail) == 'undefined') { Clipperz.PM.Components.RecordDetail = {}; } | ||
33 | |||
34 | //############################################################################# | ||
35 | |||
36 | Clipperz.PM.Components.RecordDetail.FieldLabelComponent = function(anElement, args) { | ||
37 | args = args || {}; | ||
38 | |||
39 | Clipperz.PM.Components.RecordDetail.FieldLabelComponent.superclass.constructor.call(this, anElement, args); | ||
40 | |||
41 | this._inputElement = null; | ||
42 | |||
43 | this.render(); | ||
44 | |||
45 | return this; | ||
46 | } | ||
47 | |||
48 | //============================================================================= | ||
49 | |||
50 | YAHOO.extendX(Clipperz.PM.Components.RecordDetail.FieldLabelComponent, Clipperz.PM.Components.RecordDetail.AbstractFieldSubComponent, { | ||
51 | |||
52 | 'toString': function() { | ||
53 | return "Clipperz.PM.Components.RecordDetail.FieldLabelComponent component"; | ||
54 | }, | ||
55 | |||
56 | //------------------------------------------------------------------------- | ||
57 | |||
58 | 'value': function() { | ||
59 | return this.recordField().label(); | ||
60 | }, | ||
61 | |||
62 | //------------------------------------------------------------------------- | ||
63 | |||
64 | 'inputElement': function() { | ||
65 | return this._inputElement; | ||
66 | }, | ||
67 | |||
68 | 'setInputElement': function(aValue) { | ||
69 | this._inputElement = aValue; | ||
70 | }, | ||
71 | |||
72 | //------------------------------------------------------------------------- | ||
73 | |||
74 | 'render': function() { | ||
75 | varnewTextFormField; | ||
76 | this.element().update(""); | ||
77 | 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()}); | ||
79 | |||
80 | // 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()}); | ||
82 | // newTextFormField.inputElement().setStyle({border:'3px solid cyan;'}); | ||
83 | newTextFormField.on('change', this.notifyChanges, this, true) | ||
84 | // this.inputElement().on('change', function() {alert("CHANGE");}); | ||
85 | // this.inputElement().getElement('editComponent_input').on('change', function() {alert("CHANGE");}) | ||
86 | // this.inputElement().on('blur', this.notifyChanges, this, true); | ||
87 | |||
88 | this.setInputElement(newTextFormField); | ||
89 | this.update(); | ||
90 | }, | ||
91 | |||
92 | 'notifyChanges': function() { | ||
93 | //MochiKit.Logging.logDebug(">>> FieldLabelComponent.notifyChanges - " + this); | ||
94 | this.synchronizeComponentValues(); | ||
95 | Clipperz.NotificationCenter.notify(this.recordField().recordVersion().record(), 'updatedFieldLabel'); | ||
96 | //MochiKit.Logging.logDebug("<<< FieldLabelComponent.notifyChanges"); | ||
97 | }, | ||
98 | |||
99 | //------------------------------------------------------------------------- | ||
100 | |||
101 | 'update': function() { | ||
102 | //MochiKit.Logging.logDebug(">>> FieldLabelComponent.update"); | ||
103 | this.inputElement().update({editMode:this.editMode(), value:this.value()}); | ||
104 | //MochiKit.Logging.logDebug("<<< FieldLabelComponent.update"); | ||
105 | }, | ||
106 | |||
107 | //------------------------------------------------------------------------- | ||
108 | /* | ||
109 | 'updateViewMode': function() { | ||
110 | varwidth; | ||
111 | varelement; | ||
112 | |||
113 | this.element().update(""); | ||
114 | width = this.element().getWidth(); | ||
115 | element = Clipperz.YUI.DomHelper.append(this.element().dom, {tag:'div', html:this.value()}, true); | ||
116 | element.setWidth(width-1); | ||
117 | }, | ||
118 | |||
119 | //------------------------------------------------------------------------- | ||
120 | |||
121 | 'updateEditMode': function() { | ||
122 | varwidth; | ||
123 | |||
124 | this.element().update(""); | ||
125 | width = this.element().getWidth(true); | ||
126 | this.setInputElement(Clipperz.YUI.DomHelper.append(this.element().dom, {tag:'input', type:'text', value:this.value()}, true)); | ||
127 | this.inputElement().setWidth(width-1); | ||
128 | }, | ||
129 | */ | ||
130 | //------------------------------------------------------------------------- | ||
131 | |||
132 | 'synchronizeComponentValues': function() { | ||
133 | if (this.inputElement() != null) { | ||
134 | this.recordField().setLabel(this.inputElement().value()); | ||
135 | } | ||
136 | }, | ||
137 | |||
138 | //------------------------------------------------------------------------- | ||
139 | __syntaxFix__: "syntax fix" | ||
140 | }); | ||
141 | |||