wlxml: extending isInside/getParent/is to support tag name

[fnpeditor.git] / src / editor / modules / documentCanvas / canvas / wlxmlManagers.js

diff --git a/src/editor/modules/documentCanvas/canvas/wlxmlManagers.js b/src/editor/modules/documentCanvas/canvas/wlxmlManagers.js
index d566686..6b8b5ff 100644 (file)
--- a/src/editor/modules/documentCanvas/canvas/wlxmlManagers.js
+++ b/src/editor/modules/documentCanvas/canvas/wlxmlManagers.js
@@ -11,12 +11,12 @@ var DocumentElementWrapper = function(documentElement) {
     this.documentElement = documentElement;
 
     this.addWidget = function(widget) {
     this.documentElement = documentElement;
 
     this.addWidget = function(widget) {

-        documentElement.dom().children('.canvas-widgets').append(widget);
+        documentElement.dom().children('.canvas-widgets').append(widget.DOM ? widget.DOM : widget);

     };
 
     this.clearWidgets = function() {
         documentElement.dom().children('.canvas-widgets').empty();
     };
 
     this.clearWidgets = function() {
         documentElement.dom().children('.canvas-widgets').empty();

-    }
+    };

 
     this.setDisplayStyle = function(displayStyle) {
         documentElement.dom().css('display', displayStyle || '');
 
     this.setDisplayStyle = function(displayStyle) {
         documentElement.dom().css('display', displayStyle || '');


@@ -33,25 +33,32 @@ var DocumentElementWrapper = function(documentElement) {
 
     this.toggle = function(toggle) {
         documentElement._container().toggle(toggle);
 
     this.toggle = function(toggle) {
         documentElement._container().toggle(toggle);

-    }
+    };

 
     var eventBus = documentElement.canvas ? documentElement.canvas.eventBus :
         {trigger: function() {}};
     this.trigger = function() {
         eventBus.trigger.apply(eventBus, arguments);
 
     var eventBus = documentElement.canvas ? documentElement.canvas.eventBus :
         {trigger: function() {}};
     this.trigger = function() {
         eventBus.trigger.apply(eventBus, arguments);

-    }
+    };

 
 

-}
+    this.node = documentElement.wlxmlNode;
+};

 
 var getDisplayStyle = function(tag, klass) {
 
 var getDisplayStyle = function(tag, klass) {

-    if(tag === 'metadata')
+    if(tag === 'metadata') {

         return 'none';
         return 'none';

-    if(tag === 'span')
+    }
+    if(tag === 'span') {

         return 'inline';
         return 'inline';

-    if(klass === 'item')
+    }
+    if(klass && klass.substr(0, 4) === 'item') {

         return null;
         return null;

+    }
+    if(klass === 'gap') {
+        return 'inline';
+    }

     return 'block';
     return 'block';

-}
+};

 
 var GenericManager = function(wlxmlElement) {
     this.el = wlxmlElement;
 
 var GenericManager = function(wlxmlElement) {
     this.el = wlxmlElement;


@@ -62,28 +69,28 @@ $.extend(GenericManager.prototype, {
         this.el.setDisplayStyle(getDisplayStyle(this.el.tag(), this.el.klass()));
 
         this.el.clearWidgets();
         this.el.setDisplayStyle(getDisplayStyle(this.el.tag(), this.el.klass()));
 
         this.el.clearWidgets();

-        this.el.addWidget(widgets.labelWidget(this.el.tag(), this.el.klass()));
-

     },
     toggle: function(toggle) {
         this.el.toggle(toggle);
     }
 
     },
     toggle: function(toggle) {
         this.el.toggle(toggle);
     }
 

-})
+});

 
 var managers = {
     _m: {},
     set: function(tag, klass, manager) {
 
 var managers = {
     _m: {},
     set: function(tag, klass, manager) {

-        if(!this._m[tag])
+        if(!this._m[tag]) {

             this._m[tag] = {};
             this._m[tag] = {};

+        }

         this._m[tag][klass] = manager;
     },
     get: function(tag,klass) {
         this._m[tag][klass] = manager;
     },
     get: function(tag,klass) {

-        if(this._m[tag] && this._m[tag][klass])
+        if(this._m[tag] && this._m[tag][klass]) {

             return this._m[tag][klass];
             return this._m[tag][klass];

+        }

         return GenericManager;
     }
         return GenericManager;
     }

-}
+};

 
 var FootnoteManager = function(wlxmlElement) {
     this.el = wlxmlElement;
 
 var FootnoteManager = function(wlxmlElement) {
     this.el = wlxmlElement;


@@ -114,10 +121,11 @@ $.extend(FootnoteManager.prototype, {
         
         this.el.setDisplayStyle(toggle ? 'block' : 'inline');
         this.el.toggle(toggle);
         
         this.el.setDisplayStyle(toggle ? 'block' : 'inline');
         this.el.toggle(toggle);

-        if(!options.silent)
+        if(!options.silent) {

             this.el.trigger('elementToggled', toggle, this.el.documentElement);
             this.el.trigger('elementToggled', toggle, this.el.documentElement);

+        }

     }
     }

-})
+});

 managers.set('aside', 'footnote', FootnoteManager);
 
 
 managers.set('aside', 'footnote', FootnoteManager);
 
 


@@ -127,8 +135,6 @@ var ListItemManager = function(wlxmlElement) {
 $.extend(ListItemManager.prototype, {
     setup: function() {
         this.el.clearWidgets();
 $.extend(ListItemManager.prototype, {
     setup: function() {
         this.el.clearWidgets();

-        this.el.addWidget(widgets.labelWidget(this.el.tag(), this.el.klass()));
-        this.el.documentElement._container().css({display: 'list-item'});

     },
     toggleBullet: function(toggle) {
         this.el.documentElement._container().css({display : toggle ? 'list-item' : 'block'});
     },
     toggleBullet: function(toggle) {
         this.el.documentElement._container().css({display : toggle ? 'list-item' : 'block'});


@@ -136,6 +142,30 @@ $.extend(ListItemManager.prototype, {
 });
 managers.set('div', 'item', ListItemManager);
 
 });
 managers.set('div', 'item', ListItemManager);
 

+
+var CommentManager = function(wlxmlElement) {
+    this.el = wlxmlElement;
+};
+
+$.extend(CommentManager.prototype, {
+    setup: function() {
+        this.el.clearWidgets();
+
+        this.widget = widgets.commentAdnotation(this.el.node);
+        this.el.addWidget(this.widget);
+        this.widget.DOM.show();
+    },
+    updateMetadata: function() {
+        // var parts = [];
+        // this.el.node.getMetadata().forEach(function(row) {
+        //     parts.push(row.getValue());
+        // }, 'creator');
+        // this.widget.text(parts.join(', '));
+        this.widget.update(this.el.node);
+    }
+});
+managers.set('aside', 'comment', CommentManager);
+

 return {
     getFor: function(documentElement) {
         var wlxmlElement = new DocumentElementWrapper(documentElement);
 return {
     getFor: function(documentElement) {
         var wlxmlElement = new DocumentElementWrapper(documentElement);