qurator-spk/neat
1
0
Fork 0
mirror of https://github.com/qurator-spk/neat.git synced 2025-07-09 18:39:53 +02:00
Code Issues Releases Wiki Activity

support visualization of ocr confidences

Browse source
This commit is contained in:
Kai 2021-02-03 15:22:02 +01:00
parent de98fa6ddd
commit c707650bb6
2 changed files with 37 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

4
neat.html
View file

@ -17,8 +17,8 @@
body{font-family:Verdana;font-size:16px} body{font-family:Verdana;font-size:16px}
table{table-layout:fixed;width:100%;text-align:center} table{table-layout:fixed;width:100%;text-align:center}
th{background-color:lightgray} th{background-color:lightgray}
.editable:focus{background-color:#f0e442} .editable:focus{background-color:#f0e442 !important}
tr:focus-within{background-color:#dddddd} tr:focus-within{background-color:#dddddd !important}
.accordion:hover .accordion-item:hover .accordion-item-content, .accordion:hover .accordion-item:hover .accordion-item-content,
.accordion .accordion-item--default .accordion-item-content{height:10.5em} .accordion .accordion-item--default .accordion-item-content{height:10.5em}

66
neat.js
View file

@ -54,7 +54,7 @@ function setupInterface(data, file, urls) {
let startIndex=0; let startIndex=0;
let endIndex=displayRows; let endIndex=displayRows;
let do_not_display = new Set(['url_id', 'left', 'right', 'top', 'bottom']); let do_not_display = new Set(['url_id', 'left', 'right', 'top', 'bottom', 'ocrconf']);
let tagClasses = 'ner_per ner_loc ner_org ner_work ner_conf ner_evt ner_todo'; let tagClasses = 'ner_per ner_loc ner_org ner_work ner_conf ner_evt ner_todo';
let has_changes = false; let has_changes = false;
@ -238,7 +238,7 @@ function setupInterface(data, file, urls) {
$("#full-page-link").attr("href", full_img_url); $("#full-page-link").attr("href", full_img_url);
} }
function colorCode() { function colorCodeNETag() {
$(".editable").removeClass(tagClasses); $(".editable").removeClass(tagClasses);
$("#table td:contains('B-PER')").addClass('ner_per'); $("#table td:contains('B-PER')").addClass('ner_per');
@ -264,7 +264,6 @@ function setupInterface(data, file, urls) {
let tableInfo = $(td).data('tableInfo'); let tableInfo = $(td).data('tableInfo');
editingTd = { editingTd = {
data: data.data[tableInfo.nRow][tableInfo.column],
finish: finish:
function (isOk) { function (isOk) {
$(td).addClass('editable'); $(td).addClass('editable');
@ -272,22 +271,16 @@ function setupInterface(data, file, urls) {
listener.reset(); listener.reset();
if (isOk) { if (isOk) {
let newValue = $('#edit-area').val(); let newValue = $('#edit-area').val();
console.log(newValue);
tableInfo.fillAction($(td), newValue);
data.data[tableInfo.nRow][tableInfo.column] = newValue; data.data[tableInfo.nRow][tableInfo.column] = newValue;
sanitizeData(); sanitizeData();
notifyChange(); notifyChange();
updateTable(); updateTable();
} }
else {
tableInfo.fillAction($(td), editingTd.data); tableInfo.fillAction($(td));
}
editingTd = null; editingTd = null;
$(".simple-keyboard").html(""); $(".simple-keyboard").html("");
@ -356,12 +349,6 @@ function setupInterface(data, file, urls) {
new Keyboard( new Keyboard(
{ onChange: input => onChange(input), { onChange: input => onChange(input),
layout: { layout: {
/*'default': ['ſ ꝛ Æ Œ æ œ aͤ oͤ uͤ Aͤ Oͤ Uͤ {bksp}', '⁰ ¹ ² ³ ⁴ ⁵ ⁶ ⁷ ⁸ ⁹',
'⸗ — ‹ › » « „ ” ’ £ § †', '{space}'],
'layout1': ['Α Δ Κ Π Σ ά έ ή ί α β γ δ ε ζ {bksp}', 'η θ ι κ λ μ ν ξ ο π ρ ς σ τ υ',
'φ χ ψ ω ό ύ ώ ϑ ϰ ϱ', '½ ¼ ¾ ⅓ ⅔ ⅕ ⅖ ⅗ ⅘ ⅙ ⅐ ⅚ ⅛ ⅜ ⅝ ⅞ ⅑ ⅒']*/
'default': [ 'default': [
"\u00AC \u00BD \u00E6 \u0101 \u2C65 \u023A \u00C6 \u0253 \u00E7 \u00C7 \u00EB \u00CB", "\u00AC \u00BD \u00E6 \u0101 \u2C65 \u023A \u00C6 \u0253 \u00E7 \u00C7 \u00EB \u00CB",
"\u0113 \u0119 \u0118 \u0247 \u0246 \u204A \u1EBD \uFB00 \uFB01 \uFB02 \uFB03 \uA7A0", "\u0113 \u0119 \u0118 \u0247 \u0246 \u204A \u1EBD \uFB00 \uFB01 \uFB02 \uFB03 \uA7A0",
@ -507,16 +494,13 @@ function setupInterface(data, file, urls) {
editingTd = { editingTd = {
data: data.data[tableInfo.nRow][tableInfo.column], data: data.data[tableInfo.nRow][tableInfo.column],
finish: function(isOk) { finish: function(isOk) {
tableInfo.fillAction($(td))
data.data[tableInfo.nRow][tableInfo.column] = editingTd.data;
tableInfo.fillAction($(td), data.data[tableInfo.nRow][tableInfo.column])
$(td).addClass('editable'); $(td).addClass('editable');
editingTd = null; editingTd = null;
colorCode(); colorCodeNETag();
notifyChange(); notifyChange();
} }
@ -557,7 +541,7 @@ function setupInterface(data, file, urls) {
$('.type_select').click( $('.type_select').click(
function(event) { function(event) {
editingTd.data = $(event.target).text().trim(); data.data[tableInfo.nRow][tableInfo.column] = $(event.target).text().trim();
editingTd.finish(true); editingTd.finish(true);
}); });
@ -658,7 +642,22 @@ function setupInterface(data, file, urls) {
if (do_not_display.has(column)) return if (do_not_display.has(column)) return
let clickAction = function() { console.log('Do something different');} let clickAction = function() { console.log('Do something different');}
let fillAction = function(td, content) { td.text(content); };
let fillAction = (function(column) {
return function(td) {
let tableInfo = $(td).data('tableInfo');
let content = data.data[tableInfo.nRow][tableInfo.column];
td.text(content);
if ( ((column == 'TEXT') || (column == 'TOKEN'))
&& (data.meta.fields.includes('ocrconf'))) {
td.css('background-color', data.data[tableInfo.nRow]['ocrconf']);
}
}; })(column);
let head_html = ` let head_html = `
<th id="${column}"> <th id="${column}">
@ -680,7 +679,12 @@ function setupInterface(data, file, urls) {
if (column == 'ID') { if (column == 'ID') {
fillAction = fillAction =
function(td,content) { function(td) {
let tableInfo = $(td).data('tableInfo');
let content = data.data[tableInfo.nRow]['ID'];
if (String(content).match(/^Q[0-9]+.*/g) == null) { if (String(content).match(/^Q[0-9]+.*/g) == null) {
td.text(content); td.text(content);
} }
@ -708,7 +712,7 @@ function setupInterface(data, file, urls) {
count++; count++;
} }
} }
} };
} }
} }
else if ((column == 'NE-TAG') || (column == 'NE-EMB')) { else if ((column == 'NE-TAG') || (column == 'NE-EMB')) {
@ -721,7 +725,7 @@ function setupInterface(data, file, urls) {
data.data[tableInfo.nRow][tableInfo.column] = tag; data.data[tableInfo.nRow][tableInfo.column] = tag;
td.html(tag); td.html(tag);
colorCode(); colorCodeNETag();
notifyChange(); notifyChange();
}; };
@ -752,7 +756,7 @@ function setupInterface(data, file, urls) {
'fillAction': fillAction 'fillAction': fillAction
}); });
fillAction(td,content); fillAction(td);
row.append(td); row.append(td);
}); });
@ -760,7 +764,7 @@ function setupInterface(data, file, urls) {
$("#table tbody").append(row); $("#table tbody").append(row);
}); });
colorCode(); colorCodeNETag();
$(".hover").on('mouseover', $(".hover").on('mouseover',
function (evt) { function (evt) {
@ -819,7 +823,7 @@ function setupInterface(data, file, urls) {
td.data('tableInfo', tableInfo); td.data('tableInfo', tableInfo);
tableInfo.fillAction(td, content); tableInfo.fillAction(td);
pColumn++; pColumn++;
}); });
@ -827,7 +831,7 @@ function setupInterface(data, file, urls) {
pRow++; pRow++;
}); });
colorCode(); colorCodeNETag();
if ($("#docpos").val() != startIndex) { if ($("#docpos").val() != startIndex) {