qurator-spk/neat
1
0
Fork 0
mirror of https://github.com/qurator-spk/neat.git synced 2025-06-11 20:59:54 +02:00
Code Issues Releases Wiki Activity

implement edit stubs

Browse source
This commit is contained in:
Kai Labusch 2019-10-22 16:53:52 +02:00
parent b6325f92f3
commit d7590c7323
1 changed files with 67 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

102
ner-edith.js
View file

@ -80,6 +80,59 @@ function setupInterface(data, file) {
let editingTd;
function makeTdEditable(td) {
editingTd = {
elem: td,
data: td.innerHTML
};
let textArea = document.createElement('textarea');
textArea.style.width = td.clientWidth + 'px';
textArea.style.height = td.clientHeight + 'px';
textArea.id = 'edit-area';
$(textArea).val($(td).html());
$(td).html('');
$(td).append(textArea);
textArea.focus();
let edit_html =
`<div class="edit-controls">
<button class="btn btn-secondary btn-sm" id="edit-ok">OK</button>
<button class="btn btn-secondary btn-sm" id="edit-cancel">CANCEL</button>
</div>`
td.insertAdjacentHTML("beforeEnd", edit_html);
$('#edit-ok').on('click',
function(evt) {
finishTdEdit(editingTd.elem, true);
});
$('#edit-cancel').on('click',
function(evt) {
finishTdEdit(editingTd.elem, false);
});
}
function makeLineSplitMerge(td) {
editingTd = {
elem: td,
data: td.innerHTML
};
}
function makeTagEdit(td) {
editingTd = {
elem: td,
data: td.innerHTML
};
}
function updateTable() {
editingTd = null;
@ -106,10 +159,21 @@ function setupInterface(data, file) {
if (column == 'url_id') return
var clickAction = function() { console.log('Do something different');}
if (column == 'No.')
clickAction = makeLineSplitMerge
if (column == 'TOKEN')
clickAction = makeTdEditable
if ((column == 'NE-TAG') || (column == 'NE-EMB'))
clickAction = makeTagEdit
row.append(
$(editable_html).
text(content).
data('tableInfo', { 'nRow': nRow, 'column': column })
data('tableInfo', { 'nRow': nRow, 'column': column , 'clickAction': clickAction })
);
});
@ -255,41 +319,7 @@ function setupInterface(data, file) {
editingTd = null;
}
function makeTdEditable(td) {
editingTd = {
elem: td,
data: td.innerHTML
};
let textArea = document.createElement('textarea');
textArea.style.width = td.clientWidth + 'px';
textArea.style.height = td.clientHeight + 'px';
textArea.id = 'edit-area';
$(textArea).val($(td).html());
$(td).html('');
$(td).append(textArea);
textArea.focus();
let edit_html =
`<div class="edit-controls">
<button class="btn btn-secondary btn-sm" id="edit-ok">OK</button>
<button class="btn btn-secondary btn-sm" id="edit-cancel">CANCEL</button>
</div>`
td.insertAdjacentHTML("beforeEnd", edit_html);
$('#edit-ok').on('click',
function(evt) {
finishTdEdit(editingTd.elem, true);
});
$('#edit-cancel').on('click',
function(evt) {
finishTdEdit(editingTd.elem, false);
});
}
$('#table').on('click',
function(event) {
@ -305,6 +335,8 @@ function setupInterface(data, file) {
if (!$.contains($('#table')[0], target)) return
//$(target).data('tableInfo').clickAction(target);
makeTdEditable(target);
});