X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/71b7ba4d1d17adc39165914016fa892671cc4316..2961355b46249c0ab918fcc4eb0835ed5ed495a8:/src/editor/modules/data/data.js diff --git a/src/editor/modules/data/data.js b/src/editor/modules/data/data.js index 896fc56..7488390 100644 --- a/src/editor/modules/data/data.js +++ b/src/editor/modules/data/data.js @@ -1,41 +1,84 @@ define([ - './saveDialog', - 'wlxml/wlxml' - -], function(saveDialog, wlxml) { + 'libs/jquery', + './dialog', + 'wlxml/wlxml', + 'wlxml/extensions/list/list', + 'fnpjs/logging/logging', +], function($, Dialog, wlxml, listExtension, logging) { 'use strict'; +/* global gettext, alert, window */ + +var logger = logging.getLogger('editor.modules.data'), + stubDocument = '
' + gettext('This is an empty document.') + '
'; + return function(sandbox) { - var doc = sandbox.getBootstrappedData().document; 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); - - if(doc === '') { - doc = '\n\ - \n\ - \n\ -
\n\ - '; - } - + var wlxmlDocument, text; + + var loadDocument = function(text) { + logger.debug('loading document'); + try { + wlxmlDocument = wlxml.WLXMLDocumentFromXML(text); + } catch(e) { + logger.exception(e); + alert(gettext('This document contains errors and can\'t be loaded. :(')); // TODO + wlxmlDocument = wlxml.WLXMLDocumentFromXML(stubDocument); + } + + 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) { + logger.debug('Saving draft to local storage.'); + sandbox.publish('savingStarted', 'local'); + window.localStorage.setItem(getLocalStorageKey(), wlxmlDocument.toXML()); + sandbox.publish('savingEnded', 'success', 'local'); + draftDirty = false; + } + }, sandbox.getConfig().autoSaveInterval || 2500); + } + sandbox.publish('ready'); + }; function readCookie(name) { - var nameEQ = escape(name) + "="; + /* global escape, unescape, document */ + var nameEQ = escape(name) + '='; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; - while (c.charAt(0) == ' ') c = c.substring(1, c.length); - if (c.indexOf(nameEQ) === 0) return unescape(c.substring(nameEQ.length, c.length)); + while (c.charAt(0) === ' ') { + c = c.substring(1, c.length); + } + if (c.indexOf(nameEQ) === 0) { + return unescape(c.substring(nameEQ.length, c.length)); + } } return null; } @@ -44,7 +87,7 @@ return function(sandbox) { crossDomain: false, beforeSend: function(xhr, settings) { if (!(/^(GET|HEAD|OPTIONS|TRACE)$/.test(settings.type))) { - xhr.setRequestHeader("X-CSRFToken", readCookie('csrftoken')); + xhr.setRequestHeader('X-CSRFToken', readCookie('csrftoken')); } } }); @@ -52,46 +95,92 @@ return function(sandbox) { var reloadHistory = function() { $.ajax({ method: 'get', - url: '/' + gettext('editor') + '/' + document_id + '/history', + url: sandbox.getConfig().documentHistoryUrl(document_id), success: function(data) { - history = data; + history = data; sandbox.publish('historyItemAdded', data.slice(-1)[0]); }, }); }; - + + var getLocalStorageKey = function() { + return 'draft-id:' + document_id + '-ver:' + document_version; + }; + + return { start: function() { - sandbox.publish('ready'); + + if(window.localStorage) { + text = window.localStorage.getItem(getLocalStorageKey()); + 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'); + text = sandbox.getBootstrappedData().document; + + }); + dialog.on('execute', function(event) { + logger.debug('Local draft chosen'); + event.success(); + }); + dialog.show(); + dialog.on('close', function() { + loadDocument(text); + }); + } else { + loadDocument(sandbox.getBootstrappedData().document); + } + } else { + loadDocument(sandbox.getBootstrappedData().document); + } }, getDocument: function() { - return doc; - }, - getDocument2: function() { return wlxmlDocument; }, - commitDocument: function(newDocument, reason) { - doc = newDocument; - sandbox.publish('documentChanged', doc, reason); - }, saveDocument: function() { + var documentSaveForm = $.extend({ + fields: [], + content_field_name: 'text', + version_field_name: 'version' + }, + sandbox.getConfig().documentSaveForm + ), + dialog = Dialog.create({ + fields: documentSaveForm.fields, + title: gettext('Save Document'), + executeButtonText: gettext('Save') + }); + + 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; + if(sandbox.getConfig().jsonifySentData) { + formData = JSON.stringify(formData); + } - var dialog = saveDialog.create(); - dialog.on('save', function(event) { - sandbox.publish('savingStarted'); dialog.toggleButtons(false); $.ajax({ method: 'post', - url: '/' + gettext('editor') + '/' + document_id, - data: JSON.stringify({document:doc, description: event.data.description}), - success: function() { + url: sandbox.getConfig().documentSaveUrl(document_id), + data: formData, + success: function(data) { event.success(); - sandbox.publish('savingEnded', 'success'); + sandbox.publish('savingEnded', 'success', 'remote', data.version); + document_version = data.version; reloadHistory(); }, - error: function() {event.error(); sandbox.publish('savingEnded', 'error');} + error: function() {event.error(); sandbox.publish('savingEnded', 'error', 'remote');} }); - console.log('save'); }); dialog.on('cancel', function() { }); @@ -105,29 +194,49 @@ return function(sandbox) { fetchDiff: function(ver1, ver2) { $.ajax({ method: 'get', - url: '/' + gettext('editor') + '/' + document_id + '/diff', + url: sandbox.getConfig().documentDiffUrl(document_id), data: {from: ver1, to: ver2}, success: function(data) { sandbox.publish('diffFetched', {table: data, ver1: ver1, ver2: ver2}); }, }); }, - 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') + }); + + 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: '/' + gettext('editor') + '/' + document_id + '/revert', - data: JSON.stringify(options), + url: sandbox.getConfig().documentRestoreUrl(document_id), + data: formData, success: function(data) { - doc = data.document; document_version = data.version; reloadHistory(); - sandbox.publish('documentReverted', data); + wlxmlDocument.loadXML(data.document); + documentDirty = false; + sandbox.publish('documentReverted', data.version); + event.success(); }, - }); - } + }); + }); + dialog.show(); }, getDocumentId: function() { return document_id;