Refactor menu.

2011-08-07 18:59:20 -03:00
parent d08505371f
commit 2db8cd5c96
14 changed files with 553 additions and 446 deletions
--- a/mindplot/src/main/javascript/widget/Menu.js
+++ b/mindplot/src/main/javascript/widget/Menu.js
@@ -0,0 +1,150 @@
+/*
+ *    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.Menu = new Class({
+    initialize : function(designer) {
+        this._designer = designer;
+        this._toolbarElems = [];
+        this._colorPickers = [];
+
+        var fontFamilyModel = {
+            getValue: function() {
+                var nodes = designer.getSelectedNodes();
+                var length = nodes.length;
+                if (length == 1) {
+                    return nodes[0].getFontFamily();
+                }
+            },
+
+            setValue: function(value) {
+                designer.setFont2SelectedNode(value);
+
+            }
+        };
+        var fontFamilyPanel = new mindplot.widget.FontFamilyPanel("fontFamily", fontFamilyModel);
+        fontFamilyPanel.addEvent('show',function(){this.clear()}.bind(this));
+        this._toolbarElems.push(fontFamilyPanel);
+
+        var fontSizeModel = {
+            getValue: function() {
+                var nodes = designer.getSelectedNodes();
+                var length = nodes.length;
+                if (length == 1) {
+                    return nodes[0].getFontSize();
+                }
+            },
+            setValue: function(value) {
+                designer.setFontSize2SelectedNode(value);
+            }
+        };
+        var fontSizePanel = new mindplot.widget.FontSizePanel("fontSize", fontSizeModel);
+        fontSizePanel.addEvent('show',function(){this.clear()}.bind(this));
+        this._toolbarElems.push(fontSizePanel);
+
+        var topicShapeModel = {
+            getValue: function() {
+                var nodes = designer.getSelectedNodes();
+                var length = nodes.length;
+                if (length == 1) {
+                    return nodes[0].getShapeType();
+                }
+            },
+            setValue: function(value) {
+                designer.setShape2SelectedNode(value);
+            }
+        };
+        var topicShapePanel = new mindplot.widget.TopicShapePanel("topicShape", topicShapeModel);
+        topicShapePanel.addEvent('show',function(){this.clear()}.bind(this));
+        this._toolbarElems.push(topicShapePanel);
+
+        // Create icon panel dialog ...
+        var topicIconModel = {
+            getValue: function() {
+                return null;
+            },
+            setValue: function(value) {
+                designer.addIconType2SelectedNode(value);
+            }
+        };
+        var iconPanel = new mindplot.widget.IconPanel('topicIcon', topicIconModel);
+        iconPanel.addEvent('show',function(){this.clear()}.bind(this));
+        this._toolbarElems.push(iconPanel);
+
+
+        var topicColorPicker = new MooRainbow('topicColor', {
+            id: 'topicColor',
+            imgPath: '../images/',
+            startColor: [255, 255, 255],
+            onInit: function() {
+                this.clear();
+            }.bind(this),
+
+            onChange: function(color) {
+                designer.setBackColor2SelectedNode(color.hex);
+            },
+            onComplete: function() {
+                this.clear();
+            }.bind(this)
+        });
+        this._colorPickers.push(topicColorPicker);
+
+        var borderColorPicker = new MooRainbow('topicBorder', {
+            id: 'topicBorder',
+            imgPath: '../images/',
+            startColor: [255, 255, 255],
+            onInit: function() {
+                this.clear();
+            }.bind(this),
+            onChange: function(color) {
+                designer.setBorderColor2SelectedNode(color.hex);
+            },
+            onComplete: function() {
+                this.clear();
+            }.bind(this)
+
+        });
+        this._colorPickers.push(borderColorPicker);
+
+        var fontColorPicker = new MooRainbow('fontColor', {
+            id: 'fontColor',
+            imgPath: '../images/',
+            startColor: [255, 255, 255],
+            onInit: function() {
+                this.clear();
+            }.bind(this),
+            onChange: function(color) {
+                designer.setFontColor2SelectedNode(color.hex);
+            },
+            onComplete: function() {
+                this.clear();
+            }.bind(this)
+        });
+        this._colorPickers.push(fontColorPicker);
+    },
+
+    clear : function() {
+        this._toolbarElems.forEach(function(elem) {
+            elem.hide();
+        });
+
+        this._colorPickers.forEach(function(elem) {
+            $clear(elem);
+            elem.hide();
+        });
+    }
+});