08085de77c9cb4cd229cbd4ca746f4971851311a
[fnpeditor.git] / modules / visualEditor.js
1 rng.modules.visualEditor = function(sandbox) {\r
2     var transformations = rng.modules.visualEditor.transformations;\r
3 \r
4     var view = {\r
5         node: $(sandbox.getTemplate('main')()),\r
6         setup: function() {\r
7             var node = this.node;\r
8             node.find('#rng-visualEditor-content').on('keyup', function() {\r
9                 isDirty = true;\r
10             });\r
11             \r
12             node.find('#rng-visualEditor-meta').on('keyup', function() {\r
13                 isDirty = true;\r
14             });\r
15         },\r
16         getMetaData: function() {\r
17             var toret = {};\r
18             this.node.find('#rng-visualEditor-meta table tr').each(function() {\r
19                 var tr = $(this);\r
20                 var key = $(tr.find('td')[0]).html();\r
21                 var value = $(tr.find('td input')[0]).val();\r
22                 toret[key] = value;\r
23             });\r
24             console.log(toret);\r
25             return toret;\r
26         },\r
27         setMetaData: function(metadata) {\r
28             var table = this.node.find('#rng-visualEditor-meta table');\r
29             table.empty();\r
30             _.each(_.keys(metadata), function(key) {    \r
31                 $(sandbox.getTemplate('metaItem')({key: key, value: metadata[key]})).appendTo(table);\r
32             });\r
33         },\r
34         setBody: function(HTMLTree) {\r
35             this.node.find('#rng-visualEditor-content').html(HTMLTree);\r
36         },\r
37         getBody: function() {\r
38             return this.node.find('#rng-visualEditor-content').html();\r
39         }   \r
40     };\r
41     view.setup();\r
42     \r
43     var isDirty = false;\r
44     \r
45     \r
46     return {\r
47         start: function() {\r
48             sandbox.publish('ready');\r
49         },\r
50         getView: function() {\r
51             return view.node;\r
52         },\r
53         setDocument: function(xml) {\r
54             var transformed = transformations.fromXML.getDocumentDescription(xml);\r
55             view.setBody(transformed.HTMLTree);\r
56             view.setMetaData(transformed.metadata);\r
57             isDirty = false;\r
58         },\r
59         getDocument: function() {\r
60             return transformations.toXML.getXML({HTMLTree: view.getBody(), metadata: view.getMetaData()});\r
61         },\r
62         isDirty: function() {\r
63             return isDirty;\r
64         },\r
65         setDirty: function(dirty) {\r
66             isDirty = dirty;\r
67         }\r
68     \r
69     }\r
70 };