X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/2462d90d57f12df03b1cafd0b09bf478688b2256..2a0f7de048f49f0087caae5962f124dbbb06d69e:/src/editor/modules/metadataEditor/metadataEditor.js diff --git a/src/editor/modules/metadataEditor/metadataEditor.js b/src/editor/modules/metadataEditor/metadataEditor.js deleted file mode 100644 index 14ec5c8..0000000 --- a/src/editor/modules/metadataEditor/metadataEditor.js +++ /dev/null @@ -1,146 +0,0 @@ -define([ -'libs/jquery', -'libs/underscore', -'libs/text!./templates/main.html', -'libs/text!./templates/item.html' -], function($, _, mainTemplate, itemTemplate) { - -'use strict'; - -return function(sandbox) { - - var currentNode, - adding = false; - - var view = { - node: $(_.template(mainTemplate)()), - setup: function() { - var view = this; - var metaTable = this.metaTable = this.node.find('table'); - - this.node.find('.rng-module-metadataEditor-addBtn').click(function() { - adding = true; - currentNode.getMetadata().add('',''); - }); - - this.metaTable.on('click', '.rng-visualEditor-metaRemoveBtn', function(e) { - $(e.target).closest('tr').data('row').remove(); - }); - - this.metaTable.on('keydown', '[contenteditable]', function(e) { - /* globals document */ - if(e.which === 13) { - if($(document.activeElement).hasClass('rng-module-metadataEditor-metaItemKey')) { - metaTable.find('.rng-module-metadataEditor-metaItemValue').focus(); - } else { - var input = $(''); - input.appendTo('body').focus(); - view.node.find('.rng-module-metadataEditor-addBtn').focus(); - input.remove(); - } - e.preventDefault(); - } - }); - - - var onKeyUp = 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); - } - - } - }; - this.metaTable.on('keyup', '[contenteditable]', _.throttle(onKeyUp, 500)); - }, - setMetadata: function(node) { - var view = this, - metadata = node.getMetadata(); - this.metaTable.find('tr').remove(); - metadata.forEach(function(row) { - view.addMetadataRow(row); - }); - }, - addMetadataRow: function(row) { - var newRow = $(_.template(itemTemplate)({key: row.getKey() || '', value: row.getValue() || ''})); - newRow.appendTo(this.metaTable); - newRow.data('row', row); - if(adding) { - $(newRow.find('td div')[0]).focus(); - adding = false; - } - return newRow; - }, - updateMetadataRow: function(row) { - this._getRowTr(row, function(tr) { - var tds = tr.find('td'), - keyTd = $(tds[0]), - valueTd = $(tds[1]); - - if(keyTd.text() !== row.getKey()) { - keyTd.text(row.getKey()); - } - if(valueTd.text() !== row.getValue()) { - valueTd.text(row.getValue()); - } - }); - }, - removeMetadataRow: function(row) { - this._getRowTr(row, function(tr) { - tr.remove(); - }); - }, - _getRowTr: function(row, callback) { - this.metaTable.find('tr').each(function() { - var tr = $(this); - if(tr.data('row') === row) { - callback(tr); - return false; - } - }); - } - }; - - view.setup(); - - return { - start: function() { - sandbox.publish('ready'); - }, - setDocument: function(document) { - document.on('change', function(event) { - if(event.type === 'metadataAdded' && event.meta.node.sameNode(currentNode)) { - view.addMetadataRow(event.meta.row); - } - if(event.type === 'metadataChanged' && event.meta.node.sameNode(currentNode)) { - view.updateMetadataRow(event.meta.row); - } - if(event.type === 'metadataRemoved' && event.meta.node.sameNode(currentNode)) { - view.removeMetadataRow(event.meta.row); - } - }); - }, - setNodeElement: function(node) { - if(currentNode && currentNode.sameNode(node)) { - return; - } - currentNode = node; - view.setMetadata(node); - }, - getView: function() { - return view.node; - } - }; -}; - -}); \ No newline at end of file