<!DOCTYPE html>
<html>
<head>
{% for src in js %}
<script type="text/javascript" src="{{ src }}"></script>
{% endfor %}
{% for src in css %}
<link type="text/css" rel="stylesheet" href="{{ src }}">
{% endfor %}
<script type="text/javascript" src="{{ url_for( 'files.send_app_files', subpath = 'functions.js' ) }}"></script>
<link type="text/css" rel="stylesheet" href="{{ url_for( 'files.send_app_files', subpath = 'app.css' ) }}">
<script type="text/javascript">
baseurl = "{{ baseurl }}";
</script>
<style type="text/css">
:root {
--imgsize: 200px;
}
.icnml_list_of_boxes {
grid-template-columns: repeat( auto-fill, calc( var( --imgsize ) + 2 * var( --imgmargin ) ) );
}
.icnml_list_of_boxes_outer {
border: 1px solid #ccc;
border-radius: 10px;
padding: 10px;
margin-top: 10px;
margin-bottom: 20px;
}
.icnml_list_of_boxes_desc {
position: relative;
top: -19px;
padding-left: 10px;
padding-right: 20px;
width: fit-content;
width: -moz-fit-content;
background-color: rgb( 238, 238, 238 );
}
.icnml_search_bar {
margin-left: 10px;
margin-bottom: 20px;
width: 500px;
}
</style>
</head>
<body class="icnml_main_layout">
{% include "header.html" %}
{% include navigation %}
<div class="icnml_content">
<div class="icnml_search_bar">
<input id="search_bar" placeholder="Search for a file..."/>
</div>
{% if annotation_list != None %}
<div class="icnml_list_of_boxes_outer">
<div class="icnml_list_of_boxes_desc">Target annotations ({{ annotation_list|length }})</div>
<div class="icnml_list_of_boxes">
{% for s in annotation_list %}
<div id="segment_{{ s[ 'uuid' ] }}_outer">
<div class="ui-widget-header ui-corner-top icnml_box_top" id="segment_{{ s[ 'uuid' ] }}_filename">{{ s[ 'uuid' ][ 0:18 ] }}</div>
<div class="ui-widget-content ui-corner-bottom icnml_box_content">
<div
id="segment_{{ s[ 'uuid' ] }}"
class="icnml_pointer"
style="background-image: url( {{ url_for( 'image.image_annotation_serve', uuid = s[ 'uuid' ] ) }} )">
</div>
</div>
</div>
{% endfor %}
</div>
</div>
{% else %}
<div>No annotations for this finger at the moment</div>
{% endif %}
{% if segments_list != None %}
<div class="icnml_list_of_boxes_outer">
<div class="icnml_list_of_boxes_desc">Non annotated images ({{ segments_list|length }})</div>
<div class="icnml_list_of_boxes">
{% for s in segments_list %}
<div id="segment_{{ s[ 'folder_uuid' ] }}_outer">
<div class="ui-widget-header ui-corner-top icnml_box_top" id="segment_{{ s[ 'uuid' ] }}_filename">{{ s[ 'uuid' ][ 0:18 ] }}</div>
<div class="ui-widget-content ui-corner-bottom icnml_box_content">
<div
id="segment_{{ s[ 'uuid' ] }}"
class="icnml_pointer"
style="background-image: url( {{ url_for( 'image.image_segment_serve', tenprint_id = s[ 'tenprint' ], pc = s[ 'pc' ] ) }} )">
</div>
</div>
</div>
{% endfor %}
</div>
</div>
{% else %}
<div>No segment/mark images in this folder at the moment</div>
{% endif %}
<div id="zoom_slider"></div>
</div>
<script type="text/javascript">
$( "#icnml_navigation_afis" )
.addClass( "activated" );
$( "#navloc" ).append(
$( "<a />" )
.attr( "href", "{{ url_for( 'afis.list_folders' ) }}" )
.text( "AFIS folders" )
)
.append(
$( "<span />" ).text( ">" )
)
.append(
$( "<span />" ).text( "All" )
)
$( "#search_bar" ).focus();
</script>
</body>
</html>