diff --git a/qurator/dinglehopper/cli.py b/qurator/dinglehopper/cli.py index 8e18b26..2099c57 100644 --- a/qurator/dinglehopper/cli.py +++ b/qurator/dinglehopper/cli.py @@ -71,8 +71,8 @@ def gen_diff_report(gt_in, ocr_in, css_prefix, joiner, none): return \ '''
-
{}
-
{}
+
{}
+
{}
'''.format(gtx, ocrx) diff --git a/qurator/dinglehopper/templates/report.html.j2 b/qurator/dinglehopper/templates/report.html.j2 index f7b2efb..f829ef8 100644 --- a/qurator/dinglehopper/templates/report.html.j2 +++ b/qurator/dinglehopper/templates/report.html.j2 @@ -26,7 +26,7 @@ border: 2px solid; border-radius: 5px; } - #status-box { + .status-box { position: fixed; background: grey; color: white; @@ -39,10 +39,6 @@ -
foo
- - -
{{ gt }}
diff --git a/qurator/dinglehopper/templates/report.html.js b/qurator/dinglehopper/templates/report.html.js index 01f5323..0baaa30 100644 --- a/qurator/dinglehopper/templates/report.html.js +++ b/qurator/dinglehopper/templates/report.html.js @@ -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(''); }); });