Minor fix.

2011-10-07 01:30:55 -03:00
parent c472b95b20
commit 52587c0eaa
7 changed files with 172 additions and 61 deletions
--- a/mindplot/src/main/javascript/widget/LinkEditor.js
+++ b/mindplot/src/main/javascript/widget/LinkEditor.js
@@ -0,0 +1,124 @@
+/*
+ *    Copyright [2011] [wisemapping]
+ *
+ *   Licensed under WiseMapping Public License, Version 1.0 (the "License").
+ *   It is basically the Apache License, Version 2.0 (the "License") plus the
+ *   "powered by wisemapping" text requirement on every single page;
+ *   you may not use this file except in compliance with the License.
+ *   You may obtain a copy of the license at
+ *
+ *       http://www.wisemapping.org/license
+ *
+ *   Unless required by applicable law or agreed to in writing, software
+ *   distributed under the License is distributed on an "AS IS" BASIS,
+ *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *   See the License for the specific language governing permissions and
+ *   limitations under the License.
+ */
+
+mindplot.widget.LinkEditor = new Class({
+    Extends:MooDialog,
+    initialize : function(model) {
+        $assert(model, "model can not be null");
+        var panel = this._buildPanel(model);
+        this.parent({
+            closeButton:true,
+            destroyOnClose:true,
+            title:'Link',
+            onInitialize: function(wrapper) {
+                wrapper.setStyle('opacity', 0);
+                this.fx = new Fx.Morph(wrapper, {
+                    duration: 600,
+                    transition: Fx.Transitions.Bounce.easeOut
+                });
+                this.overlay = new Overlay(this.options.inject, {
+                    duration: this.options.duration
+                });
+                if (this.options.closeOnOverlayClick) this.overlay.addEvent('click', this.close.bind(this));
+            },
+
+            onBeforeOpen: function() {
+                this.overlay.open();
+                this.fx.start({
+                    'margin-top': [-200, -100],
+                    opacity: [0, 1]
+                }).chain(function() {
+                    this.fireEvent('show');
+                }.bind(this));
+            },
+
+            onBeforeClose: function() {
+                this.fx.start({
+                    'margin-top': [-100, 0],
+                    opacity: 0
+                }).chain(function() {
+                    this.fireEvent('hide');
+                }.bind(this));
+                this.overlay.close();
+            }
+        });
+        this.setContent(panel);
+    },
+
+    _buildPanel : function (model) {
+        var result = new Element('div');
+        var form = new Element('form', {'action': 'none', 'id':'linkFormId'});
+
+        // Add textarea ...
+        var textArea = new Element('textarea', {placeholder: 'Write your note here ...'});
+        if (model.getValue() != null)
+            textArea.value = model.getValue();
+
+        textArea.setStyles({'width':'100%', 'height':80,resize: 'none'
+        });
+        textArea.inject(form);
+
+        // Add buttons ...
+        var buttonContainer = new Element('div').setStyles({paddingTop:5, textAlign:'center'});
+
+        // Create accept button ...
+        var okButton = new Element('input', {type:'button', value:'Accept','class':'btn-primary'});
+        okButton.addClass('button');
+        okButton.addEvent('click', function() {
+            model.setValue(textArea.value);
+            this.close();
+        }.bind(this));
+        okButton.inject(buttonContainer);
+
+        // Create remove button ...
+        if ($defined(model.getValue())) {
+            var rmButton = new Element('input', {type:'button', value:'Remove','class':'btn-primary'});
+            rmButton.setStyle('margin', '5px');
+            rmButton.addClass('button');
+            rmButton.inject(buttonContainer);
+            rmButton.addEvent('click', function() {
+                model.setValue(null);
+                this.close();
+            }.bind(this));
+            buttonContainer.inject(form);
+        }
+
+
+        // Create cancel button ...
+        var cButton = new Element('input', {type:'button', value:'Cancel','class':'btn-primary'});
+        cButton.setStyle('margin', '5px');
+        cButton.addClass('button');
+        cButton.inject(buttonContainer);
+        cButton.addEvent('click', function() {
+            this.close();
+        }.bind(this));
+        buttonContainer.inject(form);
+
+        result.addEvent('keydown', function(event) {
+            event.stopPropagation();
+        });
+
+        form.inject(result);
+        return result;
+    },
+
+    show : function() {
+        this.open();
+    }
+
+});