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

🚧 dinglehopper: Display segment id in the corresponding column

Browse source
This commit is contained in:
Gerber, Mike 2020-06-12 13:46:28 +02:00
parent a448133394
commit 25191b24f6
3 changed files with 5 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

4
qurator/dinglehopper/cli.py
View file

@ -71,8 +71,8 @@ def gen_diff_report(gt_in, ocr_in, css_prefix, joiner, none):
return \
'''
<div class="row">
<div class="col-md-6 gt">{}</div>
<div class="col-md-6 ocr">{}</div>
<div class="col-md-6 gt"><div class="status-box"></div>{}</div>
<div class="col-md-6 ocr"><div class="status-box"></div>{}</div>
</div>
'''.format(gtx, ocrx)

6
qurator/dinglehopper/templates/report.html.j2
View file

@ -26,7 +26,7 @@
border: 2px solid;
border-radius: 5px;
}
#status-box {
.status-box {
position: fixed;
background: grey;
color: white;
@ -39,10 +39,6 @@
<div id="status-box"> foo</div>
<div class="container">
{{ gt }}<br>

4
qurator/dinglehopper/templates/report.html.js
View file

@ -8,12 +8,12 @@ $(document).ready(function() {
$('.' + c).addClass('diff-highlight');
segment_id = $(this).attr('data-segment-id');
$('#status-box').text(segment_id);
$(this).closest('div').find('.status-box').text(segment_id);
});
$('.diff').mouseout(function() {
let c = find_diff_class($(this).attr('class'));
$('.' + c).removeClass('diff-highlight');
$('#status-box').text('');
$(this).closest('div').find('.status-box').text('');
});
});