From 8a4dee47f2dda1cb041d248b6e932d87f36f26ea Mon Sep 17 00:00:00 2001
From: Paulo Gustavo Veiga <pveiga@wisemapping.com>
Date: Wed, 7 Mar 2012 21:17:19 -0300
Subject: [PATCH] Add error dialog for map error during loading.

---
 core-js/src/main/javascript/Utils.js          |  43 +---------
 mindplot/src/main/javascript/Designer.js      |   8 +-
 wise-editor/src/main/webapp/html/editor.html  |  32 +++----
 .../src/main/webapp/images/alert-sign.png     | Bin 0 -> 5000 bytes
 wise-editor/src/main/webapp/js/editor.js      |  81 ++++++++++++++++--
 5 files changed, 94 insertions(+), 70 deletions(-)
 create mode 100644 wise-editor/src/main/webapp/images/alert-sign.png

diff --git a/core-js/src/main/javascript/Utils.js b/core-js/src/main/javascript/Utils.js
index ff870beb..ed986bd0 100644
--- a/core-js/src/main/javascript/Utils.js
+++ b/core-js/src/main/javascript/Utils.js
@@ -138,45 +138,4 @@ core.Utils.calculateDefaultControlPoints = function(srcPos, tarPos) {
     var y2 = m * (x2 - tarPos.x) + tarPos.y;
 
     return [new core.Point(-srcPos.x + x1, -srcPos.y + y1),new core.Point(-tarPos.x + x2, -tarPos.y + y2)];
-};
-
-core.Utils.animatePosition = function (elems, doneFn, designer) {
-    var _moveEffect = null;
-    var i = 10;
-    var step = 10;
-    var moveEffect = function () {
-        if (i > 0) {
-            var keys = elems.keys();
-            for (var j = 0; j < keys.length; j++) {
-                var id = keys[j];
-                var mod = elems.get(id);
-                var allTopics = designer.getModel().getTopics();
-                var currentTopic = allTopics.filter(function(node) {
-                    return node.getId() == id;
-                })[0];
-                var xStep = (mod.originalPos.x - mod.newPos.x) / step;
-                var yStep = (mod.originalPos.y - mod.newPos.y) / step;
-                var newPos = currentTopic.getPosition().clone();
-                newPos.x += xStep;
-                newPos.y += yStep;
-                currentTopic.setPosition(newPos, false);
-            }
-        } else {
-            $clear(_moveEffect);
-            var keys = elems.keys();
-            for (var j = 0; j < keys.length; j++) {
-                var id = keys[j];
-                var mod = elems.get(id);
-                var allTopics = designer.getModel().getTopics();
-                var currentTopic = allTopics.filter(function(node) {
-                    return node.getId() == id;
-                })[0];
-                currentTopic.setPosition(mod.originalPos, false);
-            }
-            if ($defined(doneFn))
-                doneFn.attempt();
-        }
-        i--;
-    };
-    _moveEffect = moveEffect.periodical(10);
-};
+};
\ No newline at end of file
diff --git a/mindplot/src/main/javascript/Designer.js b/mindplot/src/main/javascript/Designer.js
index ac5db35a..9f78f3e0 100644
--- a/mindplot/src/main/javascript/Designer.js
+++ b/mindplot/src/main/javascript/Designer.js
@@ -447,7 +447,7 @@ mindplot.Designer = new Class({
             $assert(mindmapModel, "mindmapModel can not be null");
             this._mindmap = mindmapModel;
 
-//            try {
+            try {
             // Init layout manager ...
             var size = {width:25,height:25};
             var layoutManager = new mindplot.layout.LayoutManager(mindmapModel.getCentralTopic().getId(), size);
@@ -484,9 +484,9 @@ mindplot.Designer = new Class({
             mindplot.EventBus.instance.fireEvent(mindplot.EventBus.events.DoLayout);
 
             this.fireEvent('loadSuccess');
-//            } catch(e) {
-//                this.fireEvent('loadError', e);
-//            }
+            } catch(e) {
+                this.fireEvent('loadError', e);
+            }
         },
 
         getMindmap : function() {
diff --git a/wise-editor/src/main/webapp/html/editor.html b/wise-editor/src/main/webapp/html/editor.html
index 38622a98..491bc7b9 100644
--- a/wise-editor/src/main/webapp/html/editor.html
+++ b/wise-editor/src/main/webapp/html/editor.html
@@ -29,13 +29,7 @@
 
             // Load map from XML file persisted on disk...
             var persistence = mindplot.PersistenceManager.getInstance();
-            var mindmap;
-//            try {
-            mindmap = persistence.load(mapId);
-//            } catch(e) {
-            // If the map could not be loaded, create a new empty map...
-//                mindmap = mindplot.model.Mindmap.buildEmpty(mapId);
-//            }
+            var mindmap = mindmap = persistence.load(mapId);
             designer.loadMap(mindmap);
         });
 
@@ -135,22 +129,22 @@
 </div>
 
 <!--<div style="position: absolute;align:left;background: gray;width: 100px;height: 300px;z-index: 100" id="dragPanel">-->
-    <!--<div id="dragIcon" style="">-->
-        <!--<img src="images/logo-small.png"/>-->
-    <!--</div>-->
+<!--<div id="dragIcon" style="">-->
+<!--<img src="images/logo-small.png"/>-->
+<!--</div>-->
 <!--</div>-->
 
 <!--<script type="text/javascript">-->
-    <!--$("dragIcon").addEvent('mousedown', function(event) {-->
-        <!--event.preventDefault();-->
+<!--$("dragIcon").addEvent('mousedown', function(event) {-->
+<!--event.preventDefault();-->
 
-        <!--var options = {imageUrl:"images/logo-small.png",-->
-            <!--imageWidth:80,-->
-            <!--imageHeight:43,-->
-            <!--metadata: "{'media':'video,'url':'http://www.youtube.com/watch?v=P3FrXftyuzw&feature=g-vrec&context=G2b4ab69RVAAAAAAAAAA'}"-->
-        <!--};-->
-        <!--designer.addDraggedNode(event, options);-->
-    <!--});-->
+<!--var options = {imageUrl:"images/logo-small.png",-->
+<!--imageWidth:80,-->
+<!--imageHeight:43,-->
+<!--metadata: "{'media':'video,'url':'http://www.youtube.com/watch?v=P3FrXftyuzw&feature=g-vrec&context=G2b4ab69RVAAAAAAAAAA'}"-->
+<!--};-->
+<!--designer.addDraggedNode(event, options);-->
+<!--});-->
 <!--</script>-->
 
 <div id="mindplot"></div>
diff --git a/wise-editor/src/main/webapp/images/alert-sign.png b/wise-editor/src/main/webapp/images/alert-sign.png
new file mode 100644
index 0000000000000000000000000000000000000000..8d3e5df04781628539abc327c1d5ad950782f587
GIT binary patch
literal 5000
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
S-bE4s0000<MNUMnLSTZQ`=#{&

literal 0
HcmV?d00001

diff --git a/wise-editor/src/main/webapp/js/editor.js b/wise-editor/src/main/webapp/js/editor.js
index 2f6e8ccb..3c9c3b00 100644
--- a/wise-editor/src/main/webapp/js/editor.js
+++ b/wise-editor/src/main/webapp/js/editor.js
@@ -33,6 +33,7 @@ function buildDesigner(options) {
     designer.addEvent('loadError', function(e) {
         window.waitDialog.close();
         window.waitDialog.destroy();
+        errorDialog.show();
         console.log(e);
     });
 
@@ -40,11 +41,11 @@ function buildDesigner(options) {
     // Configure default persistence manager ...
     var persistence;
     if (options.persistenceManager) {
-        if(options.persistenceManager instanceof String) {
-             persistence = eval("new " + options.persistenceManager + "()");
+        if (options.persistenceManager instanceof String) {
+            persistence = eval("new " + options.persistenceManager + "()");
         }
         else {
-           persistence = options.persistenceManager;
+            persistence = options.persistenceManager;
         }
 
     } else {
@@ -54,7 +55,7 @@ function buildDesigner(options) {
 
     // Register toolbar event ...
     if ($('toolbar')) {
-        var menu = new mindplot.widget.Menu(designer, 'toolbar',"");
+        var menu = new mindplot.widget.Menu(designer, 'toolbar', "");
 
         //  If a node has focus, focus can be move to another node using the keys.
         designer._cleanScreen = function() {
@@ -110,6 +111,70 @@ editor.WaitDialog = new Class({
                 autoOpen:true,
                 useEscKey:false,
                 title:'Loading ...',
+                onInitialize: function(wrapper) {
+                    wrapper.setStyle('opacity', 0);
+                    this.fx = new Fx.Morph(wrapper, {
+                        duration: 100,
+                        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,
+                        duration: 200
+                    }).chain(function() {
+                        this.fireEvent('hide');
+                    }.bind(this));
+                    this.overlay.close();
+                }}
+        );
+        this.setContent(panel);
+    },
+
+    _buildPanel : function () {
+        var result = new Element('div');
+        result.setStyles({
+            'text-align':'center',
+            width: '400px'
+        });
+        var img = new Element('img', {'src': 'images/ajax-loader.gif'});
+        img.inject(result);
+        return result;
+    },
+
+    show : function() {
+        this.open();
+    }
+
+});
+
+
+editor.FatalErrorDialog = new Class({
+    Extends:MooDialog,
+    initialize : function() {
+        var panel = this._buildPanel();
+        this.parent({
+                closeButton:false,
+                destroyOnClose:true,
+                autoOpen:true,
+                useEscKey:false,
+                title:'Outch!!. An unexpected error has occurred',
                 onInitialize: function(wrapper) {
                     wrapper.setStyle('opacity', 0);
                     this.fx = new Fx.Morph(wrapper, {
@@ -155,8 +220,12 @@ editor.WaitDialog = new Class({
             'text-align':'center',
             width: '400px'
         });
-        var img = new Element('img', {'src': 'images/ajax-loader.gif'});
+        var p = new Element('p', {'text': 'We\'re sorry, an error has occurred and we can not process your request. Please try again, or go to the home page.'});
+        p.inject(result);
+
+        var img = new Element('img', {'src': 'images/alert-sign.png'});
         img.inject(result);
+
         return result;
     },
 
@@ -166,6 +235,7 @@ editor.WaitDialog = new Class({
 
 });
 
+
 editor.Help = {
     buildHelp:function(panel) {
         var container = new Element('div');
@@ -236,6 +306,7 @@ editor.Help = {
 // Show loading dialog ...
 waitDialog = new editor.WaitDialog();
 waitDialog.show();
+errorDialog = new editor.FatalErrorDialog();
 
 // Loading libraries ...
 Asset.javascript("js/mindplot-min.js");