}
});
-
- var onKeyUp = function(e) {
+ this.metaTable.on('keyup', '[contenteditable]', _.throttle(function(e) {
if(e.which !== 13) {
var editable = $(e.target),
- //myIndex = metaTable.find('.'+editable.attr('class')).index(editable),
- isKey = _.last(editable.attr('class').split('-')) === 'metaItemKey';
- //toSet[isKey ? 'key' : 'value'] = editable.text();
- //currentNode.setMetadataRow(myIndex, toSet);
-
- var row = editable.parents('tr').data('row'),
- toSet = editable.text();
- if(isKey) {
- row.setKey(toSet);
- } else {
- row.setValue(toSet);
- }
-
+ toSet = editable.text(),
+ row = editable.parents('tr').data('row'),
+ isKey = _.last(editable.attr('class').split('-')) === 'metaItemKey',
+ method = isKey ? 'setKey' : 'setValue';
+ row[method](toSet);
}
- };
- this.metaTable.on('keyup', '[contenteditable]', _.throttle(onKeyUp, 500));
+ }, 500));
+ },
+ clear: function() {
},
setMetadata: function(node) {
+ if(!node) {
+ this.metaTable.html('');
+ return;
+ }
var view = this,
metadata = node.getMetadata();
this.metaTable.find('tr').remove();
},
updateMetadataRow: function(row) {
this._getRowTr(row, function(tr) {
- var tds = tr.find('td'),
+ var tds = tr.find('td > div'),
keyTd = $(tds[0]),
valueTd = $(tds[1]);
if(event.type === 'metadataRemoved' && event.meta.node.sameNode(currentNode)) {
view.removeMetadataRow(event.meta.row);
}
+ if(event.type === 'nodeDetached' && event.meta.node.sameNode(currentNode)) {
+ view.setMetadata(null);
+ }
});
},
setNodeElement: function(node) {