d9475cb70d80e9825185f0754323cffbdc339b0e
[fnpeditor.git] / modules / documentCanvas / canvasNode.js
1 define(['libs/jquery-1.9.1.min', 'libs/underscore-min'], function($, _) {
2
3 'use strict';
4
5
6 var tagSelector = '[wlxml-tag]';
7
8 var CanvasNode = function(desc) {
9     if(desc instanceof $) {
10         this.dom = desc;
11         if(!this.dom.attr('id')) {
12             this.dom.attr('id', 'xxxxxxxx-xxxx-xxxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {var r = Math.random()*16|0,v=c=='x'?r:r&0x3|0x8;return v.toString(16);}));
13         }
14     } else {
15         var toBlock = ['div', 'document', 'section', 'header'];
16         var htmlTag = _.contains(toBlock, desc.tag) ? 'div' : 'span';
17         this.dom = $('<' + htmlTag + '>');
18         this.dom.attr('wlxml-tag', desc.tag);
19         if(desc.klass)
20             this.dom.attr('wlxml-class', desc.klass);
21         if(desc.content)
22             this.dom.text(desc.content);
23         if(desc.meta) {
24             var c = this;
25             _.keys(desc.meta).forEach(function(key) {
26                 c.dom.attr('wlxml-meta-'+key, desc.meta[key]);
27             });
28         }
29         this.dom.attr('id', 'xxxxxxxx-xxxx-xxxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {var r = Math.random()*16|0,v=c=='x'?r:r&0x3|0x8;return v.toString(16);}));
30     }
31 };
32
33 CanvasNode.prototype.getTag = function() {
34     return this.dom.attr('wlxml-tag');
35 };
36
37 CanvasNode.prototype.getClass = function() {
38     return this.dom.attr('wlxml-class');
39 };
40
41 CanvasNode.prototype.getId = function() {
42     return this.dom.attr('id');
43 };
44
45 CanvasNode.prototype.getContent = function() {
46     return this.dom.text();
47 };
48
49 CanvasNode.prototype.setContent = function(content) {
50     this.dom.text(content);
51 };
52
53 CanvasNode.prototype.isSame = function(other) {
54     return (other instanceof CanvasNode) && this.dom.get(0) === other.dom.get(0);
55 };
56
57 CanvasNode.prototype.children = function() {
58     var list = [];
59     this.dom.children(tagSelector).each(function() {
60         list.push(new CanvasNode($(this)));
61     });
62     return $(list);
63 };
64
65
66 CanvasNode.prototype.parent = function() {
67     var node = this.dom.parent(tagSelector);
68     if(node.length)
69         return new CanvasNode(node);
70     return null;
71 };
72
73 CanvasNode.prototype.parents = function() {
74     var list = [];
75     this.dom.parents(tagSelector).each(function() {
76         list.push(new CanvasNode($(this)));
77     });
78     return $(list);
79 };
80
81
82 CanvasNode.prototype.isOfClass = function(klass) {
83     return this.getClass() && this.getClass().substr(0, klass.length) === klass;
84 };
85
86 CanvasNode.prototype.getMetaAttr = function(attr) {
87     return this.dom.attr('wlxml-meta-'+attr);
88 }
89
90 CanvasNode.prototype.getMetaAttrs = function() {
91     var toret = [];
92     var metaAttrPrefix = 'wlxml-meta-';
93
94     var attrs = this.dom.get(0).attributes;
95     for(var i = 0; i < attrs.length; i++) {
96         var attr = attrs[i];
97         if(attr.name.substr(0, metaAttrPrefix.length) === metaAttrPrefix) {
98             toret.push({name: attr.name.substr(metaAttrPrefix.length), value: attr.value});    
99         }
100     }
101     return toret;
102 }
103
104 CanvasNode.prototype.setMetaAttr = function(attr, value) {
105     this.dom.attr('wlxml-meta-'+attr, value);
106 }
107
108 return {
109     create: function(desc) {
110         return new CanvasNode(desc);
111     }
112
113 };
114     
115
116 });