From c1c022c96be3c866846d574eb78c5d1095188530 Mon Sep 17 00:00:00 2001
From: Ezequiel Bergamaschi <ezequielbergamaschi@gmail.com>
Date: Sun, 16 Mar 2014 21:33:56 -0300
Subject: [PATCH] IconPanel reimplemented

---
 .../src/main/javascript/widget/IconPanel.js   | 32 +++++++++----------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/mindplot/src/main/javascript/widget/IconPanel.js b/mindplot/src/main/javascript/widget/IconPanel.js
index cbe147e0..bc096427 100644
--- a/mindplot/src/main/javascript/widget/IconPanel.js
+++ b/mindplot/src/main/javascript/widget/IconPanel.js
@@ -19,8 +19,7 @@
 mindplot.widget.IconPanel = new Class({
     Extends:mindplot.widget.ToolbarPaneItem,
     initialize:function (buttonId, model) {
-        console.error("mindplot.widget.IconPanel");
-//        this.parent(buttonId, model);
+        this.parent(buttonId, model);
     },
 
     _updateSelectedItem:function () {
@@ -29,9 +28,8 @@ mindplot.widget.IconPanel = new Class({
     },
 
     buildPanel:function () {
-        var content = new Element('div', {'class':'toolbarPanel', 'id':'IconsPanel'});
-        content.setStyles({width:253, height:230, padding:5});
-        content.addEvent("click", function (event) {
+        var content = $('<div class="toolbarPanel" id="IconsPanel"></div>').css({width: 253, height: 230, padding: 5});
+        content.on('click', function (event) {
             event.stopPropagation()
         });
 
@@ -42,23 +40,25 @@ mindplot.widget.IconPanel = new Class({
                 // Separate icons by line ...
                 var familyContent;
                 if ((count % 12) == 0) {
-                    familyContent = new Element('div').inject(content);
+                    familyContent = $('<div></div>');
+                    content.append(familyContent);
                 }
 
                 var iconId = familyIcons[j];
-                var img = new Element('img', {
-                    id:iconId,
-                    src:mindplot.ImageIcon.prototype._getImageUrl(iconId)
-                });
-                img.setStyles({width:16,
-                    height:16,
-                    padding:"0px 2px",
-                    cursor:'pointer'
-                }).inject(familyContent);
+                var img = $('<img>')
+                    .attr('id', iconId)
+                    .attr('src', mindplot.ImageIcon.prototype._getImageUrl(iconId))
+                    .css({
+                        width:16,
+                        height:16,
+                        padding:"0px 2px",
+                        cursor:'pointer'
+                    });
+                familyContent.append(img);
 
                 var panel = this;
                 var model = this.getModel();
-                img.addEvent('click', function (event) {
+                img.on('click', function (event) {
                     model.setValue(this.id);
                     panel.hide();
                 }.bind(img));