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