X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/4f68cdcc12eb61a0061fc1a3b143ea5fa4f77310..e7eff731af23b9501d3180cee9f4037cc93a5922:/modules/documentCanvas/canvas/documentElement.js
diff --git a/modules/documentCanvas/canvas/documentElement.js b/modules/documentCanvas/canvas/documentElement.js
index f03719e..d58d8c1 100644
--- a/modules/documentCanvas/canvas/documentElement.js
+++ b/modules/documentCanvas/canvas/documentElement.js
@@ -112,6 +112,14 @@ var DocumentNodeElement = function(htmlElement, canvas) {
DocumentElement.call(this, htmlElement, canvas);
};
+var getDisplayStyle = function(tag, klass) {
+ if(tag === 'metadata')
+ return 'none';
+ if(tag === 'span')
+ return 'inline';
+ return 'block';
+}
+
$.extend(DocumentNodeElement, {
createDOM: function(params) {
var dom = $('
'),
@@ -127,6 +135,11 @@ $.extend(DocumentNodeElement, {
}
dom.data('other-attrs', params.others);
+ /* display style */
+ var displayStyle = getDisplayStyle(params.tag, params.klass);
+ dom.css('display', displayStyle);
+ container.css('display', displayStyle);
+
var widgets = $('
');
widgets.append($('').text(params.tag + (params.klass ? ' / ' + params.klass : '')));
dom.append(widgets);
@@ -295,6 +308,7 @@ $.extend(DocumentNodeElement.prototype, {
},
setWlxmlTag: function(tag) {
this._container().attr('wlxml-tag', tag);
+ this._updateDisplayStyle();
},
getWlxmlClass: function() {
var klass = this._container().attr('wlxml-class');
@@ -312,6 +326,12 @@ $.extend(DocumentNodeElement.prototype, {
this._container().attr('wlxml-class', klass.replace(/\./g, '-'));
else
this._container().removeAttr('wlxml-class');
+ this._updateDisplayStyle();
+ },
+ _updateDisplayStyle: function() {
+ var displayStyle = getDisplayStyle(this.getWlxmlTag, this.getWlxmlClass);
+ this.dom().css('display', displayStyle);
+ this._container().css('display', displayStyle);
},
is: function(what) {
if(what === 'list' && _.contains(['list.items', 'list.items.enum'], this.getWlxmlClass()))