editor: start using data api on text nodes for keeping references to canvas elements

[fnpeditor.git] / src / editor / modules / data / data.js

diff --git a/src/editor/modules/data/data.js b/src/editor/modules/data/data.js
index 0bce5dc..b3b9fe4 100644 (file)
--- a/src/editor/modules/data/data.js
+++ b/src/editor/modules/data/data.js
@@ -1,16 +1,17 @@
 define([
     'libs/jquery',
 define([
     'libs/jquery',

-    './dialog',
+    'views/dialog/dialog',

     'wlxml/wlxml',
     'wlxml/extensions/list/list',
     'fnpjs/logging/logging',
     'wlxml/wlxml',
     'wlxml/extensions/list/list',
     'fnpjs/logging/logging',

-], function($, Dialog, wlxml, listExtension, logging) {
+    'fnpjs/datetime',
+    './document'
+], function($, Dialog, wlxml, listExtension, logging, datetime, Document) {

 
 'use strict';
 /* global gettext, alert, window */
 
 
 'use strict';
 /* global gettext, alert, window */
 

-var logger = logging.getLogger('editor.modules.data'),
-    stubDocument = '<section><div>' + gettext('This is an empty document.') + '</div></section>';
+var logger = logging.getLogger('editor.modules.data');

 
 
 return function(sandbox) {
 
 
 return function(sandbox) {


@@ -20,28 +21,32 @@ return function(sandbox) {
     var documentDirty = false;
     var draftDirty = false;
 
     var documentDirty = false;
     var draftDirty = false;
 

-    var documentProperties = {};

     var data = sandbox.getBootstrappedData();
     var data = sandbox.getBootstrappedData();

-    Object.keys(data)
-        .filter(function(key) {
-            return key !== 'history' && key !== 'document';
-        })
-        .forEach(function(key) {
-            documentProperties[key] = data[key];
-        });
+    var document_version = data.version;
+

 
     var wlxmlDocument, text;
 
 
     var wlxmlDocument, text;
 

-    var loadDocument = function(text) {
+    var loadDocument = function(text, isDraft, draftTimestamp) {

         logger.debug('loading document');
         logger.debug('loading document');

+        var xmlValid = true;

         try {
         try {

-            wlxmlDocument = wlxml.WLXMLDocumentFromXML(text);
+            wlxmlDocument = wlxml.WLXMLDocumentFromXML(text, {editorConfig: sandbox.getConfig()}, Document.Document);

         } catch(e) {
             logger.exception(e);
         } catch(e) {
             logger.exception(e);

-            alert(gettext('This document contains errors and can\'t be loaded. :(')); // TODO
-            wlxmlDocument = wlxml.WLXMLDocumentFromXML(stubDocument);
+            alert(gettext('The content of this document seems to be invalid - only XML source editing will be possible. :(')); // TODO
+            wlxmlDocument = wlxml.WLXMLDocumentFromXML(text, {}, Document.DumbDocument);
+            xmlValid = false;

         }
 
         }
 

+        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(listExtension);
         sandbox.getPlugins().forEach(function(plugin) {
             if(plugin.documentExtension) {


@@ -65,15 +70,17 @@ return function(sandbox) {
                     return;
                 }
                 if(wlxmlDocument && documentDirty && draftDirty) {
                     return;
                 }
                 if(wlxmlDocument && documentDirty && draftDirty) {

+                    var timestamp = datetime.currentStrfmt();

                     logger.debug('Saving draft to local storage.');
                     sandbox.publish('savingStarted', 'local');
                     logger.debug('Saving draft to local storage.');
                     sandbox.publish('savingStarted', 'local');

-                    window.localStorage.setItem(getLocalStorageKey(), wlxmlDocument.toXML());
-                    sandbox.publish('savingEnded', 'success', '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);
         }
                     draftDirty = false;
                 }
             }, sandbox.getConfig().autoSaveInterval || 2500);
         }

-        sandbox.publish('ready');
+        sandbox.publish('ready', isDraft, draftTimestamp, xmlValid);

     };
     
     function readCookie(name) {
     };
     
     function readCookie(name) {


@@ -112,16 +119,22 @@ return function(sandbox) {
         });
     };
 
         });
     };
 

-    var getLocalStorageKey = function() {
-        return 'draft-id:' + document_id + '-ver:' + documentProperties.version;
+    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() {
     };
 
    
     return {
         start: function() {

-

             if(window.localStorage) {
             if(window.localStorage) {

-                text = window.localStorage.getItem(getLocalStorageKey());
+                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({
                 if(text) {
                     logger.debug('Local draft exists');
                     var dialog = Dialog.create({


@@ -132,22 +145,24 @@ return function(sandbox) {
                     });
                     dialog.on('cancel', function() {
                         logger.debug('Bootstrapped version chosen');
                     });
                     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');
                         text = sandbox.getBootstrappedData().document;
                         
                     });
                     dialog.on('execute', function(event) {
                         logger.debug('Local draft chosen');

+                        usingDraft = true;

                         event.success();
                     });
                     dialog.show();
                     dialog.on('close', function() {
                         event.success();
                     });
                     dialog.show();
                     dialog.on('close', function() {

-                        loadDocument(text);
+                        loadDocument(text, usingDraft, timestamp);

                     });
                 } else {
                     });
                 } else {

-                    loadDocument(sandbox.getBootstrappedData().document);
+                    loadDocument(sandbox.getBootstrappedData().document, false);

                 }
             } else {
                 }
             } else {

-                loadDocument(sandbox.getBootstrappedData().document);
+                loadDocument(sandbox.getBootstrappedData().document, false);

             }
         },
         getDocument: function() {
             }
         },
         getDocument: function() {


@@ -164,7 +179,8 @@ return function(sandbox) {
                 dialog = Dialog.create({
                     fields: documentSaveForm.fields,
                     title: gettext('Save Document'),
                 dialog = Dialog.create({
                     fields: documentSaveForm.fields,
                     title: gettext('Save Document'),

-                    executeButtonText: gettext('Save')
+                    executeButtonText: gettext('Save'),
+                    cancelButtonText: gettext('Cancel')

                 });
             
             dialog.on('execute', function(event) {
                 });
             
             dialog.on('execute', function(event) {


@@ -172,7 +188,7 @@ return function(sandbox) {
 
                 var formData = event.formData;
                 formData[documentSaveForm.content_field_name] = wlxmlDocument.toXML();
 
                 var formData = event.formData;
                 formData[documentSaveForm.content_field_name] = wlxmlDocument.toXML();

-                formData[documentSaveForm.version_field_name] = documentProperties.version;
+                formData[documentSaveForm.version_field_name] = wlxmlDocument.properties.version;

                 if(sandbox.getConfig().jsonifySentData) {
                     formData = JSON.stringify(formData);
                 }
                 if(sandbox.getConfig().jsonifySentData) {
                     formData = JSON.stringify(formData);
                 }


@@ -191,7 +207,7 @@ return function(sandbox) {
                                 return key !== 'text';
                             })
                             .forEach(function(key) {
                                 return key !== 'text';
                             })
                             .forEach(function(key) {

-                                documentProperties[key] = data[key];
+                                wlxmlDocument.setProperty(key, data[key]);

                             });
 
                         reloadHistory();
                             });
 
                         reloadHistory();


@@ -228,7 +244,8 @@ return function(sandbox) {
                 dialog = Dialog.create({
                     fields: documentRestoreForm.fields,
                     title: gettext('Restore Version'),
                 dialog = Dialog.create({
                     fields: documentRestoreForm.fields,
                     title: gettext('Restore Version'),

-                    executeButtonText: gettext('Restore')
+                    executeButtonText: gettext('Restore'),
+                    cancelButtonText: gettext('Cancel')

                 });
 
             dialog.on('execute', function(event) {
                 });
 
             dialog.on('execute', function(event) {


@@ -249,7 +266,7 @@ return function(sandbox) {
                                 return key !== 'document';
                             })
                             .forEach(function(key) {
                                 return key !== 'document';
                             })
                             .forEach(function(key) {

-                                documentProperties = data[key];
+                                wlxmlDocument.setProperty(key, data[key]);

                             });
                         reloadHistory();
                         wlxmlDocument.loadXML(data.document);
                             });
                         reloadHistory();
                         wlxmlDocument.loadXML(data.document);


@@ -266,12 +283,10 @@ return function(sandbox) {
             wlxmlDocument.loadXML(sandbox.getBootstrappedData().document);
             draftDirty = false;
             logger.debug('Draft dropped');
             wlxmlDocument.loadXML(sandbox.getBootstrappedData().document);
             draftDirty = false;
             logger.debug('Draft dropped');

+            sandbox.publish('draftDropped');

         },
         getDocumentId: function() {
             return document_id;
         },
         getDocumentId: function() {
             return document_id;

-        },
-        getDocumentProperties: function() {
-            return documentProperties;

         }
     };
 };
         }
     };
 };