X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/5713cbab555401cab4cb69012bf1d5ec47153982..580d8a5bddb9f4b5fc1525b018bd500f793d7137:/src/editor/modules/rng/rng.js diff --git a/src/editor/modules/rng/rng.js b/src/editor/modules/rng/rng.js index 9dc9251..1d71439 100644 --- a/src/editor/modules/rng/rng.js +++ b/src/editor/modules/rng/rng.js @@ -1,67 +1,42 @@ define([ +'./documentSummary', +'libs/underscore', 'fnpjs/layout', 'fnpjs/vbox', +'fnpjs/logging/logging', 'views/tabs/tabs', 'libs/text!./mainLayout.html', 'libs/text!./editingLayout.html', 'libs/text!./diffLayout.html', -], function(layout, vbox, tabs, mainLayoutTemplate, visualEditingLayoutTemplate, diffLayoutTemplate) { +], function(documentSummary, _, layout, vbox, logging, tabs, mainLayoutTemplate, visualEditingLayoutTemplate, diffLayoutTemplate) { 'use strict'; return function(sandbox) { + + /* globals gettext */ + + var logger = logging.getLogger('editor.modules.rng'); function addMainTab(title, slug, view) { views.mainTabs.addTab(title, slug, view); } - - var dirty = { - sourceEditor: false, - documentCanvas: false, - metadataEditor: false, - }; - - var synchronizeTab = function(slug) { - function tabIsDirty(slug) { - if(slug === 'editor' && (dirty.documentCanvas || dirty.metadataEditor)) - return true; - if(slug === 'sourceEditor' && dirty.sourceEditor) - return true; - return false; - } - - if(tabIsDirty(slug)) { - var reason, doc; - if(slug === 'sourceEditor') { - doc = sandbox.getModule('sourceEditor').getDocument(); - reason = 'source_edit'; - dirty.sourceEditor = false; - } - if(slug === 'editor') { - doc = dirty.documentCanvas ? sandbox.getModule('documentCanvas').getDocument() : sandbox.getModule('data').getDocument(); - if(dirty.metadataEditor) { - doc = sandbox.getModule('metadataEditor').attachMetadata(doc); - } - reason = 'edit'; - dirty.documentCanvas = dirty.metadataEditor = false; - } - sandbox.getModule('data').commitDocument(doc, reason); - } - }; - + var commands = { highlightDocumentElement: function(element, origin) { ///'nodeBreadCrumbs', 'nodeFamilyTree' - ['documentCanvas', ].forEach(function(moduleName) { - if(!origin || moduleName != origin) + ['documentCanvas', 'nodeFamilyTree'].forEach(function(moduleName) { + if(!origin || moduleName !== origin) { sandbox.getModule(moduleName).highlightElement(element); + } }); }, dimDocumentElement: function(element, origin) { //'nodeBreadCrumbs', 'nodeFamilyTree' - ['documentCanvas'].forEach(function(moduleName) { - if(!origin || moduleName != origin) + ['documentCanvas', 'nodeFamilyTree'].forEach(function(moduleName) { + if(!origin || moduleName !== origin) { sandbox.getModule(moduleName).dimElement(element); + } }); }, jumpToDocumentElement: function(element) { @@ -69,24 +44,13 @@ return function(sandbox) { }, updateCurrentNodeElement: function(nodeElement) { sandbox.getModule('nodePane').setNodeElement(nodeElement); - //sandbox.getModule('nodeFamilyTree').setElement(nodeElement); - //sandbox.getModule('nodeBreadCrumbs').setNodeElement(nodeElement); + sandbox.getModule('nodeFamilyTree').setElement(nodeElement); + sandbox.getModule('nodeBreadCrumbs').setNodeElement(nodeElement); + sandbox.getModule('documentToolbar').setNodeElement(nodeElement); + sandbox.getModule('metadataEditor').setNodeElement(nodeElement); }, updateCurrentTextElement: function(textElement) { sandbox.getModule('nodeFamilyTree').setElement(textElement); - }, - resetDocument: function(document, reason) { - var modules = []; - if(reason === 'source_edit') - modules = ['documentCanvas', 'metadataEditor']; - else if (reason === 'edit') - modules = ['sourceEditor']; - else if (reason === 'revert') - modules = ['documentCanvas', 'metadataEditor', 'sourceEditor']; - - modules.forEach(function(moduleName) { - sandbox.getModule(moduleName).setDocument(document); - }); } }; @@ -101,19 +65,15 @@ return function(sandbox) { }; views.visualEditing.setView('rightColumn', views.visualEditingSidebar.getAsView()); - addMainTab('Edytor', 'editor', views.visualEditing.getAsView()); + addMainTab(gettext('Editor'), 'editor', views.visualEditing.getAsView()); addMainTab(gettext('Source'), 'sourceEditor', ''); - addMainTab('Historia', 'history', views.diffLayout.getAsView()); + addMainTab(gettext('History'), 'history', views.diffLayout.getAsView()); sandbox.getDOM().append(views.mainLayout.getAsView()); views.visualEditingSidebar.addTab({icon: 'pencil'}, 'edit', views.currentNodePaneLayout.getAsView()); - views.mainTabs.on('tabSelected', function(event) { - if(event.prevSlug) { - synchronizeTab(event.prevSlug); - } - }); + var wlxmlDocument, documentIsDirty; /* Events handling */ @@ -123,33 +83,64 @@ return function(sandbox) { ready: function() { addMainTab(gettext('Source'), 'sourceEditor', sandbox.getModule('sourceEditor').getView()); sandbox.getModule('sourceEditor').setDocument(sandbox.getModule('data').getDocument()); - }, - xmlChanged: function() { - dirty.sourceEditor = true; - }, - documentSet: function() { - dirty.sourceEditor = false; } }; eventHandlers.data = { - ready: function() { + ready: function(usingDraft, draftTimestamp) { views.mainLayout.setView('mainView', views.mainTabs.getAsView()); - _.each(['sourceEditor', 'documentCanvas', 'documentToolbar', 'nodePane', 'metadataEditor', 'nodeFamilyTree', 'nodeBreadCrumbs', 'mainBar', 'indicator', 'documentHistory', 'diffViewer'], function(moduleName) { + documentSummary.init(sandbox.getConfig().documentSummaryView); + documentSummary.render(sandbox.getModule('data').getDocumentProperties()); + documentSummary.setDraftField(usingDraft ? (draftTimestamp || '???') : '-'); + views.currentNodePaneLayout.appendView(documentSummary.dom); + + sandbox.getModule('mainBar').setCommandEnabled('drop-draft', usingDraft); + + _.each(['sourceEditor', 'documentCanvas', 'documentToolbar', 'metadataEditor', 'nodeBreadCrumbs', 'mainBar', 'indicator', 'documentHistory', 'diffViewer'], function(moduleName) { sandbox.getModule(moduleName).start(); }); + + wlxmlDocument = sandbox.getModule('data').getDocument(); + documentIsDirty = false; + wlxmlDocument.on('change', function() { + documentIsDirty = true; + }); + wlxmlDocument.on('contentSet', function() { + documentIsDirty = true; + }); }, - documentChanged: function(document, reason) { - commands.resetDocument(document, reason); + draftDropped: function() { + documentSummary.setDraftField('-'); + sandbox.getModule('mainBar').setCommandEnabled('drop-draft', false); }, - savingStarted: function() { + savingStarted: function(what) { + var msg = { + remote: gettext('Saving document'), + local: gettext('Saving local copy') + }; sandbox.getModule('mainBar').setCommandEnabled('save', false); - sandbox.getModule('indicator').showMessage(gettext('Saving...')); - }, - savingEnded: function(status) { + sandbox.getModule('indicator').showMessage(msg[what] + '...'); + }, + savingEnded: function(status, what, data) { + void(status); + var msg = { + remote: gettext('Document saved'), + local: gettext('Local copy saved') + }; + documentIsDirty = false; sandbox.getModule('mainBar').setCommandEnabled('save', true); - sandbox.getModule('indicator').clearMessage({message:'Dokument zapisany'}); + sandbox.getModule('indicator').clearMessage({message: msg[what]}); + if(status === 'success' && what === 'remote') { + sandbox.getModule('mainBar').setVersion(data.version); + documentSummary.render(data); + documentSummary.setDraftField('-'); + sandbox.getModule('mainBar').setCommandEnabled('drop-draft', false); + } + if(what === 'local') { + documentSummary.setDraftField(data.timestamp); + sandbox.getModule('mainBar').setCommandEnabled('drop-draft', true); + } }, restoringStarted: function(event) { sandbox.getModule('mainBar').setCommandEnabled('save', false); @@ -161,22 +152,29 @@ return function(sandbox) { diffFetched: function(diff) { sandbox.getModule('diffViewer').setDiff(diff); }, - documentReverted: function(event) { - commands.resetDocument(event.document, 'revert'); + documentReverted: function(version) { + documentIsDirty = false; sandbox.getModule('mainBar').setCommandEnabled('save', true); - sandbox.getModule('indicator').clearMessage({message:'Wersja ' + event.reverted_version + ' przywrócona'}); - sandbox.getModule('mainBar').setVersion(event.current_version); + sandbox.getModule('indicator').clearMessage({message:'Wersja ' + version + ' przywrócona'}); + sandbox.getModule('mainBar').setVersion(version); } }; eventHandlers.mainBar = { ready: function() { - sandbox.getModule('mainBar').setVersion(sandbox.getModule('data').getDocumentVersion()); + sandbox.getModule('mainBar').setVersion(sandbox.getModule('data').getDocumentProperties().version); views.mainLayout.setView('topPanel', sandbox.getModule('mainBar').getView()); }, 'cmd.save': function() { - synchronizeTab(views.mainTabs.getCurrentSlug()); + var sourceEditor = sandbox.getModule('sourceEditor'); + if(!sourceEditor.changesCommited()) { + logger.debug('Source editor has uncommited changes, commiting...'); + sourceEditor.commitChanges(); + } sandbox.getModule('data').saveDocument(); + }, + 'cmd.drop-draft': function() { + sandbox.getModule('data').dropDraft(); } }; @@ -193,9 +191,6 @@ return function(sandbox) { sandbox.getModule('documentCanvas').setDocument(sandbox.getModule('data').getDocument()); views.visualEditing.setView('leftColumn', sandbox.getModule('documentCanvas').getView()); }, - documentSet: function() { - dirty.documentCanvas = false; - }, currentTextElementSet: function(textElement) { commands.updateCurrentTextElement(textElement); @@ -207,11 +202,6 @@ return function(sandbox) { currentNodeElementChanged: function(nodeElement) { commands.updateCurrentNodeElement(nodeElement); - dirty.documentCanvas = true; - }, - - contentChanged: function() { - dirty.documentCanvas = true; }, nodeHovered: function(canvasNode) { @@ -237,27 +227,21 @@ return function(sandbox) { ready: function() { sandbox.getModule('metadataEditor').setDocument(sandbox.getModule('data').getDocument()); views.visualEditingSidebar.addTab({icon: 'info-sign'}, 'metadataEditor', sandbox.getModule('metadataEditor').getView()); - }, - metadataChanged: function(metadata) { - dirty.metadataEditor = true; - }, - metadataSet: function() { - dirty.metadataEditor = false; - }, + } }; eventHandlers.nodeFamilyTree = { ready: function() { views.currentNodePaneLayout.appendView(sandbox.getModule('nodeFamilyTree').getView()); }, - elementEntered: function(element) { - commands.highlightDocumentElement(element, 'nodeFamilyTree'); + nodeEntered: function(node) { + commands.highlightDocumentElement(node, 'nodeFamilyTree'); }, - elementLeft: function(element) { - commands.dimDocumentElement(element, 'nodeFamilyTree'); + nodeLeft: function(node) { + commands.dimDocumentElement(node, 'nodeFamilyTree'); }, - elementClicked: function(element) { - commands.jumpToDocumentElement(element); + nodeClicked: function(node) { + commands.jumpToDocumentElement(node); } }; @@ -282,7 +266,7 @@ return function(sandbox) { }, elementClicked: function(element) { commands.jumpToDocumentElement(element); - } + } }; eventHandlers.documentHistory = { @@ -293,10 +277,11 @@ return function(sandbox) { compare: function(ver1, ver2) { sandbox.getModule('data').fetchDiff(ver1, ver2); }, - restoreVersion: function(event) { - sandbox.getModule('data').restoreVersion(event); + restoreVersion: function(version) { + sandbox.getModule('data').restoreVersion(version); }, displayVersion: function(event) { + /* globals window */ window.open('/' + gettext('editor') + '/' + sandbox.getModule('data').getDocumentId() + '?version=' + event.version, _.uniqueId()); } }; @@ -306,6 +291,15 @@ return function(sandbox) { views.diffLayout.setView('right', sandbox.getModule('diffViewer').getView()); } }; + + window.addEventListener('beforeunload', function(event) { + var txt = gettext('Do you really want to exit?'); + if(documentIsDirty) { + txt += ' ' + gettext('Document contains unsaved changes!'); + } + event.returnValue = txt; // FF + return txt; // Chrome + }); /* api */ @@ -314,11 +308,14 @@ return function(sandbox) { sandbox.getModule('data').start(); }, handleEvent: function(moduleName, eventName, args) { - if('') - wysiwigHandler.handleEvent(moduleName, eventName, args); - else if(eventHandlers[moduleName] && eventHandlers[moduleName][eventName]) { + var eventRepr = moduleName + '.' + eventName; + if(eventHandlers[moduleName] && eventHandlers[moduleName][eventName]) { + logger.debug('Handling event ' + eventRepr); eventHandlers[moduleName][eventName].apply(eventHandlers, args); + } else { + logger.warning('No event handler for ' + eventRepr); } + } }; };