_ = require('libs/underscore'),
documentElement = require('./documentElement'),
utils = require('./utils'),
- wlxmlUtils = require('utils/wlxml'),
CommentsView = require('./comments/comments');
-var labelWidget = function(tag, klass) {
- return $('<span>')
- .addClass('canvas-widget canvas-widget-label')
- .text(wlxmlUtils.getTagLabel(tag) + (klass ? ' / ' + wlxmlUtils.getClassLabel(klass) : ''));
-};
-void(labelWidget); // for linters; labelWidget is unused on purpose for now
var DocumentNodeElement = documentElement.DocumentNodeElement;
init: function() {
DocumentNodeElement.prototype.init.call(this);
this._container()
- .attr('wlxml-tag', this.wlxmlNode.getTagName());
- this.setWlxmlClass(this.wlxmlNode.getClass());
+ .attr('wlxml-tag', this.wlxmlNode.getTagName())
+ .attr('wlxml-class', this.wlxmlNode.getClass().replace(/\./g, '-'));
+
this.wlxmlNode.contents().forEach(function(node) {
var el = this.canvas.createElement(node);
if(el.dom) {
return toret;
},
- onNodeAttrChange: function(event) {
- if(event.meta.attr === 'class') {
- this.setWlxmlClass(event.meta.newVal); //
- }
- },
onNodeAdded: function(event) {
if(event.meta.node.isRoot()) {
this.canvas.reloadRoot();
}
},
onNodeTextChange: function(event) {
- var node = event.meta.node,
- toSet = node.getText(),
- handled;
-
- handled = this.children().some(function(child) {
- if(child.wlxmlNode.sameNode(node)) {
- if(toSet === '') {
- toSet = utils.unicode.ZWS;
- }
- if(toSet !== child.getText()) {
- child.setText(toSet);
- }
- return true;
- }
- });
+ var node = event.meta.node;
- if(!handled && node.parent() && node.parent().is('comment') && this.wlxmlNode.sameNode(node.parent().parent())) {
+ /* TODO: This handling of changes to the comments should probably be implemented via separate,
+ non-rendering comments element */
+ if(node.parent() && node.parent().is('comment') && this.wlxmlNode.sameNode(node.parent().parent())) {
this.commentsView.render();
}
},
}
});
return toret;
- },
-
- getWlxmlClass: function() {
- var klass = this._container().attr('wlxml-class');
- if(klass) {
- return klass.replace(/-/g, '.');
- }
- return undefined;
- },
- setWlxmlClass: function(klass) {
- if(klass === this.getWlxmlClass()) {
- return;
- }
- if(klass) {
- this._container().attr('wlxml-class', klass.replace(/\./g, '-'));
- }
- else {
- this._container().removeAttr('wlxml-class');
- }
- this.refreshPath();
}
});