8bd05a503fd97fc52863dbd013178a60004af21b
[fnpeditor.git] / src / editor / modules / documentCanvas / canvas / wlxmlListener.js
1 define([
2 'libs/jquery',
3 'modules/documentCanvas/canvas/utils',
4 ], function($, utils) {
5     
6 'use strict';
7
8 var Listener = function(canvas) {
9     this.canvas = canvas;
10 };
11
12 $.extend(Listener.prototype, {
13     listenTo: function(wlxmlDocument) {
14         if(wlxmlDocument === this.wlxmlDocument) {
15             return;
16         }
17         this.wlxmlDocument = wlxmlDocument;
18
19         wlxmlDocument.on('change', function(event) {
20             var handler = handlers[event.type];
21             if(handler) {
22                 handler.bind(this)(event);
23             }
24         }, this);
25
26         wlxmlDocument.on('contentSet', function() {
27             this.canvas.loadWlxmlDocument(wlxmlDocument);
28         }, this);
29     }
30 });
31
32 var handlers = {
33     nodeAttrChange: function(event) {
34         if(event.meta.attr === 'class') {
35             var canvasNode = utils.findCanvasElement(event.meta.node);
36             canvasNode.setWlxmlClass(event.meta.newVal);
37         }
38     },
39     nodeTagChange: function(event) {
40         var canvasNode = utils.findCanvasElement(event.meta.node);
41         canvasNode.setWlxmlTag(event.meta.newTagName);
42     },
43     nodeAdded: function(event) {
44         var parentElement = utils.findCanvasElement(event.meta.node.parent()),
45             nodeIndex = event.meta.node.getIndex(),
46             referenceElement, referenceAction;
47
48         if(nodeIndex === 0) {
49             referenceElement = parentElement;
50             referenceAction = 'prepend';
51         } else {
52             referenceElement = parentElement.children()[nodeIndex-1];
53             referenceAction = 'after';
54         }
55
56         referenceElement[referenceAction](event.meta.node);
57     },
58     nodeMoved: function(event) {
59         return handlers.nodeAdded(event);
60     },
61     nodeDetached: function(event) {
62         var canvasNode = utils.findCanvasElementInParent(event.meta.node, event.meta.parent);
63         canvasNode.detach();
64     },
65     nodeTextChange: function(event) {
66         var canvasElement = utils.findCanvasElement(event.meta.node);
67         canvasElement.setText(event.meta.node.getText());
68     }
69 };
70
71 return {
72     create: function(canvas) {
73         return new Listener(canvas);
74     }
75 };
76
77 });