a25136aa255cda3f2bdf9dab654473873cc535fd
[fnpeditor.git] / src / editor / modules / rng / rng.js
1 define([
2 'fnpjs/layout',
3 'fnpjs/vbox',
4 'views/tabs/tabs',
5 'libs/text!./mainLayout.html',
6 'libs/text!./editingLayout.html',
7 'libs/text!./diffLayout.html',
8 ], function(layout, vbox, tabs, mainLayoutTemplate, visualEditingLayoutTemplate, diffLayoutTemplate) {
9
10 'use strict';
11
12 return function(sandbox) {
13     
14     function addMainTab(title, slug, view) {
15         views.mainTabs.addTab(title, slug, view);
16     }
17      
18     var commands = {
19         highlightDocumentElement: function(element, origin) {
20             ///'nodeBreadCrumbs', 'nodeFamilyTree'
21             ['documentCanvas', ].forEach(function(moduleName) {
22                 if(!origin || moduleName != origin)
23                     sandbox.getModule(moduleName).highlightElement(element);
24             });
25         },
26         dimDocumentElement: function(element, origin) {
27             //'nodeBreadCrumbs', 'nodeFamilyTree'
28             ['documentCanvas'].forEach(function(moduleName) {
29                 if(!origin || moduleName != origin)
30                     sandbox.getModule(moduleName).dimElement(element);
31             });
32         },
33         jumpToDocumentElement: function(element) {
34             sandbox.getModule('documentCanvas').jumpToElement(element);
35         },
36         updateCurrentNodeElement: function(nodeElement) {
37             sandbox.getModule('nodePane').setNodeElement(nodeElement);
38             //sandbox.getModule('nodeFamilyTree').setElement(nodeElement);
39             //sandbox.getModule('nodeBreadCrumbs').setNodeElement(nodeElement);
40         },
41         updateCurrentTextElement: function(textElement) {
42             sandbox.getModule('nodeFamilyTree').setElement(textElement);
43         },
44         resetDocument: function(document, reason) {
45             var modules = [];
46             if(reason === 'source_edit')
47                 modules = ['documentCanvas', 'metadataEditor'];
48             else if (reason === 'edit')
49                 modules = ['sourceEditor'];
50             else if (reason === 'revert')
51                 modules = ['documentCanvas', 'metadataEditor', 'sourceEditor'];
52                 
53             modules.forEach(function(moduleName) {
54                 sandbox.getModule(moduleName).setDocument(document);
55             });
56         }
57     };
58     
59
60     var views = {
61         mainLayout: new layout.Layout(mainLayoutTemplate),
62         mainTabs: (new tabs.View()).render(),
63         visualEditing: new layout.Layout(visualEditingLayoutTemplate),
64         visualEditingSidebar: (new tabs.View({stacked: true})).render(),
65         currentNodePaneLayout: new vbox.VBox(),
66         diffLayout: new layout.Layout(diffLayoutTemplate)
67     };
68     
69     views.visualEditing.setView('rightColumn', views.visualEditingSidebar.getAsView());
70     addMainTab('Edytor', 'editor', views.visualEditing.getAsView());
71     addMainTab(gettext('Source'), 'sourceEditor',  '');
72     addMainTab('Historia', 'history', views.diffLayout.getAsView());
73     
74     sandbox.getDOM().append(views.mainLayout.getAsView());
75     
76     views.visualEditingSidebar.addTab({icon: 'pencil'}, 'edit', views.currentNodePaneLayout.getAsView());
77
78     
79     /* Events handling */
80     
81     var eventHandlers = {};
82      
83     eventHandlers.sourceEditor = {
84         ready: function() {
85             addMainTab(gettext('Source'), 'sourceEditor',  sandbox.getModule('sourceEditor').getView());
86             sandbox.getModule('sourceEditor').setDocument(sandbox.getModule('data').getDocument());
87         }
88     };
89     
90     eventHandlers.data = {
91         ready: function() {
92             views.mainLayout.setView('mainView', views.mainTabs.getAsView());
93             
94             _.each(['sourceEditor', 'documentCanvas', 'documentToolbar', 'nodePane', 'metadataEditor', 'nodeFamilyTree', 'nodeBreadCrumbs', 'mainBar', 'indicator', 'documentHistory', 'diffViewer'], function(moduleName) {
95                 sandbox.getModule(moduleName).start();
96             });
97         },
98         documentChanged: function(document, reason) {
99             commands.resetDocument(document, reason);
100         },
101         savingStarted: function() {
102             sandbox.getModule('mainBar').setCommandEnabled('save', false);
103             sandbox.getModule('indicator').showMessage(gettext('Saving...'));
104         },
105         savingEnded: function(status) {
106             sandbox.getModule('mainBar').setCommandEnabled('save', true);
107             sandbox.getModule('indicator').clearMessage({message:'Dokument zapisany'});
108         },
109         restoringStarted: function(event) {
110             sandbox.getModule('mainBar').setCommandEnabled('save', false);
111             sandbox.getModule('indicator').showMessage(gettext('Restoring version ') + event.version + '...');
112         },
113         historyItemAdded: function(item) {
114             sandbox.getModule('documentHistory').addHistory([item], {animate: true});
115         },
116         diffFetched: function(diff) {
117             sandbox.getModule('diffViewer').setDiff(diff);
118         },
119         documentReverted: function(event) {
120             commands.resetDocument(event.document, 'revert');
121             sandbox.getModule('mainBar').setCommandEnabled('save', true);
122             sandbox.getModule('indicator').clearMessage({message:'Wersja ' + event.reverted_version + ' przywrócona'});
123             sandbox.getModule('mainBar').setVersion(event.current_version);
124         }
125     };
126     
127     eventHandlers.mainBar = {
128         ready: function() {
129             sandbox.getModule('mainBar').setVersion(sandbox.getModule('data').getDocumentVersion());
130             views.mainLayout.setView('topPanel', sandbox.getModule('mainBar').getView());
131         },
132         'cmd.save': function() {
133             synchronizeTab(views.mainTabs.getCurrentSlug());
134             sandbox.getModule('data').saveDocument();
135         }
136     };
137     
138     eventHandlers.indicator = {
139         ready: function() {
140             views.mainLayout.setView('messages', sandbox.getModule('indicator').getView());
141         }
142     };
143     
144
145     
146     eventHandlers.documentCanvas = {
147         ready: function() {
148             sandbox.getModule('documentCanvas').setDocument(sandbox.getModule('data').getDocument());
149             views.visualEditing.setView('leftColumn', sandbox.getModule('documentCanvas').getView());
150         },
151         
152         currentTextElementSet: function(textElement) {
153             commands.updateCurrentTextElement(textElement);
154         },
155
156         currentNodeElementSet: function(nodeElement) {
157             commands.updateCurrentNodeElement(nodeElement);
158         },
159         
160         currentNodeElementChanged: function(nodeElement) {
161             commands.updateCurrentNodeElement(nodeElement);
162         },
163
164         nodeHovered: function(canvasNode) {
165             commands.highlightDocumentNode(canvasNode);
166         },
167         
168         nodeBlured: function(canvasNode) {
169             commands.dimDocumentNode(canvasNode);
170         }
171     };
172
173     eventHandlers.nodePane = {
174         ready: function() {
175             views.currentNodePaneLayout.appendView(sandbox.getModule('nodePane').getView());
176         },
177         
178         nodeElementChange: function(attr, value) {
179             sandbox.getModule('documentCanvas').modifyCurrentNodeElement(attr, value);
180         }
181     };
182     
183     eventHandlers.metadataEditor = {
184         ready: function() {
185             sandbox.getModule('metadataEditor').setDocument(sandbox.getModule('data').getDocument());
186             views.visualEditingSidebar.addTab({icon: 'info-sign'}, 'metadataEditor', sandbox.getModule('metadataEditor').getView());
187         }
188     };
189     
190     eventHandlers.nodeFamilyTree = {
191         ready: function() {
192             views.currentNodePaneLayout.appendView(sandbox.getModule('nodeFamilyTree').getView());
193         },
194         elementEntered: function(element) {
195             commands.highlightDocumentElement(element, 'nodeFamilyTree');
196         },
197         elementLeft: function(element) {
198             commands.dimDocumentElement(element, 'nodeFamilyTree');
199         },
200         elementClicked: function(element) {
201             commands.jumpToDocumentElement(element);
202         }
203     };
204     
205     eventHandlers.documentToolbar = {
206         ready: function() {
207             views.visualEditing.setView('toolbar', sandbox.getModule('documentToolbar').getView());
208         },
209         command: function(cmd, params) {
210             sandbox.getModule('documentCanvas').command(cmd, params);
211         }
212     };
213     
214     eventHandlers.nodeBreadCrumbs = {
215         ready: function() {
216             views.visualEditing.setView('statusBar', sandbox.getModule('nodeBreadCrumbs').getView());
217         },
218         elementEntered: function(element) {
219             commands.highlightDocumentElement(element, 'nodeBreadCrumbs');
220         },
221         elementLeft: function(element) {
222             commands.dimDocumentElement(element, 'nodeBreadCrumbs');
223         },
224         elementClicked: function(element) {
225             commands.jumpToDocumentElement(element);
226         }        
227     };
228     
229     eventHandlers.documentHistory = {
230         ready: function() {
231             sandbox.getModule('documentHistory').addHistory(sandbox.getModule('data').getHistory());
232             views.diffLayout.setView('left', sandbox.getModule('documentHistory').getView());
233         },
234         compare: function(ver1, ver2) {
235             sandbox.getModule('data').fetchDiff(ver1, ver2);
236         },
237         restoreVersion: function(event) {
238             sandbox.getModule('data').restoreVersion(event);
239         },
240         displayVersion: function(event) {
241             window.open('/' + gettext('editor') + '/' + sandbox.getModule('data').getDocumentId() + '?version=' + event.version, _.uniqueId());
242         }
243     };
244     
245     eventHandlers.diffViewer = {
246         ready: function() {
247             views.diffLayout.setView('right', sandbox.getModule('diffViewer').getView());
248         }
249     };
250     
251     /* api */
252     
253     return {
254         start: function() {
255             sandbox.getModule('data').start();
256         },
257         handleEvent: function(moduleName, eventName, args) {
258             if('')
259                 wysiwigHandler.handleEvent(moduleName, eventName, args);
260             else if(eventHandlers[moduleName] && eventHandlers[moduleName][eventName]) {
261                 eventHandlers[moduleName][eventName].apply(eventHandlers, args);
262             }
263         }
264     };
265 };
266
267 });