Fix toolbar strange resize.

2011-08-10 23:13:13 -03:00
parent 37734ea95c
commit d27d15e162
15 changed files with 104 additions and 582 deletions
--- a/mindplot/src/main/javascript/widget/ListToolbarPanel.js
+++ b/mindplot/src/main/javascript/widget/ListToolbarPanel.js
@@ -0,0 +1,54 @@
+/*
+ *    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.ListToolbarPanel = new Class({
+    Extends: mindplot.widget.ToolbarItem,
+    initialize : function(buttonId, model) {
+        this.parent(buttonId, model);
+        this._initPanel();
+    },
+
+    _initPanel: function () {
+        // Register on toolbar elements ...
+        var menuElems = this.getPanelElem().getElements('div');
+        menuElems.forEach(function(elem) {
+            elem.addEvent('click', function(event) {
+                var value = $defined(elem.getAttribute('model')) ? elem.getAttribute('model') : elem.id;
+                this.getModel().setValue(value);
+                event.stopPropagation();
+                this.hide();
+            }.bind(this));
+        }.bind(this));
+    },
+
+    show : function() {
+        if (!this.isVisible()) {
+            var menuElems = this.getPanelElem().getElements('div');
+            var value = this.getModel().getValue();
+            menuElems.forEach(function(elem) {
+                var elemValue = $defined(elem.getAttribute('model')) ? elem.getAttribute('model') : elem.id;
+                if (elemValue == value)
+                    elem.className = "toolbarPanelLinkSelectedLink";
+                else
+                    elem.className = "toolbarPanelLink";
+            });
+
+            this.parent();
+      }
+    }
+});