1 files changed, 240 insertions, 0 deletions

diff --git a/frontend/beta/js/Clipperz/PM/Components/RecordDetail/NotesComponent.js b/frontend/beta/js/Clipperz/PM/Components/RecordDetail/NotesComponent.js
new file mode 100644
index 0000000..6f454fc
--- a/dev/null
+++ b/frontend/beta/js/Clipperz/PM/Components/RecordDetail/NotesComponent.js
@@ -0,0 +1,240 @@
+/*
+
+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.NotesComponent = function(anElement, args) {
+//MochiKit.Logging.logDebug(">>> new NotesComponent");
+        args = args || {};
+
+    Clipperz.PM.Components.RecordDetail.NotesComponent.superclass.constructor.call(this, anElement, args);
+
+        this.mainComponent().addEditComponent(this);
+
+        this._staticOffset = null;
+        this._componentHeight = 50;
+        this._mouseMoveIdentifier = null;
+        this._mouseUpIdentifier = null;
+        
+        this.element().setVisibilityMode(YAHOO.ext.Element.DISPLAY);
+        
+        this.render();
+//MochiKit.Logging.logDebug("<<< new NotesComponent");
+        
+        return this;
+}
+
+//=============================================================================
+
+YAHOO.extendX(Clipperz.PM.Components.RecordDetail.NotesComponent, Clipperz.PM.Components.RecordDetail.AbstractComponent, {
+
+        'toString': function() {
+                return "Clipperz.PM.Components.RecordDetail.NotesComponent component";
+        },
+
+        //-------------------------------------------------------------------------
+
+        'value': function() {
+                return this.record().notes();
+        },
+
+        'setValue': function(aValue) {
+                this.record().setNotes(aValue);
+        },
+        
+        //-------------------------------------------------------------------------
+
+        'render': function() {
+//MochiKit.Logging.logDebug(">>> NotesComponent.render");
+/*
+                Clipperz.YUI.DomHelper.append(this.element().dom, {tag:'td', colspan:'5', children:[
+                        {tag:'span', cls:'noteFieldLabel', htmlString:Clipperz.PM.Strings['recordDetailNotesLabel']},
+                        {tag:'div', cls:'noteFieldContent', id:this.getId('notes')}
+                ]});
+        */      
+                Clipperz.YUI.DomHelper.append(this.element().dom, {tag:'span', cls:'noteFieldLabel', htmlString:Clipperz.PM.Strings['recordDetailNotesLabel']});
+                Clipperz.YUI.DomHelper.append(this.element().dom, {tag:'div', cls:'noteFieldContent', id:this.getId('notes'), children:[
+                        {tag:'div', id:this.getId('resizableDiv'), cls:'resizable-textarea', children:[
+                                {tag:'div', id:this.getId('contentView'), cls:'viewMode', html:""},
+                                {tag:'div', id:this.getId('contentEdit'), children:[
+                                        {tag:'span', children:[
+                                                {tag:'textarea', id:this.getId('textarea'), html:""}
+                                        ]}
+                                ]},
+                                {tag:'div', id:this.getId('grippie'), cls:'grippie'}
+                        ]}
+                ]});
+
+                this.getElement('contentView').setVisibilityMode(YAHOO.ext.Element.DISPLAY);
+                this.getElement('contentEdit').setVisibilityMode(YAHOO.ext.Element.DISPLAY);
+
+                MochiKit.Signal.connect(this.getId('grippie'), 'onmousedown', this, 'startResize');
+                
+                this.update();
+//MochiKit.Logging.logDebug("<<< NotesComponent.render");
+        },
+
+        //-------------------------------------------------------------------------
+
+        'updateViewMode': function() {
+//MochiKit.Logging.logDebug(">>> NotesComponent.updateViewMode");
+        //      this.getElement('notes').update(this.value().replace(/\n/g, '<br>'));
+
+                this.getElement('contentView').update(Clipperz.Base.sanitizeString(this.value()).replace(/\n/g, '<br>'));
+
+                if (this.isNoteEmpty()) {
+                        this.element().hide();
+                } else {
+                        this.getElement('contentView').show();
+                        this.getElement('contentView').setHeight(this.componentHeight());
+                }
+                this.getElement('contentEdit').hide();
+
+//MochiKit.Logging.logDebug("<<< NotesComponent.updateViewMode");
+        },
+
+        //-------------------------------------------------------------------------
+        
+        'updateEditMode': function() {
+//MochiKit.Logging.logDebug(">>> NotesComponent.updateEditMode");
+                this.getDom('textarea').value = this.value().replace(/\n/g, Clipperz_normalizedNewLine);
+
+                this.getElement('contentView').hide();
+                this.getElement('contentEdit').show();
+                
+                this.getElement('textarea').setHeight(this.componentHeight());
+//MochiKit.Logging.logDebug("<<< NotesComponent.updateEditMode");
+        },
+
+        //-------------------------------------------------------------------------
+
+        'synchronizeComponentValues': function() {
+//MochiKit.Logging.logDebug(">>> NotesComponent.synchronizeComponentValues");
+                if (this.getElement('textarea') != null) {
+                        this.setValue(this.getDom('textarea').value.replace(/(\x0a\x0d|\x0d\x0a)/g,'\n'));
+                }
+//MochiKit.Logging.logDebug("<<< NotesComponent.synchronizeComponentValues");
+        },
+        
+        //-------------------------------------------------------------------------
+
+        'componentHeight': function() {
+                return this._componentHeight;
+        },
+        
+        'setComponentHeight': function(aValue) {
+                this._componentHeight = aValue;
+        },
+
+        //-------------------------------------------------------------------------
+
+        'isNoteEmpty': function() {
+                return !/[^ \n]/.test(this.value());
+        },
+        
+        //-------------------------------------------------------------------------
+        
+        'staticOffset': function() {
+                return this._staticOffset;
+        },
+        
+        'setStaticOffset': function(aValue) {
+                this._staticOffset = aValue;
+        },
+
+        //-------------------------------------------------------------------------
+
+        'startResize': function(anEvent) {
+//MochiKit.Logging.logDebug(">>> startResize");
+                if (this.editMode() == 'VIEW') {
+                        this.setStaticOffset(this.getElement('contentView').getHeight() - anEvent.mouse().page['y'])
+                } else {
+                        this.setStaticOffset(this.getElement('textarea').getHeight() - anEvent.mouse().page['y'])
+        //              this.getElement('textarea').setStyle('opacity', 0.25);
+                }
+                this.setMouseMoveIdentifier(MochiKit.Signal.connect(MochiKit.DOM.currentDocument(), 'onmousemove', this, 'whileResizing'));
+                this.setMouseUpIdentifier(MochiKit.Signal.connect(MochiKit.DOM.currentDocument(), 'onmouseup', this, 'endResize'));
+                anEvent.stop();
+//MochiKit.Logging.logDebug("<<< startResize");
+        },
+
+        //-------------------------------------------------------------------------
+
+        'whileResizing': function(anEvent) {
+//MochiKit.Logging.logDebug(">>> whileResizing");
+                this.getElement('textarea').setHeight(Math.max(32, this.staticOffset() + anEvent.mouse().page['y']) + 'px');
+                this.getElement('contentView').setHeight(Math.max(32, this.staticOffset() + anEvent.mouse().page['y']) + 'px');
+                anEvent.stop();
+//MochiKit.Logging.logDebug("<<< whileResizing");
+        },
+        
+        //-------------------------------------------------------------------------
+
+        'endResize': function(anEvent) {
+//MochiKit.Logging.logDebug(">>> endResize");
+                MochiKit.Signal.disconnect(this.mouseMoveIdentifier());
+                this.setMouseMoveIdentifier(null);
+                MochiKit.Signal.disconnect(this.mouseUpIdentifier());
+                this.setMouseUpIdentifier(null);
+        //      this.getElement('textarea').setStyle('opacity', 1);
+
+                this.setComponentHeight(this.getElement('textarea').getHeight());
+//MochiKit.Logging.logDebug("<<< endResize");
+        },
+        
+        //-------------------------------------------------------------------------
+
+        'mouseMoveIdentifier': function() {
+                return this._mouseMoveIdentifier;
+        },
+        
+        'setMouseMoveIdentifier': function(aValue) {
+                this._mouseMoveIdentifier = aValue;
+        },
+
+        //-------------------------------------------------------------------------
+        
+        'mouseUpIdentifier': function() {
+                return this._mouseUpIdentifier;
+        },
+        
+        'setMouseUpIdentifier': function(aValue) {
+                this._mouseUpIdentifier = aValue;
+        },
+
+        //-------------------------------------------------------------------------
+        __syntaxFix__: "syntax fix"
+});
+