Fixing documentToolbar position under FF

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

diff --git a/modules/documentCanvas/documentCanvas.js b/modules/documentCanvas/documentCanvas.js
index c47b8bb..1c3242a 100644 (file)
--- a/modules/documentCanvas/documentCanvas.js
+++ b/modules/documentCanvas/documentCanvas.js
@@ -5,57 +5,66 @@ define([
 './transformations', 
 './canvas',
 './canvasManager',
 './transformations', 
 './canvas',
 './canvasManager',

-'libs/text!./template.html'], function(_, transformations, Canvas, CanvasManager, template) {
+'./canvas/canvas',
+'libs/text!./template.html'], function(_, transformations, Canvas, CanvasManager, canvas3, template) {

 
 'use strict';
 
 return function(sandbox) {
 
 
 'use strict';
 
 return function(sandbox) {
 

-    var canvas = Canvas.create();
-    var manager = new CanvasManager(canvas, sandbox);
+    var canvas = canvas3.fromXML('', sandbox.publish); //canvasCanvas.create();
+    var manager;
+    var canvasWrapper = $(template);
+    var shownAlready = false;
+    var scrollbarPosition = 0,
+        cursorPosition;
+    
+    canvasWrapper.onShow = function() {
+        if(!shownAlready) {
+            shownAlready = true;
+            canvas.setCurrentElement(canvas.doc().getVerticallyFirstTextElement());
+        } else {
+            canvas.setCursorPosition(cursorPosition);
+            this.find('#rng-module-documentCanvas-contentWrapper').scrollTop(scrollbarPosition);
+        }
+    };
+    
+    canvasWrapper.onHide = function() {
+       scrollbarPosition = this.find('#rng-module-documentCanvas-contentWrapper').scrollTop();
+       cursorPosition = canvas.getCursor().getPosition();
+    };

 
     /* public api */
     return {
         start: function() { sandbox.publish('ready'); },
         getView: function() { 
 
     /* public api */
     return {
         start: function() { sandbox.publish('ready'); },
         getView: function() { 

-            return canvas.dom;
+            return canvasWrapper;

         },
         setDocument: function(xml) {
         },
         setDocument: function(xml) {

-            canvas.setHTML(transformations.fromXML.getHTMLTree(xml));
+            canvas.loadWlxml(xml); //canvas.setHTML(transformations.fromXML.getHTMLTree(xml));
+            canvasWrapper.find('#rng-module-documentCanvas-content').empty().append(canvas.view());
+            manager = new CanvasManager(canvas, sandbox);

             sandbox.publish('documentSet');
         },
         getDocument: function() {
             return transformations.toXML.getXML(canvas.getContent());
         },
             sandbox.publish('documentSet');
         },
         getDocument: function() {
             return transformations.toXML.getXML(canvas.getContent());
         },

-        modifyCurrentNode: function(attr, value) {
-            if(manager.currentNode) {
-                if(_.contains(['tag', 'class'], attr)) {
-                    manager.getNodeElement(manager.currentNode).attr('wlxml-'+attr, value);
-                } else {
-                    // changing node meta attr
-                    manager.currentNode.setMetaAttr(attr, value);
-                }
-                sandbox.publish('contentChanged');
+        modifyCurrentNodeElement: function(attr, value) {
+            if(attr === 'class' || attr === 'tag') {
+                canvas.getCurrentNodeElement()['setWlxml'+(attr[0].toUpperCase() + attr.substring(1))](value);    

             }
         },
             }
         },

-        highlightNode: function(canvasNode) {
-            manager.highlightNode(canvasNode);
-        },
-        dimNode: function(canvasNode) {
-            manager.dimNode(canvasNode);
-        },
-        selectNode: function(canvasNode) {
-            if(!canvasNode.isSame(manager.currentNode))
-                manager.selectNode(canvasNode, {movecaret: true});
+        highlightElement: function(element) {
+            canvas.highlightElement(element);

         },
         },

-        toggleGrid: function(toggle) {
-            manager.toggleGrid(toggle);
+        dimElement: function(element) {
+            canvas.dimElement(element);

         },
         },

-        insertNewNode: function(wlxmlTag, wlxmlClass) {
-            manager.insertNewNode(wlxmlTag, wlxmlClass);
+        jumpToElement: function(element) {
+            canvas.setCurrentElement(element);

         },
         },

-        command: function(command, meta) {
-            manager.command(command, meta);
+        command: function(command, params) {
+            manager.command(command, params);

         }
     };
     
         }
     };