X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/064901239c2478c0fa4763812771cb370c76742d..b65f1bbd3863db4164c3b7283e187460ccdf2504:/modules/documentCanvas/documentCanvas.js diff --git a/modules/documentCanvas/documentCanvas.js b/modules/documentCanvas/documentCanvas.js index 4a49783..2f8dae5 100644 --- a/modules/documentCanvas/documentCanvas.js +++ b/modules/documentCanvas/documentCanvas.js @@ -2,19 +2,34 @@ define([ 'libs/underscore-min', -'./transformations', -'./canvas', -'./canvasManager', './canvas/canvas', -'libs/text!./template.html'], function(_, transformations, Canvas, CanvasManager, canvas3, template) { +'./commands', +'libs/text!./template.html'], function(_, canvas3, commands, template) { 'use strict'; return function(sandbox) { - var canvas = canvas3.fromXML(''); //canvasCanvas.create(); - var manager; + var canvas = canvas3.fromXML('', sandbox.publish); 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 { @@ -23,41 +38,34 @@ return function(sandbox) { return canvasWrapper; }, setDocument: function(xml) { - canvas.loadWlxml(xml); //canvas.setHTML(transformations.fromXML.getHTMLTree(xml)); + canvas.loadWlxml(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()); + return canvas.toXML(); }, - modifyCurrentNode: function(attr, value) { - if(manager.currentNode) { - if(attr === 'tag') { - manager.getNodeElement(manager.currentNode).attr('wlxml-'+attr, value); - } - else if(attr === 'class') { - manager.currentNode.setClass(value); - } else { - // changing node meta attr - manager.currentNode.setMetaAttr(attr, value); - } - sandbox.publish('contentChanged'); - sandbox.publish('currentNodeChanged', manager.currentNode); + 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); }, - highlightNode: function(canvasNode) { - manager.highlightNode(canvasNode); + highlightElement: function(element) { + element.toggleHighlight(true); }, - dimNode: function(canvasNode) { - manager.dimNode(canvasNode); + dimElement: function(element) { + element.toggleHighlight(false); }, - selectNode: function(canvasNode) { - if(!canvasNode.isSame(manager.currentNode)) - manager.selectNode(canvasNode, {movecaret: true}); + jumpToElement: function(element) { + canvas.setCurrentElement(element); }, command: function(command, params) { - manager.command(command, params); + commands.run(command, params, canvas); + sandbox.publish('contentChanged'); } };