4a497833286e5597b1bca8b0e8fd6117973a893e
[fnpeditor.git] / modules / documentCanvas / documentCanvas.js
1 // Module that implements main WYSIWIG edit area
2
3 define([
4 'libs/underscore-min',
5 './transformations', 
6 './canvas',
7 './canvasManager',
8 './canvas/canvas',
9 'libs/text!./template.html'], function(_, transformations, Canvas, CanvasManager, canvas3, template) {
10
11 'use strict';
12
13 return function(sandbox) {
14
15     var canvas = canvas3.fromXML(''); //canvasCanvas.create();
16     var manager;
17     var canvasWrapper = $(template);
18
19     /* public api */
20     return {
21         start: function() { sandbox.publish('ready'); },
22         getView: function() { 
23             return canvasWrapper;
24         },
25         setDocument: function(xml) {
26             canvas.loadWlxml(xml); //canvas.setHTML(transformations.fromXML.getHTMLTree(xml));
27             canvasWrapper.find('#rng-module-documentCanvas-content').empty().append(canvas.view());
28             manager = new CanvasManager(canvas, sandbox);
29             sandbox.publish('documentSet');
30         },
31         getDocument: function() {
32             return transformations.toXML.getXML(canvas.getContent());
33         },
34         modifyCurrentNode: function(attr, value) {
35             if(manager.currentNode) {
36                 if(attr === 'tag') {
37                     manager.getNodeElement(manager.currentNode).attr('wlxml-'+attr, value);
38                 }
39                 else if(attr === 'class') {
40                     manager.currentNode.setClass(value);
41                 } else {
42                     // changing node meta attr
43                     manager.currentNode.setMetaAttr(attr, value);
44                 }
45                 sandbox.publish('contentChanged');
46                 sandbox.publish('currentNodeChanged', manager.currentNode);
47             }
48         },
49         highlightNode: function(canvasNode) {
50             manager.highlightNode(canvasNode);
51         },
52         dimNode: function(canvasNode) {
53             manager.dimNode(canvasNode);
54         },
55         selectNode: function(canvasNode) {
56             if(!canvasNode.isSame(manager.currentNode))
57                 manager.selectNode(canvasNode, {movecaret: true});
58         },
59         command: function(command, params) {
60             manager.command(command, params);
61         }
62     };
63     
64 };
65
66 });