X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/2978c060aed20c464c376acf47c02b91c3db19e8..dec5a3d8b3a4cc70a9b2bc7bc1305ba0ae11a369:/src/editor/modules/data/data.js diff --git a/src/editor/modules/data/data.js b/src/editor/modules/data/data.js index bce9582..793d7b4 100644 --- a/src/editor/modules/data/data.js +++ b/src/editor/modules/data/data.js @@ -1,28 +1,86 @@ define([ 'libs/jquery', - './saveDialog', + 'views/dialog/dialog', 'wlxml/wlxml', - 'wlxml/extensions/list/list' - -], function($, saveDialog, wlxml, listExtension) { + 'wlxml/extensions/list/list', + 'fnpjs/logging/logging', + 'fnpjs/datetime', + './document' +], function($, Dialog, wlxml, listExtension, logging, datetime, Document) { 'use strict'; +/* global gettext, alert, window */ + +var logger = logging.getLogger('editor.modules.data'), + stubDocument = '
' + gettext('This is an empty document.') + '
'; + return function(sandbox) { var document_id = sandbox.getBootstrappedData().document_id; - var document_version = sandbox.getBootstrappedData().version; var history = sandbox.getBootstrappedData().history; + var documentDirty = false; + var draftDirty = false; - var wlxmlDocument = wlxml.WLXMLDocumentFromXML(sandbox.getBootstrappedData().document); + var data = sandbox.getBootstrappedData(); + var document_version = data.version; - wlxmlDocument.registerExtension(listExtension); - sandbox.getPlugins().forEach(function(plugin) { - if(plugin.documentExtension) { - wlxmlDocument.registerExtension(plugin.documentExtension); + + var wlxmlDocument, text; + + var loadDocument = function(text, isDraft, draftTimestamp) { + logger.debug('loading document'); + try { + wlxmlDocument = wlxml.WLXMLDocumentFromXML(text, {editorConfig: sandbox.getConfig()}, Document); + } catch(e) { + logger.exception(e); + alert(gettext('This document contains errors and can\'t be loaded. :(')); // TODO + wlxmlDocument = wlxml.WLXMLDocumentFromXML(stubDocument, {}, Document); } - }); - + + Object.keys(data) + .filter(function(key) { + return key !== 'history' && key !== 'document'; + }) + .forEach(function(key) { + wlxmlDocument.setProperty(key, data[key]); + }); + + wlxmlDocument.registerExtension(listExtension); + sandbox.getPlugins().forEach(function(plugin) { + if(plugin.documentExtension) { + wlxmlDocument.registerExtension(plugin.documentExtension); + } + }); + + var modificationFlag = true; + var handleChange = function() { + documentDirty = true; + draftDirty = true; + modificationFlag = true; + }; + wlxmlDocument.on('change', handleChange); + wlxmlDocument.on('contentSet', handleChange); + + if(window.localStorage) { + window.setInterval(function() { + if(modificationFlag) { + modificationFlag = false; + return; + } + if(wlxmlDocument && documentDirty && draftDirty) { + var timestamp = datetime.currentStrfmt(); + logger.debug('Saving draft to local storage.'); + sandbox.publish('savingStarted', 'local'); + window.localStorage.setItem(getLocalStorageKey().content, wlxmlDocument.toXML()); + window.localStorage.setItem(getLocalStorageKey().contentTimestamp, timestamp); + sandbox.publish('savingEnded', 'success', 'local', {timestamp: timestamp}); + draftDirty = false; + } + }, sandbox.getConfig().autoSaveInterval || 2500); + } + sandbox.publish('ready', isDraft, draftTimestamp); + }; function readCookie(name) { /* global escape, unescape, document */ @@ -59,10 +117,52 @@ return function(sandbox) { }, }); }; - + + var getLocalStorageKey = function(forVersion) { + var base = 'draft-id:' + document_id + '-ver:' + (forVersion || wlxmlDocument.properties.version); + return { + content: base, + contentTimestamp: base + '-content-timestamp' + }; + }; + + return { start: function() { - sandbox.publish('ready'); + if(window.localStorage) { + text = window.localStorage.getItem(getLocalStorageKey(document_version).content); + + var timestamp = window.localStorage.getItem(getLocalStorageKey(document_version).contentTimestamp), + usingDraft; + if(text) { + logger.debug('Local draft exists'); + var dialog = Dialog.create({ + title: gettext('Local draft of a document exists'), + text: gettext('Unsaved local draft of this version of the document exists in your browser. Do you want to load it instead?'), + executeButtonText: gettext('Yes, restore local draft'), + cancelButtonText: gettext('No, use version loaded from the server') + }); + dialog.on('cancel', function() { + logger.debug('Bootstrapped version chosen'); + usingDraft = false; + text = sandbox.getBootstrappedData().document; + + }); + dialog.on('execute', function(event) { + logger.debug('Local draft chosen'); + usingDraft = true; + event.success(); + }); + dialog.show(); + dialog.on('close', function() { + loadDocument(text, usingDraft, timestamp); + }); + } else { + loadDocument(sandbox.getBootstrappedData().document, false); + } + } else { + loadDocument(sandbox.getBootstrappedData().document, false); + } }, getDocument: function() { return wlxmlDocument; @@ -75,14 +175,19 @@ return function(sandbox) { }, sandbox.getConfig().documentSaveForm ), - dialog = saveDialog.create({fields: documentSaveForm.fields}); + dialog = Dialog.create({ + fields: documentSaveForm.fields, + title: gettext('Save Document'), + executeButtonText: gettext('Save'), + cancelButtonText: gettext('Cancel') + }); - dialog.on('save', function(event) { - sandbox.publish('savingStarted'); + dialog.on('execute', function(event) { + sandbox.publish('savingStarted', 'remote'); var formData = event.formData; formData[documentSaveForm.content_field_name] = wlxmlDocument.toXML(); - formData[documentSaveForm.version_field_name] = document_version; + formData[documentSaveForm.version_field_name] = wlxmlDocument.properties.version; if(sandbox.getConfig().jsonifySentData) { formData = JSON.stringify(formData); } @@ -94,11 +199,19 @@ return function(sandbox) { data: formData, success: function(data) { event.success(); - sandbox.publish('savingEnded', 'success', data.version); - document_version = data.version; + sandbox.publish('savingEnded', 'success', 'remote', data); + + Object.keys(data) + .filter(function(key) { + return key !== 'text'; + }) + .forEach(function(key) { + wlxmlDocument.setProperty(key, data[key]); + }); + reloadHistory(); }, - error: function() {event.error(); sandbox.publish('savingEnded', 'error');} + error: function() {event.error(); sandbox.publish('savingEnded', 'error', 'remote');} }); }); dialog.on('cancel', function() { @@ -120,28 +233,59 @@ return function(sandbox) { }, }); }, - restoreVersion: function(options) { - if(options.version && options.description) { - sandbox.publish('restoringStarted', {version: options.version}); + restoreVersion: function(version) { + var documentRestoreForm = $.extend({ + fields: [], + version_field_name: 'version' + }, + sandbox.getConfig().documentRestoreForm + ), + dialog = Dialog.create({ + fields: documentRestoreForm.fields, + title: gettext('Restore Version'), + executeButtonText: gettext('Restore'), + cancelButtonText: gettext('Cancel') + }); + + dialog.on('execute', function(event) { + var formData = event.formData; + formData[documentRestoreForm.version_field_name] = version; + sandbox.publish('restoringStarted', {version: version}); + if(sandbox.getConfig().jsonifySentData) { + formData = JSON.stringify(formData); + } $.ajax({ method: 'post', dataType: 'json', url: sandbox.getConfig().documentRestoreUrl(document_id), - data: JSON.stringify(options), + data: formData, success: function(data) { - document_version = data.current_version; + Object.keys(data) + .filter(function(key) { + return key !== 'document'; + }) + .forEach(function(key) { + wlxmlDocument.setProperty(key, data[key]); + }); reloadHistory(); wlxmlDocument.loadXML(data.document); - sandbox.publish('documentReverted', data); + documentDirty = false; + sandbox.publish('documentReverted', data.version); + event.success(); }, }); - } + }); + dialog.show(); + }, + dropDraft: function() { + logger.debug('Dropping a draft...'); + wlxmlDocument.loadXML(sandbox.getBootstrappedData().document); + draftDirty = false; + logger.debug('Draft dropped'); + sandbox.publish('draftDropped'); }, getDocumentId: function() { return document_id; - }, - getDocumentVersion: function() { - return document_version; } }; };