editor: canvas fix
[fnpeditor.git] / src / editor / modules / rng / rng.js
1 define([
2 './documentSummary',
3 'libs/underscore',
4 'fnpjs/layout',
5 'fnpjs/logging/logging',
6 'views/tabs/tabs',
7 'libs/text!./mainLayout.html',
8 'libs/text!./editingLayout.html',
9 'libs/text!./diffLayout.html',
10 ], function(documentSummary, _, layout, logging, tabs, mainLayoutTemplate, visualEditingLayoutTemplate, diffLayoutTemplate) {
11
12 'use strict';
13
14 return function(sandbox) {
15
16     /* globals gettext */
17
18     var logger = logging.getLogger('editor.modules.rng');
19     
20     function addMainTab(title, slug, view) {
21         views.mainTabs.addTab(title, slug, view);
22     }
23      
24     var commands = {
25         refreshCanvasSelection: function(selection) {
26             var fragment = selection.toDocumentFragment();
27             sandbox.getModule('documentToolbar').setDocumentFragment(fragment);
28         },
29     };
30     
31
32     var views = {
33         mainLayout: new layout.Layout(mainLayoutTemplate),
34         mainTabs: (new tabs.View()).render(),
35         visualEditing: new layout.Layout(visualEditingLayoutTemplate),
36         diffLayout: new layout.Layout(diffLayoutTemplate)
37     };
38     
39     addMainTab(gettext('Editor'), 'editor', views.visualEditing.getAsView());
40     addMainTab(gettext('Source'), 'sourceEditor',  '');
41     addMainTab(gettext('History'), 'history', views.diffLayout.getAsView());
42     
43     sandbox.getDOM().append(views.mainLayout.getAsView());
44     
45     var wlxmlDocument, documentIsDirty;
46     
47     /* Events handling */
48     
49     var eventHandlers = {};
50      
51     eventHandlers.sourceEditor = {
52         ready: function() {
53             addMainTab(gettext('Source'), 'sourceEditor',  sandbox.getModule('sourceEditor').getView());
54             sandbox.getModule('sourceEditor').setDocument(sandbox.getModule('data').getDocument());
55         }
56     };
57     
58     eventHandlers.data = {
59         ready: function(usingDraft, draftTimestamp, xmlValid) {
60             wlxmlDocument = sandbox.getModule('data').getDocument();
61
62             views.mainLayout.setView('mainView', views.mainTabs.getAsView());
63             
64             documentSummary.init(sandbox.getConfig().documentSummaryView, wlxmlDocument);
65             documentSummary.render();
66             documentSummary.setDraftField(usingDraft ? (draftTimestamp || '???') : '-');
67             sandbox.getModule('mainBar').setSummaryView(documentSummary.dom);
68
69             sandbox.getModule('mainBar').setCommandEnabled('drop-draft', usingDraft);
70             sandbox.getModule('mainBar').setCommandEnabled('save', usingDraft);
71
72             
73             var toStart = ['sourceEditor', 'documentToolbar', 'mainBar', 'indicator', 'documentHistory', 'diffViewer', 'statusBar'];
74             if(xmlValid) {
75                 toStart.push('documentCanvas');
76             }
77             _.each(toStart, function(moduleName) {
78                 sandbox.getModule(moduleName).start();
79             });
80             
81             documentIsDirty = false;
82             wlxmlDocument.on('change', function() {
83                 documentIsDirty = true;
84                 sandbox.getModule('mainBar').setCommandEnabled('save', true);
85             });
86             wlxmlDocument.on('contentSet', function() {
87                 documentIsDirty = true;
88             });
89         },
90         draftDropped: function() {
91             documentSummary.setDraftField('-');
92             sandbox.getModule('mainBar').setCommandEnabled('drop-draft', false);
93             sandbox.getModule('mainBar').setCommandEnabled('save', false);
94         },
95         savingStarted: function(what) {
96             var msg = {
97                 remote: gettext('Saving document'),
98                 local: gettext('Saving local copy')
99             };
100             sandbox.getModule('mainBar').setCommandEnabled('save', false);
101             sandbox.getModule('indicator').showMessage(msg[what] + '...');
102         },
103         savingEnded: function(status, what, data) {
104             void(status);
105             var msg = {
106                 remote: gettext('Document saved'),
107                 local: gettext('Local copy saved')
108             };
109             documentIsDirty = false;
110             
111             sandbox.getModule('indicator').clearMessage({message: msg[what]});
112             if(status === 'success' && what === 'remote') {
113                 documentSummary.setDraftField('-');
114                 sandbox.getModule('mainBar').setCommandEnabled('drop-draft', false);
115                 sandbox.getModule('mainBar').setCommandEnabled('save', false);
116             }
117             if(what === 'local') {
118                 documentSummary.setDraftField(data.timestamp);
119                 sandbox.getModule('mainBar').setCommandEnabled('drop-draft', true);
120                 sandbox.getModule('mainBar').setCommandEnabled('save', true);
121             }
122         },
123         restoringStarted: function(event) {
124             sandbox.getModule('mainBar').setCommandEnabled('save', false);
125             sandbox.getModule('indicator').showMessage(gettext('Restoring version ') + event.version + '...');
126         },
127         historyItemAdded: function(item) {
128             sandbox.getModule('documentHistory').addHistory([item], {animate: true});
129         },
130         diffFetched: function(diff) {
131             sandbox.getModule('diffViewer').setDiff(diff);
132         },
133         documentReverted: function(version) {
134             documentIsDirty = false;
135             sandbox.getModule('indicator').clearMessage({message:'Wersja ' + version + ' przywrócona'});
136         }
137     };
138     
139     eventHandlers.mainBar = {
140         ready: function() {
141             views.mainLayout.setView('topPanel', sandbox.getModule('mainBar').getView());
142         },
143         'cmd.save': function() {
144             var sourceEditor = sandbox.getModule('sourceEditor');
145             if(!sourceEditor.changesCommited()) {
146                 logger.debug('Source editor has uncommited changes, commiting...');
147                 sourceEditor.commitChanges();
148             }
149             sandbox.getModule('data').saveDocument();
150         },
151         'cmd.drop-draft': function() {
152             sandbox.getModule('data').dropDraft();
153         }
154     };
155     
156     eventHandlers.indicator = {
157         ready: function() {
158             views.mainLayout.setView('messages', sandbox.getModule('indicator').getView());
159         }
160     };
161     
162
163     
164     eventHandlers.documentCanvas = {
165         ready: function() {
166             sandbox.getModule('documentCanvas').setDocument(sandbox.getModule('data').getDocument());
167             views.visualEditing.setView('leftColumn', sandbox.getModule('documentCanvas').getView());
168         },
169         
170         selectionChanged: function(selection) {
171             commands.refreshCanvasSelection(selection);
172         }
173     };
174     
175     eventHandlers.documentToolbar = {
176         ready: function() {
177             views.visualEditing.setView('toolbar', sandbox.getModule('documentToolbar').getView());
178             sandbox.getModule('documentToolbar').setCanvas(sandbox.getModule('documentCanvas').getCanvas());
179         },
180         actionExecuted: function(action, ret) {
181             sandbox.getModule('documentCanvas').onAfterActionExecuted(action, ret);
182         }
183     };
184     
185     eventHandlers.documentHistory = {
186         ready: function() {
187             sandbox.getModule('documentHistory').addHistory(sandbox.getModule('data').getHistory());
188             views.diffLayout.setView('left', sandbox.getModule('documentHistory').getView());
189         },
190         compare: function(ver1, ver2) {
191             sandbox.getModule('data').fetchDiff(ver1, ver2);
192         },
193         restoreVersion: function(version) {
194             sandbox.getModule('data').restoreVersion(version);
195         },
196         displayVersion: function(event) {
197             /* globals window */
198             var config = sandbox.getConfig(),
199                 doc = sandbox.getModule('data').getDocument();
200
201             if(config.documentUrl) {
202                 window.open(config.documentUrl(doc.properties.document_id, event.version), _.uniqueId());
203             } else {
204                 logger.error('Unable to show version ' + event.version + ' of a document - config.documentUrl missing');
205             }
206         }
207     };
208     
209     eventHandlers.diffViewer = {
210         ready: function() {
211             views.diffLayout.setView('right', sandbox.getModule('diffViewer').getView());
212         }
213     };
214
215     eventHandlers.statusBar = {
216         ready: function() {
217             views.mainLayout.setView('bottomPanel', sandbox.getModule('statusBar').getView());
218         }
219     };
220
221     eventHandlers.__all__ = {
222         actionHovered: function(action) {
223             sandbox.getModule('statusBar').showAction(action);
224         },
225         actionOff: function() {
226             sandbox.getModule('statusBar').clearAction();
227         }
228     };
229
230     window.addEventListener('beforeunload', function(event) {
231         var txt = gettext('Do you really want to exit?');
232         if(documentIsDirty) {
233             txt += ' ' + gettext('Document contains unsaved changes!');
234         }
235         event.returnValue = txt; // FF
236         return txt; // Chrome
237     });
238     
239     /* api */
240     
241     return {
242         start: function() {
243             sandbox.registerActionsAppObject({
244                 getUser: function() {
245                     return sandbox.getConfig().user;
246                 }
247             });
248             sandbox.getModule('data').start();
249         },
250         handleEvent: function(moduleName, eventName, args) {
251             var eventRepr = moduleName + '.' + eventName;
252             if(eventHandlers[moduleName] && eventHandlers[moduleName][eventName]) {
253                 logger.debug('Handling event ' + eventRepr);
254                 eventHandlers[moduleName][eventName].apply(eventHandlers, args);
255                 return;
256             }
257
258             if(eventHandlers.__all__[eventName]) {
259                 logger.debug('Handling event ' + eventRepr);
260                 eventHandlers.__all__[eventName].apply(eventHandlers.__all__, args);
261                 return;
262             }
263
264             logger.warning('No event handler for ' + eventRepr);
265         }
266     };
267 };
268
269 });