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

implement #45

Browse source
This commit is contained in:
Kai 2020-03-13 16:04:43 +01:00
parent 91e67bbfcb
commit 6f5911c653
2 changed files with 43 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

9
neat.html
View file

@ -65,9 +65,12 @@
</div> </div>
<div class="row mt-3"> <div class="row mt-3">
<div class="col-3" id="region-left"> <div class="col-3" id="region-left">
<a href="" id="preview-link"> <div id="preview-rgn" class="text-center">
<img id="preview" alt="facsimile_preview" class="img-responsive fit-image"/> <a href="" id="preview-link">
</a> <img id="preview" alt="facsimile_preview" class="img-responsive fit-image"/>
</a>
<!-- <a href="" id="full-page-link"><small>full page</small> </a>-->
</div>
</div> </div>
<div class="col-8 text-center" id="tableregion"> <div class="col-8 text-center" id="tableregion">
Please upload a TSV<sup>(<a href="https://github.com/qurator-spk/neat/blob/master/User_Guide.md#22-data-format">i</a>)</sup> file: Please upload a TSV<sup>(<a href="https://github.com/qurator-spk/neat/blob/master/User_Guide.md#22-data-format">i</a>)</sup> file:

44
neat.js
View file

@ -70,6 +70,11 @@ function setupInterface(data, file, urls) {
let slider_min = displayRows; let slider_min = displayRows;
let slider_max = data.data.length; let slider_max = data.data.length;
let min_left = 1000000000
let max_right = 0
let min_top = 1000000000
let max_bottom = 0
// private functions of app // private functions of app
function notifyChange() { function notifyChange() {
@ -171,6 +176,24 @@ function setupInterface(data, file, urls) {
img_url = img_url.replace('height', height.toString()); img_url = img_url.replace('height', height.toString());
$("#preview-link").attr("href", img_url); $("#preview-link").attr("href", img_url);
img_url = urls[data.data[nRow]['url_id']];
width = max_right - min_left;
height = max_bottom - min_top;
img_url = img_url.replace('left', min_left.toString());
img_url = img_url.replace('right', max_right.toString());
img_url = img_url.replace('top', min_top.toString());
img_url = img_url.replace('bottom', max_bottom.toString());
img_url = img_url.replace('width', width.toString());
img_url = img_url.replace('height', height.toString());
if ($('#full-page-link').length == 0) {
$('#preview-rgn').append($('<a href="" id="full-page-link"><small>full page</small> </a>'));
}
$("#full-page-link").attr("href", img_url);
} }
function colorCode() { function colorCode() {
@ -258,6 +281,13 @@ function setupInterface(data, file, urls) {
function sanitizeData() { function sanitizeData() {
word_pos = 1; word_pos = 1;
for(let i = 0; i < data.data.length; i++){ for(let i = 0; i < data.data.length; i++){
min_left = (parseInt(data.data[i]['left']) < min_left) ? parseInt(data.data[i]['left']) : min_left;
max_right= (parseInt(data.data[i]['right']) > max_right) ? parseInt(data.data[i]['right']) : max_right;
min_top = (parseInt(data.data[i]['top']) < min_top) ? parseInt(data.data[i]['top']) : min_top;
max_bottom = (parseInt(data.data[i]['bottom']) > max_bottom) ? parseInt(data.data[i]['bottom']) : max_bottom;
if ((data.data[i]['TOKEN'] == null) || (data.data[i]['TOKEN'].toString().length == 0)){ if ((data.data[i]['TOKEN'] == null) || (data.data[i]['TOKEN'].toString().length == 0)){
word_pos = 0; word_pos = 0;
} }
@ -434,7 +464,7 @@ function setupInterface(data, file, urls) {
function() { function() {
updatePreview(row.data('tableInfo').nRow); updatePreview(row.data('tableInfo').nRow);
$('#preview').css('transform', 'translate(0,' + (row.position().top + row.height()/2) + 'px)' $('#preview-rgn').css('transform', 'translate(0,' + (row.position().top + row.height()/2) + 'px)'
+ ' translate(0%,-50%)'); + ' translate(0%,-50%)');
}); });
@ -531,7 +561,7 @@ function setupInterface(data, file, urls) {
else { else {
td.html(""); td.html("");
var link = $('<a href="https://www.wikidata.org/wiki/' + content + '">' + let link = $('<a href="https://www.wikidata.org/wiki/' + content + '">' +
content + "</a>") content + "</a>")
link.click( link.click(
function(event) { function(event) {
@ -643,7 +673,7 @@ function setupInterface(data, file, urls) {
$.each(el, $.each(el,
function(column_name, content) { function(column_name, content) {
if (do_not_display.has(column_name)) return if (do_not_display.has(column_name)) return;
let td = $(columns[pColumn]); let td = $(columns[pColumn]);
@ -815,17 +845,17 @@ function setupInterface(data, file, urls) {
`; `;
let save_html = let save_html =
`<button class="btn btn-primary saveButton" id="save" disabled tabindex="-1">Save Changes</button>` `<button class="btn btn-primary saveButton" id="save" disabled tabindex="-1">Save Changes</button>`;
$("#tableregion").html(table_html) $("#tableregion").html(table_html);
$("#btn-region").html(save_html) $("#btn-region").html(save_html);
$("#save").attr('disabled', !has_changes); $("#save").attr('disabled', !has_changes);
$("#file-region").html('<h3>' + file.name + '</h3>'); $("#file-region").html('<h3>' + file.name + '</h3>');
$('.saveButton').on('click', saveFile) $('.saveButton').on('click', saveFile);
$('#table').on('click', $('#table').on('click',
function(event) { function(event) {