Diffstat (limited to 'frontend/gamma/js/Clipperz/PM/UI/Web/Components/CardDialogRecordFieldComponent.js') (more/less context) (ignore whitespace changes)
| -rw-r--r-- | frontend/gamma/js/Clipperz/PM/UI/Web/Components/CardDialogRecordFieldComponent.js | 190 |
1 files changed, 190 insertions, 0 deletions
diff --git a/frontend/gamma/js/Clipperz/PM/UI/Web/Components/CardDialogRecordFieldComponent.js b/frontend/gamma/js/Clipperz/PM/UI/Web/Components/CardDialogRecordFieldComponent.js new file mode 100644 index 0000000..c1a7c13 --- a/dev/null +++ b/frontend/gamma/js/Clipperz/PM/UI/Web/Components/CardDialogRecordFieldComponent.js @@ -0,0 +1,190 @@ +/* + +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/>. + +*/ + +Clipperz.Base.module('Clipperz.PM.UI.Web.Components'); + +Clipperz.PM.UI.Web.Components.CardDialogRecordFieldComponent = function(args) { + args = args || {}; + + Clipperz.PM.UI.Web.Components.CardDialogRecordFieldComponent.superclass.constructor.apply(this, arguments); + + this._reference = args.reference || Clipperz.Base.exception.raise('MandatoryParameter'); + this._actionType = null; + + return this; +} + +//============================================================================= + +Clipperz.Base.extend(Clipperz.PM.UI.Web.Components.CardDialogRecordFieldComponent, Clipperz.PM.UI.Common.Components.BaseComponent, { + + //------------------------------------------------------------------------- + + 'toString': function () { + return "Clipperz.PM.UI.Web.Components.CardDialogRecordFieldComponent component"; + }, + + //------------------------------------------------------------------------- + + 'renderSelf': function() { + this.append(this.element(), [ + {tag:'td', cls:'fieldState'}, + {tag:'td', cls:'fieldLabel', children:[ + {tag:'input', cls:'label', id:this.getId('label')} + ]}, + {tag:'td', cls:'fieldLock', children:[ + {tag:'div', cls:'unlocked', id:this.getId('isHidden')} + ]}, + {tag:'td', cls:'fieldValue', children:[ + {tag:'div', cls:'unlocked', id:this.getId('valueWrapper'), children:[ + {tag:'input', type:'text', cls:'value', id:this.getId('value')} + ]} + ]}, + {tag:'td', cls:'fieldAction', children:[ + {tag:'a', href:'#', id:this.getId('actionLink'), html:' '} + ]}, + {tag:'td', cls:'fieldAddDelete', children:[ + {tag:'div', cls:'delete', children:[ + {tag:'span', children:[ + {tag:'a', href:'#', id:this.getId('delete'), html:"delete"} + ]} + ]} + ]} + ]); + + MochiKit.Signal.connect(this.getId('label'), 'onkeyup', MochiKit.Base.partial(MochiKit.Signal.signal, this, 'changedValue')); + MochiKit.Signal.connect(this.getId('isHidden'), 'onclick', this, 'toggleIsHidden'); + MochiKit.Signal.connect(this.getId('value'), 'onkeyup', MochiKit.Base.partial(MochiKit.Signal.signal, this, 'changedValue')); + MochiKit.Signal.connect(this.getId('actionLink'), 'onclick', this, 'handleActionLink'); + MochiKit.Signal.connect(this.getId('delete'), 'onclick', this, 'deleteField'); +// MochiKit.Signal.connect(this.getId('delete'), 'onclick', MochiKit.Base.partial(MochiKit.Signal.signal, this, 'deleteField', this.reference())); + }, + + //------------------------------------------------------------------------- + + 'shouldShowElementWhileRendering': function () { + return false; + }, + + //========================================================================= + + 'reference': function () { + return this._reference; + }, + + //========================================================================= + + 'label': function () { + return this.getElement('label').value; + }, + + 'setLabel': function (aValue) { +// this.getElement('label').value = Clipperz.Base.sanitizeString(aValue); + this.getElement('label').value = aValue; + }, + + //========================================================================= + + 'value': function () { + return this.getElement('value').value; + }, + + 'setValue': function (aValue) { +// this.getElement('value').value = Clipperz.Base.sanitizeString(aValue); + this.getElement('value').value = aValue; + }, + + //------------------------------------------------------------------------- + + 'actionType': function () { + return this._actionType; + }, + + 'setActionType': function (anActionType) { + this._actionType = anActionType; + + switch (this._actionType) { + case 'NONE': + MochiKit.Style.hideElement(this.getId('actionLink')); + MochiKit.DOM.setElementClass(this.getId('actionLink'), ''); + break; + case 'URL': + MochiKit.Style.showElement(this.getId('actionLink')); + MochiKit.DOM.setElementClass(this.getId('actionLink'), 'url'); + break; + case 'EMAIL': + MochiKit.Style.showElement(this.getId('actionLink')); + MochiKit.DOM.setElementClass(this.getId('actionLink'), 'email'); + break; + case 'PASSWORD': + MochiKit.Style.showElement(this.getId('actionLink')); + MochiKit.DOM.setElementClass(this.getId('actionLink'), 'password'); + break; + } + }, + + //========================================================================= + + 'isHidden': function () { +// return this.getElement('value').value; + return MochiKit.DOM.hasElementClass(this.getElement('isHidden'), 'locked'); + }, + + 'setIsHidden': function (aValue) { +// this.getElement('value').value = Clipperz.Base.sanitizeString(aValue); + MochiKit.DOM.setElementClass(this.getElement('isHidden'), (aValue ? 'locked': 'unlocked')); + MochiKit.DOM.setElementClass(this.getElement('valueWrapper'), (aValue ? 'locked': 'unlocked')); + }, + + 'toggleIsHidden': function (anEvent) { + anEvent.preventDefault(); + + this.setIsHidden(! this.isHidden()); + MochiKit.Signal.signal(this, 'changedValue'); + }, + + //========================================================================= + + 'handleActionLink': function (anEvent) { + anEvent.preventDefault(); + +//console.log("ACTION LINK - " + this.actionType()); + MochiKit.Signal.signal(this, 'performAction', this.reference(), anEvent.target()); + }, + + //========================================================================= + + 'deleteField': function (anEvent) { + anEvent.preventDefault(); + + MochiKit.Signal.signal(this, 'deleteField', this.reference()); + }, + + //========================================================================= + __syntaxFix__: "syntax fix" +}); |