Diffstat (limited to 'frontend/beta/js/Clipperz/PM/Components/RecordDetail/TitleComponent.js') (more/less context) (ignore whitespace changes)
| -rw-r--r-- | frontend/beta/js/Clipperz/PM/Components/RecordDetail/TitleComponent.js | 137 |
1 files changed, 137 insertions, 0 deletions
diff --git a/frontend/beta/js/Clipperz/PM/Components/RecordDetail/TitleComponent.js b/frontend/beta/js/Clipperz/PM/Components/RecordDetail/TitleComponent.js new file mode 100644 index 0000000..52e718c --- a/dev/null +++ b/frontend/beta/js/Clipperz/PM/Components/RecordDetail/TitleComponent.js @@ -0,0 +1,137 @@ +/* + +Copyright 2008-2011 Clipperz Srl + +This file is part of Clipperz's Javascript Crypto Library. +Javascript Crypto Library provides web developers with an extensive +and efficient set of cryptographic functions. The library aims to +obtain maximum execution speed while preserving modularity and +reusability. +For further information about its features and functionalities please +refer to http://www.clipperz.com + +* Javascript Crypto Library is free software: you can redistribute + it and/or modify it under the terms of the GNU Affero General Public + License as published by the Free Software Foundation, either version + 3 of the License, or (at your option) any later version. + +* Javascript Crypto Library is distributed in the hope that it will + be useful, but WITHOUT ANY WARRANTY; without even the implied + warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. + See the GNU Affero General Public License for more details. + +* You should have received a copy of the GNU Affero General Public + License along with Javascript Crypto Library. If not, see + <http://www.gnu.org/licenses/>. + +*/ + +if (typeof(Clipperz) == 'undefined') { Clipperz = {}; } +if (typeof(Clipperz.PM) == 'undefined') { Clipperz.PM = {}; } +if (typeof(Clipperz.PM.Components) == 'undefined') { Clipperz.PM.Components = {}; } +if (typeof(Clipperz.PM.Components.RecordDetail) == 'undefined') { Clipperz.PM.Components.RecordDetail = {}; } + +//############################################################################# + +Clipperz.PM.Components.RecordDetail.TitleComponent = function(anElement, args) { + args = args || {}; + + Clipperz.PM.Components.RecordDetail.TitleComponent.superclass.constructor.call(this, anElement, args); + +// this._inputElement = null; + + this.mainComponent().addEditComponent(this); + + this.render(); + + return this; +} + +//============================================================================= + +YAHOO.extendX(Clipperz.PM.Components.RecordDetail.TitleComponent, Clipperz.PM.Components.RecordDetail.AbstractComponent, { + + 'toString': function() { + return "Clipperz.PM.Components.RecordDetail.TitleComponent component"; + }, + + //------------------------------------------------------------------------- + + 'value': function() { + return this.record().label(); + }, + + 'setValue': function(aValue) { + this.record().setLabel(aValue); + }, + + //------------------------------------------------------------------------- +/* + 'inputElement': function() { + return this._inputElement; + }, + + 'setInputElement': function(aValue) { + this._inputElement = aValue; + }, +*/ + //------------------------------------------------------------------------- + + 'render': function() { +// Clipperz.YUI.DomHelper.append(this.element().dom, {tag:'td', html:' '}); +// Clipperz.YUI.DomHelper.append(this.element().dom, {tag:'td', colspan:"3", html:' ', children:[ +// {tag:'div', /*style:'border: 1px solid green;',*/ id:this.getId('title')} +// ]}); +// Clipperz.YUI.DomHelper.append(this.element().dom, {tag:'td', html:' '}); +// +// this.setInputElement(new Clipperz.PM.Components.TextFormField(this.getElement('title'), {editMode:this.editMode(), value:this.value()})); + + this.update(); + }, + + //------------------------------------------------------------------------- +/* + 'update': function() { + this.inputElement().update({value:this.value(), editMode:this.editMode()}); + }, +*/ + //------------------------------------------------------------------------- + + 'updateViewMode': function() { + this.element().update(""); + Clipperz.YUI.DomHelper.append(this.element().dom, {tag:'h2', html:this.value()}); + }, + + //------------------------------------------------------------------------- + + 'updateEditMode': function() { +//MochiKit.Logging.logDebug(">>> TitleComponent.updateEditMode"); +// this.getElement('title').update(""); +// Clipperz.YUI.DomHelper.append(this.getDom('title'), {tag:'div', id:this.getId('title_input')}); +// this.setInputElement(Clipperz.YUI.DomHelper.append(this.getDom('title_input'), {tag:'input', type:'text', value:this.value()}, true)); + + this.element().update(""); + Clipperz.YUI.DomHelper.append(this.element().dom, {tag:'input', id:this.getId('titleField'), type:'text', value:"this.value()"}); + this.getElement('titleField').dom.value = this.value(); + +//MochiKit.Logging.logDebug("<<< TitleComponent.updateEditMode"); + }, + + //------------------------------------------------------------------------- + + 'synchronizeComponentValues': function() { + var inputElement; + +//MochiKit.Logging.logDebug(">>> TitleComponent.synchronizeComponentValues"); + inputElement = this.element().getChildrenByTagName('input')[0]; + + if (inputElement != null) { + this.setValue(inputElement.dom.value); + } +//MochiKit.Logging.logDebug("<<< TitleComponent.synchronizeComponentValues"); + }, + + //------------------------------------------------------------------------- + __syntaxFix__: "syntax fix" +}); + |