mirror of
https://github.com/qurator-spk/dinglehopper.git
synced 2025-06-09 20:00:01 +02:00
🚧 dinglehopper: Display segment id in the corresponding column
This commit is contained in:
parent
48ad340428
commit
d4e39d3d26
3 changed files with 5 additions and 9 deletions
|
@ -71,8 +71,8 @@ def gen_diff_report(gt_in, ocr_in, css_prefix, joiner, none):
|
||||||
return \
|
return \
|
||||||
'''
|
'''
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-6 gt">{}</div>
|
<div class="col-md-6 gt"><div class="status-box"></div>{}</div>
|
||||||
<div class="col-md-6 ocr">{}</div>
|
<div class="col-md-6 ocr"><div class="status-box"></div>{}</div>
|
||||||
</div>
|
</div>
|
||||||
'''.format(gtx, ocrx)
|
'''.format(gtx, ocrx)
|
||||||
|
|
||||||
|
|
|
@ -26,7 +26,7 @@
|
||||||
border: 2px solid;
|
border: 2px solid;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
#status-box {
|
.status-box {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
background: grey;
|
background: grey;
|
||||||
color: white;
|
color: white;
|
||||||
|
@ -39,10 +39,6 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div id="status-box"> foo</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
|
||||||
{{ gt }}<br>
|
{{ gt }}<br>
|
||||||
|
|
|
@ -8,12 +8,12 @@ $(document).ready(function() {
|
||||||
$('.' + c).addClass('diff-highlight');
|
$('.' + c).addClass('diff-highlight');
|
||||||
|
|
||||||
segment_id = $(this).attr('data-segment-id');
|
segment_id = $(this).attr('data-segment-id');
|
||||||
$('#status-box').text(segment_id);
|
$(this).closest('div').find('.status-box').text(segment_id);
|
||||||
});
|
});
|
||||||
$('.diff').mouseout(function() {
|
$('.diff').mouseout(function() {
|
||||||
let c = find_diff_class($(this).attr('class'));
|
let c = find_diff_class($(this).attr('class'));
|
||||||
$('.' + c).removeClass('diff-highlight');
|
$('.' + c).removeClass('diff-highlight');
|
||||||
|
|
||||||
$('#status-box').text('');
|
$(this).closest('div').find('.status-box').text('');
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue