editor: Hide comment header if there is nothing to show in it

[fnpeditor.git] / src / editor / modules / documentCanvas / documentCanvas.js

diff --git a/src/editor/modules/documentCanvas/documentCanvas.js b/src/editor/modules/documentCanvas/documentCanvas.js
index 3ebab2e..7e70f7f 100644 (file)
--- a/src/editor/modules/documentCanvas/documentCanvas.js
+++ b/src/editor/modules/documentCanvas/documentCanvas.js
@@ -1,21 +1,39 @@
 // Module that implements main WYSIWIG edit area
 
 define([
 // Module that implements main WYSIWIG edit area
 
 define([

+'libs/jquery',

 'libs/underscore',
 'libs/underscore',

+'fnpjs/logging/logging',

 './canvas/canvas',
 './canvas/canvas',

-'./commands',
-'libs/text!./template.html'], function(_, canvas3, commands, template) {
+'libs/text!./template.html'], function($, _, logging, canvas3, template) {

 
 'use strict';
 
 
 'use strict';
 

+
+var logger = logging.getLogger('documentCanvas');
+

 return function(sandbox) {
 
 return function(sandbox) {
 

-    var canvas = canvas3.fromXML('', sandbox.publish);
+    var canvasElements = [];
+
+    sandbox.getPlugins().forEach(function(plugin) {
+        canvasElements = canvasElements.concat(plugin.canvasElements || []);
+    });
+
+    var canvas = canvas3.fromXMLDocument(null, canvasElements, {
+        user: sandbox.getConfig().user
+    });

     var canvasWrapper = $(template);
     var shownAlready = false;
     var scrollbarPosition = 0,
     var canvasWrapper = $(template);
     var shownAlready = false;
     var scrollbarPosition = 0,

+        actionHandlers = {},

         cursorPosition;
         cursorPosition;

+        

     
     

+    canvas.on('selectionChanged', function(selection) {
+        sandbox.publish('selectionChanged', selection);
+    });
+

     canvasWrapper.onShow = function() {
         if(!shownAlready) {
             shownAlready = true;
     canvasWrapper.onShow = function() {
         if(!shownAlready) {
             shownAlready = true;


@@ -33,39 +51,49 @@ return function(sandbox) {
 
     /* public api */
     return {
 
     /* public api */
     return {

-        start: function() { sandbox.publish('ready'); },
-        getView: function() { 
-            return canvasWrapper;
+        start: function() {
+            sandbox.getPlugins().forEach(function(plugin) {
+                var handlers;
+                if(plugin.canvas) {
+                    handlers = plugin.canvas.actionHandlers;
+                    if(handlers && !_.isArray(handlers)) {
+                        handlers = [handlers];
+                    }
+                    actionHandlers[plugin.name] = handlers;
+                }
+            });
+            sandbox.publish('ready');

         },
         },

-        setDocument: function(xml) {
-            canvas.loadWlxml(xml);
-            canvasWrapper.find('#rng-module-documentCanvas-content').empty().append(canvas.view());
-            sandbox.publish('documentSet');
+        getView: function() {
+            return canvasWrapper;

         },
         },

-        getDocument: function() {
-            return canvas.toXML();
+        getCanvas: function() {
+            return canvas;

         },
         },

-        modifyCurrentNodeElement: function(attr, value) {
-            var currentNodeElement = canvas.getCurrentNodeElement();
-            if(attr === 'class' || attr === 'tag') {
-                currentNodeElement['setWlxml'+(attr[0].toUpperCase() + attr.substring(1))](value);
-            } else {
-                currentNodeElement.setWlxmlMetaAttr(attr, value);
-            }
-            sandbox.publish('currentNodeElementChanged', currentNodeElement);
+        setDocument: function(wlxmlDocument) {
+            canvas.loadWlxmlDocument(wlxmlDocument);
+            canvasWrapper.find('#rng-module-documentCanvas-contentWrapper').empty().append(canvas.view());

         },
         },

-        highlightElement: function(element) {
-            element.toggleHighlight(true);
+        highlightElement: function(node) {
+            canvas.toggleElementHighlight(node, true);

         },
         },

-        dimElement: function(element) {
-            element.toggleHighlight(false);
+        dimElement: function(node) {
+            canvas.toggleElementHighlight(node, false);

         },
         },

-        jumpToElement: function(element) {
-            canvas.setCurrentElement(element);
+        jumpToElement: function(node) {
+            canvas.setCurrentElement(node);

         },
         },

-        command: function(command, params) {
-            commands.run(command, params, canvas);
-            sandbox.publish('contentChanged');
+        onAfterActionExecuted: function(action, ret) {
+            if(ret && ret.isValid()) {
+                logger.debug('The action returned a valid fragment');
+                return canvas.select(ret);
+            }
+
+            logger.debug('No valid fragment returned from the action');
+
+            (actionHandlers[action.getPluginName()] || []).forEach(function(handler) {
+                handler(canvas, action, ret);
+            });

         }
     };
     
         }
     };