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 dirty = {
  19         sourceEditor: false,
  20         documentCanvas: false,
  21         metadataEditor: false,
  22     };
  23
  24     var synchronizeTab = function(slug) {
  25         function tabIsDirty(slug) {
  26             if(slug === 'editor' && (dirty.documentCanvas || dirty.metadataEditor))
  27                 return true;
  28             if(slug === 'sourceEditor' && dirty.sourceEditor)
  29                 return true;
  30             return false;
  31         }
  32
  33         if(tabIsDirty(slug)) {
  34             var reason, doc;
  35             if(slug === 'sourceEditor') {
  36                 doc = sandbox.getModule('sourceEditor').getDocument();
  37                 reason = 'source_edit';
  38                 dirty.sourceEditor = false;
  39             }
  40             if(slug === 'editor') {
  41                 doc = dirty.documentCanvas ? sandbox.getModule('documentCanvas').getDocument() : sandbox.getModule('data').getDocument();
  42                 if(dirty.metadataEditor) {
  43                     doc = sandbox.getModule('metadataEditor').attachMetadata(doc);
  44                 }
  45                 reason = 'edit';
  46                 dirty.documentCanvas = dirty.metadataEditor = false;
  47             }
  48             sandbox.getModule('data').commitDocument(doc, reason);
  49         }
  50     };
  51
  52     var commands = {
  53         highlightDocumentElement: function(element, origin) {
  54             ///'nodeBreadCrumbs', 'nodeFamilyTree'
  55             ['documentCanvas', ].forEach(function(moduleName) {
  56                 if(!origin || moduleName != origin)
  57                     sandbox.getModule(moduleName).highlightElement(element);
  58             });
  59         },
  60         dimDocumentElement: function(element, origin) {
  61             //'nodeBreadCrumbs', 'nodeFamilyTree'
  62             ['documentCanvas'].forEach(function(moduleName) {
  63                 if(!origin || moduleName != origin)
  64                     sandbox.getModule(moduleName).dimElement(element);
  65             });
  66         },
  67         jumpToDocumentElement: function(element) {
  68             sandbox.getModule('documentCanvas').jumpToElement(element);
  69         },
  70         updateCurrentNodeElement: function(nodeElement) {
  71             sandbox.getModule('nodePane').setNodeElement(nodeElement);
  72             //sandbox.getModule('nodeFamilyTree').setElement(nodeElement);
  73             //sandbox.getModule('nodeBreadCrumbs').setNodeElement(nodeElement);
  74         },
  75         updateCurrentTextElement: function(textElement) {
  76             sandbox.getModule('nodeFamilyTree').setElement(textElement);
  77         },
  78         resetDocument: function(document, reason) {
  79             var modules = [];
  80             if(reason === 'source_edit')
  81                 modules = ['documentCanvas', 'metadataEditor'];
  82             else if (reason === 'edit')
  83                 modules = ['sourceEditor'];
  84             else if (reason === 'revert')
  85                 modules = ['documentCanvas', 'metadataEditor', 'sourceEditor'];
  86
  87             modules.forEach(function(moduleName) {
  88                 sandbox.getModule(moduleName).setDocument(document);
  89             });
  90         }
  91     };
  92
  93
  94     var views = {
  95         mainLayout: new layout.Layout(mainLayoutTemplate),
  96         mainTabs: (new tabs.View()).render(),
  97         visualEditing: new layout.Layout(visualEditingLayoutTemplate),
  98         visualEditingSidebar: (new tabs.View({stacked: true})).render(),
  99         currentNodePaneLayout: new vbox.VBox(),
 100         diffLayout: new layout.Layout(diffLayoutTemplate)
 101     };
 102
 103     views.visualEditing.setView('rightColumn', views.visualEditingSidebar.getAsView());
 104     addMainTab('Edytor', 'editor', views.visualEditing.getAsView());
 105     addMainTab(gettext('Source'), 'sourceEditor',  '');
 106     addMainTab('Historia', 'history', views.diffLayout.getAsView());
 107
 108     sandbox.getDOM().append(views.mainLayout.getAsView());
 109
 110     views.visualEditingSidebar.addTab({icon: 'pencil'}, 'edit', views.currentNodePaneLayout.getAsView());
 111
 112     views.mainTabs.on('tabSelected', function(event) {
 113         if(event.prevSlug) {
 114             synchronizeTab(event.prevSlug);
 115         }
 116     });
 117
 118     /* Events handling */
 119
 120     var eventHandlers = {};
 121
 122     eventHandlers.sourceEditor = {
 123         ready: function() {
 124             addMainTab(gettext('Source'), 'sourceEditor',  sandbox.getModule('sourceEditor').getView());
 125             sandbox.getModule('sourceEditor').setDocument(sandbox.getModule('data').getDocument());
 126         },
 127         xmlChanged: function() {
 128             dirty.sourceEditor = true;
 129         },
 130         documentSet: function() {
 131             dirty.sourceEditor = false;
 132         }
 133     };
 134
 135     eventHandlers.data = {
 136         ready: function() {
 137             views.mainLayout.setView('mainView', views.mainTabs.getAsView());
 138
 139             _.each(['sourceEditor', 'documentCanvas', 'documentToolbar', 'nodePane', 'metadataEditor', 'nodeFamilyTree', 'nodeBreadCrumbs', 'mainBar', 'indicator', 'documentHistory', 'diffViewer'], function(moduleName) {
 140                 sandbox.getModule(moduleName).start();
 141             });
 142         },
 143         documentChanged: function(document, reason) {
 144             commands.resetDocument(document, reason);
 145         },
 146         savingStarted: function() {
 147             sandbox.getModule('mainBar').setCommandEnabled('save', false);
 148             sandbox.getModule('indicator').showMessage(gettext('Saving...'));
 149         },
 150         savingEnded: function(status) {
 151             sandbox.getModule('mainBar').setCommandEnabled('save', true);
 152             sandbox.getModule('indicator').clearMessage({message:'Dokument zapisany'});
 153         },
 154         restoringStarted: function(event) {
 155             sandbox.getModule('mainBar').setCommandEnabled('save', false);
 156             sandbox.getModule('indicator').showMessage(gettext('Restoring version ') + event.version + '...');
 157         },
 158         historyItemAdded: function(item) {
 159             sandbox.getModule('documentHistory').addHistory([item], {animate: true});
 160         },
 161         diffFetched: function(diff) {
 162             sandbox.getModule('diffViewer').setDiff(diff);
 163         },
 164         documentReverted: function(event) {
 165             commands.resetDocument(event.document, 'revert');
 166             sandbox.getModule('mainBar').setCommandEnabled('save', true);
 167             sandbox.getModule('indicator').clearMessage({message:'Wersja ' + event.reverted_version + ' przywrócona'});
 168             sandbox.getModule('mainBar').setVersion(event.current_version);
 169         }
 170     };
 171
 172     eventHandlers.mainBar = {
 173         ready: function() {
 174             sandbox.getModule('mainBar').setVersion(sandbox.getModule('data').getDocumentVersion());
 175             views.mainLayout.setView('topPanel', sandbox.getModule('mainBar').getView());
 176         },
 177         'cmd.save': function() {
 178             synchronizeTab(views.mainTabs.getCurrentSlug());
 179             sandbox.getModule('data').saveDocument();
 180         }
 181     };
 182
 183     eventHandlers.indicator = {
 184         ready: function() {
 185             views.mainLayout.setView('messages', sandbox.getModule('indicator').getView());
 186         }
 187     };
 188
 189
 190
 191     eventHandlers.documentCanvas = {
 192         ready: function() {
 193             sandbox.getModule('documentCanvas').setDocument(sandbox.getModule('data').getDocument());
 194             views.visualEditing.setView('leftColumn', sandbox.getModule('documentCanvas').getView());
 195         },
 196         documentSet: function() {
 197             dirty.documentCanvas = false;
 198         },
 199
 200         currentTextElementSet: function(textElement) {
 201             commands.updateCurrentTextElement(textElement);
 202         },
 203
 204         currentNodeElementSet: function(nodeElement) {
 205             commands.updateCurrentNodeElement(nodeElement);
 206         },
 207
 208         currentNodeElementChanged: function(nodeElement) {
 209             commands.updateCurrentNodeElement(nodeElement);
 210             dirty.documentCanvas = true;
 211         },
 212
 213         contentChanged: function() {
 214             dirty.documentCanvas = true;
 215         },
 216
 217         nodeHovered: function(canvasNode) {
 218             commands.highlightDocumentNode(canvasNode);
 219         },
 220
 221         nodeBlured: function(canvasNode) {
 222             commands.dimDocumentNode(canvasNode);
 223         }
 224     };
 225
 226     eventHandlers.nodePane = {
 227         ready: function() {
 228             views.currentNodePaneLayout.appendView(sandbox.getModule('nodePane').getView());
 229         },
 230
 231         nodeElementChange: function(attr, value) {
 232             sandbox.getModule('documentCanvas').modifyCurrentNodeElement(attr, value);
 233         }
 234     };
 235
 236     eventHandlers.metadataEditor = {
 237         ready: function() {
 238             sandbox.getModule('metadataEditor').setDocument(sandbox.getModule('data').getDocument());
 239             views.visualEditingSidebar.addTab({icon: 'info-sign'}, 'metadataEditor', sandbox.getModule('metadataEditor').getView());
 240         },
 241         metadataChanged: function(metadata) {
 242             dirty.metadataEditor = true;
 243         },
 244         metadataSet: function() {
 245             dirty.metadataEditor = false;
 246         },
 247     };
 248
 249     eventHandlers.nodeFamilyTree = {
 250         ready: function() {
 251             views.currentNodePaneLayout.appendView(sandbox.getModule('nodeFamilyTree').getView());
 252         },
 253         elementEntered: function(element) {
 254             commands.highlightDocumentElement(element, 'nodeFamilyTree');
 255         },
 256         elementLeft: function(element) {
 257             commands.dimDocumentElement(element, 'nodeFamilyTree');
 258         },
 259         elementClicked: function(element) {
 260             commands.jumpToDocumentElement(element);
 261         }
 262     };
 263
 264     eventHandlers.documentToolbar = {
 265         ready: function() {
 266             views.visualEditing.setView('toolbar', sandbox.getModule('documentToolbar').getView());
 267         },
 268         command: function(cmd, params) {
 269             sandbox.getModule('documentCanvas').command(cmd, params);
 270         }
 271     };
 272
 273     eventHandlers.nodeBreadCrumbs = {
 274         ready: function() {
 275             views.visualEditing.setView('statusBar', sandbox.getModule('nodeBreadCrumbs').getView());
 276         },
 277         elementEntered: function(element) {
 278             commands.highlightDocumentElement(element, 'nodeBreadCrumbs');
 279         },
 280         elementLeft: function(element) {
 281             commands.dimDocumentElement(element, 'nodeBreadCrumbs');
 282         },
 283         elementClicked: function(element) {
 284             commands.jumpToDocumentElement(element);
 285         }
 286     };
 287
 288     eventHandlers.documentHistory = {
 289         ready: function() {
 290             sandbox.getModule('documentHistory').addHistory(sandbox.getModule('data').getHistory());
 291             views.diffLayout.setView('left', sandbox.getModule('documentHistory').getView());
 292         },
 293         compare: function(ver1, ver2) {
 294             sandbox.getModule('data').fetchDiff(ver1, ver2);
 295         },
 296         restoreVersion: function(event) {
 297             sandbox.getModule('data').restoreVersion(event);
 298         },
 299         displayVersion: function(event) {
 300             window.open('/' + gettext('editor') + '/' + sandbox.getModule('data').getDocumentId() + '?version=' + event.version, _.uniqueId());
 301         }
 302     };
 303
 304     eventHandlers.diffViewer = {
 305         ready: function() {
 306             views.diffLayout.setView('right', sandbox.getModule('diffViewer').getView());
 307         }
 308     };
 309
 310     /* api */
 311
 312     return {
 313         start: function() {
 314             sandbox.getModule('data').start();
 315         },
 316         handleEvent: function(moduleName, eventName, args) {
 317             if('')
 318                 wysiwigHandler.handleEvent(moduleName, eventName, args);
 319             else if(eventHandlers[moduleName] && eventHandlers[moduleName][eventName]) {
 320                 eventHandlers[moduleName][eventName].apply(eventHandlers, args);
 321             }
 322         }
 323     };
 324 };
 325
 326 });