], function($, _, mainTemplate, itemTemplate, OpenSelectView) {
'use strict';
+/* globals gettext */
return function(sandbox) {
this.node.find('.rng-module-metadataEditor-addBtn').click(function() {
adding = true;
- currentNode.getMetadata().add('','');
+ currentNode.document.transaction(function() {
+ currentNode.getMetadata().add('','');
+ }, this, gettext('Add metadata row'));
});
this.metaTable.on('click', '.rng-visualEditor-metaRemoveBtn', function(e) {
- $(e.target).closest('tr').data('row').remove();
+ currentNode.document.transaction(function() {
+ $(e.target).closest('tr').data('row').remove();
+ }, this, gettext('Remove metadata row'));
});
this.metaTable.on('keydown', '[contenteditable]', function(e) {
row = editable.parents('tr').data('row'),
isKey = _.last(editable.attr('class').split('-')) === 'metaItemKey',
method = isKey ? 'setKey' : 'setValue';
- row[method](toSet);
+ row.metadata.node.document.transaction(function() {
+ row[method](toSet);
+ }, this, gettext('Metadata edit'));
}
}, 500));
},
clear: function() {
},
setMetadata: function(node) {
+ this.node.find('.rng-module-metadataEditor-addBtn').attr('disabled', !node);
if(!node) {
this.metaTable.html('');
return;
var valueSelectView = new OpenSelectView({
value: row.getValue(),
inputTemplate: _.template('<div class="openInput rng-module-metadataEditor-metaItemValue" contentEditable="true"><%= value %></div>')({value: row.getValue() || '' }),
+ maxHeight: '300px',
+ maxWidth: '100px',
setInput: function(inputDOM, value) {
if(inputDOM.text() !== value) {
inputDOM.text(value);
if(event.type === 'metadataRemoved' && event.meta.node.sameNode(currentNode)) {
view.removeMetadataRow(event.meta.row);
}
- if(event.type === 'nodeDetached' && event.meta.node.sameNode(currentNode)) {
+ if(event.type === 'nodeDetached' && event.meta.node.containsNode(currentNode)) {
view.setMetadata(null);
}
});