2f8dae5b47b14465dc4d0aea2dbda7ff52cd08f5
[fnpeditor.git] / modules / documentCanvas / documentCanvas.js
1 // Module that implements main WYSIWIG edit area
2
3 define([
4 'libs/underscore-min',
5 './canvas/canvas',
6 './commands',
7 'libs/text!./template.html'], function(_, canvas3, commands, template) {
8
9 'use strict';
10
11 return function(sandbox) {
12
13     var canvas = canvas3.fromXML('', sandbox.publish);
14     var canvasWrapper = $(template);
15     var shownAlready = false;
16     var scrollbarPosition = 0,
17         cursorPosition;
18     
19     canvasWrapper.onShow = function() {
20         if(!shownAlready) {
21             shownAlready = true;
22             canvas.setCurrentElement(canvas.doc().getVerticallyFirstTextElement());
23         } else {
24             canvas.setCursorPosition(cursorPosition);
25             this.find('#rng-module-documentCanvas-contentWrapper').scrollTop(scrollbarPosition);
26         }
27     };
28     
29     canvasWrapper.onHide = function() {
30        scrollbarPosition = this.find('#rng-module-documentCanvas-contentWrapper').scrollTop();
31        cursorPosition = canvas.getCursor().getPosition();
32     };
33
34     /* public api */
35     return {
36         start: function() { sandbox.publish('ready'); },
37         getView: function() { 
38             return canvasWrapper;
39         },
40         setDocument: function(xml) {
41             canvas.loadWlxml(xml);
42             canvasWrapper.find('#rng-module-documentCanvas-content').empty().append(canvas.view());
43             sandbox.publish('documentSet');
44         },
45         getDocument: function() {
46             return canvas.toXML();
47         },
48         modifyCurrentNodeElement: function(attr, value) {
49             var currentNodeElement = canvas.getCurrentNodeElement();
50             if(attr === 'class' || attr === 'tag') {
51                 currentNodeElement['setWlxml'+(attr[0].toUpperCase() + attr.substring(1))](value);
52             } else {
53                 currentNodeElement.setWlxmlMetaAttr(attr, value);
54             }
55             sandbox.publish('currentNodeElementChanged', currentNodeElement);
56         },
57         highlightElement: function(element) {
58             element.toggleHighlight(true);
59         },
60         dimElement: function(element) {
61             element.toggleHighlight(false);
62         },
63         jumpToElement: function(element) {
64             canvas.setCurrentElement(element);
65         },
66         command: function(command, params) {
67             commands.run(command, params, canvas);
68             sandbox.publish('contentChanged');
69         }
70     };
71     
72 };
73
74 });