Diffstat (limited to 'frontend/beta/js/Clipperz/PM/Components/TextFormField.js') (more/less context) (ignore whitespace changes)
| -rw-r--r-- | frontend/beta/js/Clipperz/PM/Components/TextFormField.js | 310 |
1 files changed, 310 insertions, 0 deletions
diff --git a/frontend/beta/js/Clipperz/PM/Components/TextFormField.js b/frontend/beta/js/Clipperz/PM/Components/TextFormField.js new file mode 100644 index 0000000..cb4f06a --- a/dev/null +++ b/frontend/beta/js/Clipperz/PM/Components/TextFormField.js @@ -0,0 +1,310 @@ +/* + +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 = {}; } + +Clipperz.PM.Components.TextFormField = function(anElement, args) { + args = args || {}; + +//MochiKit.Logging.logDebug(">>> new TextFormField"); + Clipperz.PM.Components.TextFormField.superclass.constructor.call(this, args); + + this._element = anElement; + this._editMode = args.editMode || 'VIEW'; + this._value = args.value || ""; + this._inputElement = null; + this._wrapper = null; + this._multiline = args.multiline || false; + +// this.multiline = args.multiline || true; +// this.editing = true; +// this.completeOnBlur = true; +// this.autoSizeTask = new YAHOO.ext.util.DelayedTask(this.autoSize, this); +// this.textSizeEl = Clipperz.YUI.DomHelper.append(document.body, { +// tag: 'div', +// cls: 'yinline-editor-sizer ' + (this.cls || '') +// }); + + this.render(); +//MochiKit.Logging.logDebug("<<< new TextFormField"); + + return this; +}; + +YAHOO.extendX(Clipperz.PM.Components.TextFormField, Clipperz.PM.Components.BaseComponent, { + + 'toString': function() { + return "Clipperz.PM.Components.TextFormField"; + }, + + //----------------------------------------------------- + + 'value': function() { + if (this.inputElement() != null) { + this._value = this.inputElement().dom.value; + } + + return this._value; +// return this.inlineEditor().getValue(); + }, + + 'setValue': function(aValue) { + this._value = aValue; +// this.getElement('viewComponent_Content').update(aValue); +// this.inlineEditor().setValue(aValue); + }, + + //----------------------------------------------------- + + 'multiline': function() { + return this._multiline; + }, + + //----------------------------------------------------- + + 'editMode': function() { + return this._editMode; + }, + + 'setEditMode': function(aValue) { + this._editMode = aValue; + }, + + //----------------------------------------------------- + + 'inputElement': function() { + return this._inputElement; + }, + + 'setInputElement': function(aValue) { + this._inputElement = aValue; + }, + + //----------------------------------------------------- + + 'on': function(anEventName, anHandler, aScope, shouldOverride) { +//MochiKit.Logging.logDebug(">>> TextFormField.on - inputElement: " + this.inputElement()); + return this.inputElement().on(anEventName, anHandler, aScope, shouldOverride); +//MochiKit.Logging.logDebug("<<< TextFormField.on - inputElement: " + this.inputElement()); + }, + + //----------------------------------------------------- + + 'wrapper': function() { + return this._wrapper; + }, + + //----------------------------------------------------- + + 'render': function() { + var editModeConfiguration; + var viewModeConfiguration; + + editModeConfiguration = {tag:'div', id:this.getId('editComponent'), children:[]}; + if (this.multiline() == false) { + editModeConfiguration.children.push({tag:'input', type:'text', id:this.getId('editComponent_input'), value:"this.value(1)"}); + } else { + editModeConfiguration.children.push({tag:'textarea', id:this.getId('editComponent_input'), html:"this.value(2)"}); + } + + viewModeConfiguration = {tag:'div', id:this.getId('viewComponent'), /*style:'border: 1px solid blue;',*/ children:[ + {tag:'span', id:this.getId('viewComponent_Content'), html:this.value()} + ]} + +//MochiKit.Logging.logDebug(">>> TextFormField.render"); + this._wrapper = Clipperz.YUI.DomHelper.append(this.element().dom, {tag:'div', id:this.getId('wrapper'), children:[ + {tag:'div', id:this.getId('editModeBox'), children:[editModeConfiguration]}, + {tag:'div', id:this.getId('viewModeBox'), children:[viewModeConfiguration]} + ]}, true); + + this.getElement('editModeBox').setVisibilityMode(YAHOO.ext.Element.DISPLAY); + this.getElement('viewModeBox').setVisibilityMode(YAHOO.ext.Element.DISPLAY); + + this.getElement('editComponent_input').dom.value = this.value(); + this.setInputElement(this.getElement('editComponent_input')); + + this.update(); +//MochiKit.Logging.logDebug("<<< TextFormField.render"); + }, + + //----------------------------------------------------- + + 'update': function(args) { + args = args || {}; + +//MochiKit.Logging.logDebug(">>> TextFormField.update"); + if (typeof(args.value) != 'undefined') { + this.setValue(args.value); + } + if (typeof(args.editMode) != 'undefined') { + this.setEditMode(args.editMode) + } + + if (this.editMode() == 'VIEW') { + this.updateViewMode(); + } else if (this.editMode() == 'EDIT') { + this.updateEditMode(); + } else { + // ????? + } +//MochiKit.Logging.logDebug("<<< TextFormField.update"); + }, + + //----------------------------------------------------- + + 'updateEditMode': function() { +//MochiKit.Logging.logDebug(">>> TextFormField.updateEditMode"); + this.getElement('viewModeBox').hide(); + this.getElement('editModeBox').show(); + + if (this.multiline() == false) { + this.getElement('editComponent_input').dom.value = this.value(); + } else { + this.getElement('editComponent_input').update(Clipperz.Base.sanitizeString(this.value())); + } +//MochiKit.Logging.logDebug("<<< TextFormField.updateEditMode"); + }, + + //----------------------------------------------------- + + 'updateViewMode': function() { +//MochiKit.Logging.logDebug(">>> TextFormField.updateViewMode"); + this.getElement('editModeBox').hide(); + this.getElement('viewModeBox').show(); + + this.getElement('viewComponent_Content').update(Clipperz.Base.sanitizeString(this.value())); +//MochiKit.Logging.logDebug("<<< TextFormField.updateViewMode"); + }, + + //##################################################### + //##################################################### + //##################################################### + //##################################################### +/* + 'onEnter': function(k, e) { +MochiKit.Logging.logDebug(">>> TextFormField.onEnter"); + if (this.multiline && (e.ctrlKey || e.shiftKey)) { + return; + } else { + this.completeEdit(); + e.stopEvent(); + } +MochiKit.Logging.logDebug("<<< TextFormField.onEnter"); + }, + + //----------------------------------------------------- + + 'onEsc': function() { +MochiKit.Logging.logDebug(">>> TextFormField.onEsc"); +// if (this.ignoreNoChange) { +// this.revert(true); +// } else { + this.revert(false); + this.completeEdit(); +// } +MochiKit.Logging.logDebug("<<< TextFormField.onEsc"); + }, + + //----------------------------------------------------- + + onBlur : function(){ +MochiKit.Logging.logDebug(">>> TextFormField.onBlur"); + if (this.editing && this.completeOnBlur !== false) { + this.completeEdit(); + } +MochiKit.Logging.logDebug("<<< TextFormField.onBlur"); + }, + + //----------------------------------------------------- + + 'onKeyUp': function(e) { + var k = e.getKey(); + if (this.editing && (k < 33 || k > 40) && k != 27) { + this.autoSizeTask.delay(50); + } + }, + + //----------------------------------------------------- + + 'autoSize': function() { + var el = this.inputElement(); + var wrap = this.getElement('editComponent'); + var v = el.dom.value; + var ts = this.textSizeEl; + + if (v.length < 1) { + ts.innerHTML = "  "; + } else { + v = v.replace(/[<> ]/g, ' '); + if (this.multiline) { + v = v.replace(/\n/g, '<br /> '); + } + ts.innerHTML = v; + } + + var ww = wrap.dom.offsetWidth; + var wh = wrap.dom.offsetHeight; + var w = ts.offsetWidth; + var h = ts.offsetHeight; + // lots of magic numbers in this block - wtf? + // the logic is to prevent the scrollbars from flashing + // in firefox. Updates the right element first + // so there's never overflow. + if (ww > w+4) { + el.setWidth(w+4); + wrap.setWidth(w+8); + } else { + wrap.setWidth(w+8); + el.setWidth(w+4); + } + if (wh > h+4) { + el.setHeight(h); + wrap.setHeight(h+4); + } else { + wrap.setHeight(h+4); + el.setHeight(h); + } + }, + + //----------------------------------------------------- + + 'completeEdit': function() { +MochiKit.Logging.logDebug(">>> TextFormField.completeEdit"); + + }, + + 'revert': function() { +MochiKit.Logging.logDebug(">>> TextFormField.revert"); + + }, +*/ + //----------------------------------------------------- + __syntaxFix__: '__syntaxFix__' +}); |