X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/ce24094b892d3fb0faf000b5e2bf64f58ce4aae5..412e60ded1457ec0f408e2234c9dd60122929bac:/modules/documentCanvas/documentCanvas.js diff --git a/modules/documentCanvas/documentCanvas.js b/modules/documentCanvas/documentCanvas.js index 9488aed..3ebab2e 100644 --- a/modules/documentCanvas/documentCanvas.js +++ b/modules/documentCanvas/documentCanvas.js @@ -1,20 +1,35 @@ // Module that implements main WYSIWIG edit area define([ -'libs/underscore-min', -'./transformations', -'./canvas', -'./canvasManager', +'libs/underscore', './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('', sandbox.publish); //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,30 +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(); }, modifyCurrentNodeElement: function(attr, value) { + var currentNodeElement = canvas.getCurrentNodeElement(); if(attr === 'class' || attr === 'tag') { - canvas.getCurrentNodeElement()['setWlxml'+(attr[0].toUpperCase() + attr.substring(1))](value); + currentNodeElement['setWlxml'+(attr[0].toUpperCase() + attr.substring(1))](value); + } else { + currentNodeElement.setWlxmlMetaAttr(attr, value); } + sandbox.publish('currentNodeElementChanged', currentNodeElement); }, highlightElement: function(element) { - canvas.highlightElement(element); + element.toggleHighlight(true); }, dimElement: function(element) { - canvas.dimElement(element); + element.toggleHighlight(false); }, jumpToElement: function(element) { canvas.setCurrentElement(element); }, command: function(command, params) { - manager.command(command, params); + commands.run(command, params, canvas); + sandbox.publish('contentChanged'); } };