e1277e5219bb60f564e3e4f1051b9df10e51ab38
[fnpeditor.git] / modules / rng / rng.js
1 define([\r
2 'fnpjs/layout',\r
3 'fnpjs/vbox',\r
4 'views/tabs/tabs',\r
5 'libs/text!./mainLayout.html',\r
6 'libs/text!./editingLayout.html',\r
7 ], function(layout, vbox, tabs, mainLayoutTemplate, editingLayoutTemplate) {\r
8 \r
9 return function(sandbox) {\r
10     'use strict';\r
11     \r
12     var mainTabs = (new tabs.View()).render();\r
13     var mainLayout = new layout.Layout(mainLayoutTemplate);\r
14     var editingLayout = new layout.Layout(editingLayoutTemplate);\r
15     \r
16     sandbox.getDOM().append(mainLayout.getAsView());\r
17     \r
18     function addTab(title, slug, view) {\r
19         mainTabs.addTab(title, slug, view);\r
20     }\r
21     \r
22     /* Events handling */\r
23     \r
24     var eventHandlers = {};\r
25      \r
26     eventHandlers.sourceEditor = {\r
27         ready: function() {\r
28             addTab(gettext('Source'), 'source',  sandbox.getModule('sourceEditor').getView());\r
29             sandbox.getModule('sourceEditor').setDocument(sandbox.getModule('data').getDocument());\r
30         }\r
31     };\r
32     \r
33     eventHandlers.visualEditor = {\r
34         ready: function() {\r
35             sandbox.getModule('visualEditor').setDocument(sandbox.getModule('data').getDocument());\r
36             addTab(gettext('Visual'), 'visual', sandbox.getModule('visualEditor').getView());\r
37             \r
38         }\r
39     };\r
40     \r
41     eventHandlers.data = {\r
42         ready: function() {\r
43             mainLayout.setView('mainView', mainTabs.getAsView());\r
44             \r
45             _.each(['visualEditor', 'sourceEditor', 'documentCanvas', 'nodePane', 'metadataEditor', 'nodeFamilyTree', 'mainBar', 'indicator'], function(moduleName) {\r
46                 sandbox.getModule(moduleName).start();\r
47             });\r
48         },\r
49         documentChanged: function(document, reason) {\r
50             var slug = (reason === 'visual_edit' ? 'source' : 'visual');\r
51             sandbox.getModule(slug+'Editor').setDocument(document);\r
52         },\r
53         savingStarted: function() {\r
54             sandbox.getModule('mainBar').setCommandEnabled('save', false);\r
55             sandbox.getModule('indicator').showMessage(gettext('Saving...'));\r
56         },\r
57         savingEnded: function(status) {\r
58             sandbox.getModule('mainBar').setCommandEnabled('save', true);\r
59             sandbox.getModule('indicator').clearMessage();\r
60         }\r
61     }\r
62     \r
63     eventHandlers.rng2 = {\r
64         ready: function() {\r
65            addTab('rng2 test', 'rng2test', sandbox.getModule('rng2').getView());\r
66            \r
67         }\r
68     }\r
69     \r
70     eventHandlers.mainBar = {\r
71         ready: function() {\r
72             mainLayout.setView('topPanel', sandbox.getModule('mainBar').getView());\r
73         },\r
74         'cmd.save': function() {\r
75             sandbox.getModule('data').fakeSave();\r
76         }\r
77     }\r
78     \r
79     eventHandlers.indicator = {\r
80         ready: function() {\r
81             mainLayout.setView('messages', sandbox.getModule('indicator').getView());\r
82         }\r
83     };\r
84     \r
85     \r
86     var sidebar = (new tabs.View({stacked: true})).render();\r
87     var box = new vbox.VBox();\r
88     editingLayout.setView('rightColumn', sidebar.getAsView());\r
89     addTab('rng2 test', 'rng2test', editingLayout.getAsView());\r
90     \r
91     eventHandlers.documentCanvas = {\r
92         ready: function() {\r
93             sandbox.getModule('documentCanvas').setDocument(sandbox.getModule('data').getDocument());\r
94             editingLayout.setView('leftColumn', sandbox.getModule('documentCanvas').getView());\r
95         },\r
96         \r
97         nodeSelected: function(node) {\r
98             sandbox.getModule('nodePane').setNode(node);\r
99             sandbox.getModule('nodeFamilyTree').setNode(node);\r
100         },\r
101         \r
102         contentChanged: function() {\r
103         \r
104         },\r
105         \r
106         nodeHovered: function(node) {\r
107             \r
108         },\r
109         \r
110         nodeBlured: function(node) {\r
111         \r
112         }\r
113     };\r
114 \r
115     eventHandlers.nodePane = {\r
116         ready: function() {\r
117             //sidebar.addTab({icon: 'pencil'}, 'nodePane', sandbox.getModule('nodePane').getView());\r
118             box.appendView(sandbox.getModule('nodePane').getView());\r
119             sidebar.addTab({icon: 'pencil'}, 'edit', box.getAsView());\r
120         },\r
121         \r
122         nodeChanged: function(attr, value) {\r
123             sandbox.getModule('documentCanvas').modifyCurrentNode(attr, value);\r
124         }\r
125     };\r
126     \r
127     eventHandlers.metadataEditor = {\r
128         ready: function() {\r
129             sandbox.getModule('metadataEditor').setMetadata(sandbox.getModule('data').getDocument());\r
130             sidebar.addTab({icon: 'info-sign'}, 'metadataEditor', sandbox.getModule('metadataEditor').getView());\r
131         }\r
132     };\r
133     \r
134     eventHandlers.nodeFamilyTree = {\r
135         ready: function() {\r
136             //sidebar.addTab({icon: 'home'}, 'family', sandbox.getModule('nodeFamilyTree').getView());\r
137             box.appendView(sandbox.getModule('nodeFamilyTree').getView());\r
138         },\r
139         nodeEntered: function(id) {\r
140             sandbox.getModule('documentCanvas').highlightNode(id);\r
141         },\r
142         nodeLeft: function(id) {\r
143             sandbox.getModule('documentCanvas').dimNode(id);\r
144         },\r
145         nodeSelected: function(id) {\r
146             sandbox.getModule('documentCanvas').selectNode(id);\r
147         }\r
148     }\r
149     \r
150     /* api */\r
151     \r
152     return {\r
153         start: function() {\r
154             sandbox.getModule('data').start();\r
155         },\r
156         handleEvent: function(moduleName, eventName, args) {\r
157             if('')\r
158                 wysiwigHandler.handleEvent(moduleName, eventName, args);\r
159             else if(eventHandlers[moduleName] && eventHandlers[moduleName][eventName]) {\r
160                 eventHandlers[moduleName][eventName].apply(eventHandlers, args);\r
161             }\r
162         }\r
163     }\r
164 };\r
165 \r
166 });