Newer
Older
<!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' ) }}">
Marco De Donno
committed
<style type="text/css">
Marco De Donno
committed
margin-top: 50px;
}
.icnml_button > div > a {
Marco De Donno
committed
width: 60%;
margin-bottom: 10px;
Marco De Donno
committed
}
</style>
<script type="text/javascript">
baseurl = "{{ baseurl }}";
submission_id = "{{ submission_id }}";
Marco De Donno
committed
file_id = "{{ file[ 'uuid' ] }}";
{% if not admin %}
var password_local = decrypt( sessionStorage.getItem( "session_key" ), "{{ session_security_key }}" );
var nickname = decrypt( "{{ nickname }}", password_local );
var filename = decrypt( "{{ file[ 'filename' ] }}", password_local );
var note = decrypt( "{{ file[ 'note' ] }}", password_local );
{% endif %}
Marco De Donno
committed
var zones_array = new Array();
{% for zone in zones %}
zones_array.push( {{ zone[ 'fpc' ] }} );
Marco De Donno
committed
zonesData[ "{{ zone[ 'fpc' ] }}" ] = {
"fpc": {{ zone[ 'fpc' ] }},
"x": {{ zone[ 'x' ] }},
"y": {{ zone[ 'y' ] }},
"width": {{ zone[ 'width' ] }},
"height": {{ zone[ 'height' ] }},
"orientation": {{ zone[ 'orientation' ] }}
Marco De Donno
committed
};
{% endfor %}
var orientationsData = {};
{% for zone in zones %}
orientationsData[ "{{ zone[ 'fpc' ] }}" ] = {{ zone[ 'orientation' ] }};
{% endfor %}
var update_quality_db = function()
{
var quality = $( "#file_{{ file[ 'uuid' ] }}_quality > select > option:checked" ).val();
$.ajax( {
url: "{{ url_for( 'submission.submission_tenprint_set_quality', submission_id = submission_id, tenprint_id = file[ 'uuid' ] ) }}",
dataType: "json",
method: "POST",
data: {
quality: quality
},
success: function( data )
{
if( data.error )
toastr.error( "Error while saving the quality value" );
},
error: function( data )
{
toastr.error( "Network error" );
}
} );
}
{% if not admin %}
var update_note_db = function()
{
var note = $( "#file_note" ).val() || null;
note = encrypt( note, password_local );
$.ajax( {
url: "{{ url_for( 'submission.submission_file_set_note', submission_id = submission_id, tenprint_id = file[ 'uuid' ], file_type = 'tenprint' ) }}",
dataType: "json",
method: "POST",
data: {
note: note
}
} );
}
{% endif %}
Marco De Donno
committed
var update_coordinates_informations = function()
{
svg_height = $( window ).height() - 100;
svg_width = svg_height * {{ svg_hw_factor }};
card_img_info = {
"right": svg_width * ( {{ card_info[ 'width_cm' ] }} * {{ img_info[ 'resolution' ] }} / 2.54 ) / ( {{ img_info[ 'width' ] }} ),
"bottom": svg_height * ( {{ card_info[ 'height_cm' ] }} * {{ img_info[ 'resolution' ] }} / 2.54 ) / ( {{ img_info[ 'height' ] }} ),
Marco De Donno
committed
}
dpc = card_img_info[ "right" ] / {{ card_info[ 'width_cm' ] }};
}
Marco De Donno
committed
Marco De Donno
committed
var start_segmentation = function()
{
$( "#segmentation_button_span_text" ).text( "Segmenting..." );
$( "#segmentation_button" ).append(
$( "<span />" )
.attr( "id", "segmentation_button_span_spinner" )
.attr( "class", "ld ld-ring ld-cycle" )
.css( "position", "absolute" )
.css( "right", "20px" )
)
$( "#segmentation_button" ).off( "click" );
$.ajax( {
url: "{{ url_for( 'image.image_tenprint_segmentation', tenprint_id = file[ 'uuid' ] ) }}",
dataType: "json",
success: function( data )
{
$( "#segmentation_button_span_text" ).text( "Segementation updated" );
$( "#segmentation_button_span_spinner" ).remove();
},
error: function( data )
{
$( "#segmentation_button_span_text" ).text( "Error while segmenting..." );
$( "#segmentation_button_span_spinner" ).remove();
}
} );
Marco De Donno
committed
}
Marco De Donno
committed
var updateSVG = function()
{
$( "#template_svg_div" )
.css( "width", svg_width )
.css( "height", svg_height );
$( ".icnml_central" )
.css( "width", svg_width * 2 )
.css( "height", svg_height );
$( "#zoomed_image" ).attr( "width", svg_width );
$( "#zoomed_image" ).attr( "height", svg_height );
$( "#tp_polygones" ).empty();
for( var i = 0; i < zones_array.length; i++ )
{
var fpc = zones_array[ i ];
var zone = zonesData[ fpc ];
var x = zone[ "x" ] * svg_width;
var y = zone[ "y" ] * svg_height;
var height = zone[ "height" ] * svg_height;
var width = zone[ "width" ] * svg_width;
var orientation = zone[ "orientation" ];
Marco De Donno
committed
$( "#tp_polygones" )
.append( segment_svg( fpc, x, y, height, width, orientation ) );
Marco De Donno
committed
}
var delete_tenprint = function()
{
$( "<div />" )
.attr( "id", "delete_confirmation" )
.text( "Do you really want to delete this tenprint card?" )
.dialog( {
title: "Confirm tenprint deletion",
modal: true,
buttons: {
url: "{{ url_for( 'submission.submission_tenprint_delete', submission_id = submission_id, tenprint_id = file[ 'uuid' ] ) }}",
dataType: "json",
success: function( data )
{
$( "#delete_confirmation" ).remove();
window.location = "{{ url_for( 'submission.submission_tenprint_list', submission_id = submission_id ) }}";
},
error: function( data )
{
$( "#delete_confirmation" ).remove();
}
} );
},
},
close: function()
{
$( this ).remove();
}
} );
}
var update_zone_db = function( fpc, x, y, height, width, orientation )
{
var img = $( "#template_svg > image" );
$.ajax( {
url: "{{ url_for( 'submission.submission_segment_setcoordinates', submission_id = submission_id, tenprint_id = file[ 'uuid' ] ) }}",
dataType: "json",
method: "POST",
data: {
fpc: fpc,
x: x,
y: y,
w: width,
h: height,
img_height: img.height(),
img_width: img.width(),
orientation: orientation
},
success: function( data )
{
},
error: function( data )
{
toastr.error( "Segment data not saved", "Network error" );
}
} );
}
Marco De Donno
committed
var delete_zone_db = function()
{
$.ajax( {
url: "{{ url_for( 'submission.submission_segment_deletecoordinates', submission_id = submission_id, tenprint_id = file[ 'uuid' ] ) }}",
dataType: "json",
success: function( data )
{
current_fpc = 1;
$( "#tp_polygones > g" ).remove();
Marco De Donno
committed
},
error: function( data )
{
toastr.error( "Segment data not deleted", "Network error" );
}
} );
}
var current_action = null;
var tmp_rect = null;
var move_text = null;
var svg_mouse_on = false;
Marco De Donno
committed
var current_fpc = zones_array.length + 1;
var svg_mouseenter = function( event )
{
svg_mouse_on = true;
}
var svg_mouseleave = function( event )
{
svg_mouse_on = false;
$( "#mouse_move_cross > line" ).css( "opacity", "0" );
move_text = null;
$( "#move_text" )
.attr( "x", 0 )
.attr( "y", 0 )
.text( "" )
}
var start_action = function( event )
{
event.preventDefault();
start_click_pos = {
x: event.offsetX,
y: event.offsetY
}
{
case "image":
start_add_segment( event );
break;
case "polygon":
case "rect":
if( dist_to_br_corner( event ) < 30 )
start_resize_segment( event );
else
start_move_segment( event );
break;
default:
console.log( "no action" );
break;
}
return false;
}
var end_action = function( event )
{
event.preventDefault();
end_add_segment( event );
break;
case "move_segment":
end_move_segment( event );
case "resize_segment":
end_resize_segment( event );
break;
default:
console.log( "no action" );
break;
}
return false;
}
var move_action = function( event )
{
case "move_segment":
move_move_segment( event );
break;
case "add_segment":
move_add_segment( event );
break;
case "resize_segment":
move_resize_segment( event );
break;
switch( event.target.nodeName )
{
case "rect":
move_hover_rect( event );
break;
}
break;
default:
break;
var click_and_drag_value = {
startx: 0,
starty: 0,
endx: 0,
endy: 0
};
var start_add_segment = function( event )
{
Marco De Donno
committed
click_and_drag_value = {
startx: 0,
starty: 0,
endx: 0,
endy: 0
};
click_and_drag_value.startx = event.offsetX;
click_and_drag_value.starty = event.offsetY;
$( SVG( "rect" ) )
.attr( "id", "tmp_rect" )
.attr( "x", click_and_drag_value.startx )
.attr( "y", click_and_drag_value.starty )
.attr( "height", 0 )
.attr( "width", 0 )
.attr( "fill", "rgb( 255, 0, 0 )" )
.attr( "fill-opacity", "0.1" )
.attr( "stroke", "red" )
.attr( "stroke-width", "1" )
.appendTo( $( "#tp_polygones" ) );
var move_add_segment = function( evnet )
{
diff_x = event.offsetX - start_click_pos.x;
diff_y = event.offsetY - start_click_pos.y;
var a = Math.min( event.offsetX, start_click_pos.x );
var b = Math.min( event.offsetY, start_click_pos.y );
$( "#tmp_rect" )
.attr( "x", a )
.attr( "y", b )
.attr( "width", Math.abs( diff_x ) )
.attr( "height", Math.abs( diff_y ) )
}
var end_add_segment = function( event )
{
click_and_drag_value.endx = event.offsetX;
click_and_drag_value.endy = event.offsetY;
var x = Math.min( click_and_drag_value.startx, click_and_drag_value.endx );
var y = Math.min( click_and_drag_value.starty, click_and_drag_value.endy );
var width = click_and_drag_value.endx - click_and_drag_value.startx;
var height = click_and_drag_value.endy - click_and_drag_value.starty;
var orientation = 0;
height = Math.abs( height );
width = Math.abs( width );
$( "#tmp_rect" ).remove();
if( height > 10 && width > 10 )
{
$( "#tp_polygones" )
.append( segment_svg( current_fpc, x, y, height, width, orientation ) );
update_zone_db( current_fpc, x, y, height, width, 0 );
click_and_drag_value = {
startx: 0,
starty: 0,
endx: 0,
endy: 0
};
Marco De Donno
committed
}
var move_target = null;
var move_target_initial_pos = {};
var move_target_line_initial_pos = {};
var start_move_segment = function( event )
{
Marco De Donno
committed
move_target = event.target;
x: parseFloat( $( move_target ).attr( "x" ) ),
y: parseFloat( $( move_target ).attr( "y" ) )
move_target_line_initial_pos = {
x1: parseFloat( $( move_target ).parent().children( "line" ).attr( "x1" ) ),
x2: parseFloat( $( move_target ).parent().children( "line" ).attr( "x2" ) ),
y1: parseFloat( $( move_target ).parent().children( "line" ).attr( "y1" ) ),
y2: parseFloat( $( move_target ).parent().children( "line" ).attr( "y2" ) )
}
click_and_drag_value.startx = event.offsetX;
click_and_drag_value.starty = event.offsetY;
}
var move_move_segment = function( event )
{
diff_x = event.offsetX - start_click_pos.x;
diff_y = event.offsetY - start_click_pos.y;
$( move_target ).attr( "x", move_target_initial_pos.x + diff_x );
$( move_target ).attr( "y", move_target_initial_pos.y + diff_y );
$( move_target ).parent().children( "text" ).attr( "x", move_target_initial_pos.x + diff_x );
$( move_target ).parent().children( "text" ).attr( "y", move_target_initial_pos.y + diff_y - 5 );
$( move_target ).parent().children( "line" ).attr( "x1", move_target_line_initial_pos.x1 + diff_x );
$( move_target ).parent().children( "line" ).attr( "y1", move_target_line_initial_pos.y1 + diff_y );
$( move_target ).parent().children( "line" ).attr( "x2", move_target_line_initial_pos.x2 + diff_x );
$( move_target ).parent().children( "line" ).attr( "y2", move_target_line_initial_pos.y2 + diff_y );
var end_move_segment = function( event )
{
var x = $( move_target ).attr( "x" );
var y = $( move_target ).attr( "y" );
var w = $( move_target ).attr( "width" );
var h = $( move_target ).attr( "height" );
x = parseFloat( x );
y = parseFloat( y );
w = parseFloat( w );
h = parseFloat( h );
var target_id = $( move_target ).attr( "id" );
target_id = target_id.replace( "segment_fpc_", "" );
var orientation = orientationsData[ target_id ];
update_zone_db( target_id, x, y, h, w, orientation );
click_and_drag_value = {
startx: 0,
starty: 0,
endx: 0,
endy: 0
};
move_target = null;
move_target_line_initial_pos = {};
Marco De Donno
committed
var move_hover_rect = function( event )
Marco De Donno
committed
{
if( ( dist_to_br_corner( event ) ) <= 30 )
Marco De Donno
committed
{
$( event.target ).css( "cursor", "nwse-resize" );
} else {
$( event.target ).css( "cursor", "move" );
Marco De Donno
committed
}
}
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
var move_hover_cross = function( event )
{
var offset = 10;
$( "#line_move_n" ).attr( "x1", event.offsetX );
$( "#line_move_n" ).attr( "x2", event.offsetX );
$( "#line_move_n" ).attr( "y1", 0 );
$( "#line_move_n" ).attr( "y2", event.offsetY - 10 );
$( "#line_move_w" ).attr( "x1", 0 );
$( "#line_move_w" ).attr( "x2", event.offsetX - 10 );
$( "#line_move_w" ).attr( "y1", event.offsetY );
$( "#line_move_w" ).attr( "y2", event.offsetY );
$( "#line_move_e" ).attr( "x1", event.offsetX + 10 );
$( "#line_move_e" ).attr( "x2", svg_width );
$( "#line_move_e" ).attr( "y1", event.offsetY );
$( "#line_move_e" ).attr( "y2", event.offsetY );
$( "#line_move_s" ).attr( "x1", event.offsetX );
$( "#line_move_s" ).attr( "x2", event.offsetX );
$( "#line_move_s" ).attr( "y1", event.offsetY + 10 );
$( "#line_move_s" ).attr( "y2", svg_height );
if( event.target.nodeName === "image" )
{
$( "#mouse_move_cross > line" ).css( "opacity", "1" );
} else {
$( "#mouse_move_cross > line" ).css( "opacity", "0.3" );
}
}
var resize_target = null;
var resize_target_initial_size = {};
var start_resize_segment = function( event )
{
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
resize_target = event.target;
resize_target_initial_size = {
width: parseFloat( $( resize_target ).attr( "width" ) ),
height: parseFloat( $( resize_target ).attr( "height" ) )
}
}
var move_resize_segment = function( event )
{
diff_x = event.offsetX - start_click_pos.x;
diff_y = event.offsetY - start_click_pos.y;
$( resize_target ).attr( "width", resize_target_initial_size.width + diff_x );
$( resize_target ).attr( "height", resize_target_initial_size.height + diff_y );
}
var end_resize_segment = function( event )
{
var x = $( resize_target ).attr( "x" );
var y = $( resize_target ).attr( "y" );
var w = $( resize_target ).attr( "width" );
var h = $( resize_target ).attr( "height" );
x = parseFloat( x );
y = parseFloat( y );
w = parseFloat( w );
h = parseFloat( h );
var target_id = $( resize_target ).attr( "id" );
target_id = target_id.replace( "segment_fpc_", "" );
var orientation = orientationsData[ target_id ];
update_zone_db( target_id, x, y, h, w, orientation );
click_and_drag_value = {
startx: 0,
starty: 0,
endx: 0,
endy: 0
};
resize_target = null;
resize_target_initial_size = null;
Marco De Donno
committed
var dist_to_br_corner = function( event )
{
var targetx = $( event.target ).attr( "x" );
var targety = $( event.target ).attr( "y" );
var targetwidth = $( event.target ).attr( "width" );
var targetheight = $( event.target ).attr( "height" );
targetx = parseFloat( targetx );
targety = parseFloat( targety );
targetwidth = parseFloat( targetwidth );
targetheight = parseFloat( targetheight );
var dx = ( targetx + targetwidth ) - event.offsetX;
var dy = ( targety + targetheight ) - event.offsetY;
Marco De Donno
committed
return Math.sqrt( dx * dx + dy * dy );
var segment_svg = function( fpc, x, y, height, width, orientation )
var orientation_distance = 20;
var colour = "red";
var svggroup = SVG( "g" );
$( SVG( "rect" ) )
.attr( "id", "segment_fpc_" + fpc )
.attr( "x", x )
.attr( "y", y )
.attr( "height", height )
.attr( "width", width )
.attr( "fill", colour )
.attr( "fill-opacity", "0.1" )
.attr( "stroke", colour )
.attr( "stroke-width", "1" )
.appendTo( svggroup );
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
if( orientation === 0 )
{
$( SVG( "line" ) )
.attr( "id", "segment_fpc_orientationline_" + fpc )
.attr( "x1", x )
.attr( "y1", y + orientation_distance )
.attr( "x2", x + width )
.attr( "y2", y + orientation_distance )
.attr( "stroke", colour )
.attr( "stroke-width", "1" )
.appendTo( svggroup );
} else if( orientation === 90 )
{
$( SVG( "line" ) )
.attr( "id", "segment_fpc_orientationline_" + fpc )
.attr( "x1", x + orientation_distance )
.attr( "y1", y )
.attr( "x2", x + orientation_distance )
.attr( "y2", y + height )
.attr( "stroke", colour )
.attr( "stroke-width", "1" )
.appendTo( svggroup );
} else if( orientation === 180 )
{
$( SVG( "line" ) )
.attr( "id", "segment_fpc_orientationline_" + fpc )
.attr( "x1", x )
.attr( "y1", y + height - orientation_distance )
.attr( "x2", x + width )
.attr( "y2", y + height - orientation_distance )
.attr( "stroke", colour )
.attr( "stroke-width", "1" )
.appendTo( svggroup );
} else if( orientation === 270 )
{
$( SVG( "line" ) )
.attr( "id", "segment_fpc_orientationline_" + fpc )
.attr( "x1", x + width - orientation_distance )
.attr( "y1", y )
.attr( "x2", x + width - orientation_distance )
.attr( "y2", y + height )
.attr( "stroke", colour )
.attr( "stroke-width", "1" )
.appendTo( svggroup );
}
$( SVG( "text" ) )
.attr( "x", x )
.attr( "y", y - 5 )
.attr( "fill", colour )
.text( "finger " + fpc )
.appendTo( svggroup );
return svggroup;
}
</script>
</head>
<body class="icnml_main_layout">
{% include "header.html" %}
Marco De Donno
committed
{% include navigation %}
<div class="icnml_content">
<div class="icnml_tp_oneperpage">
<form id="icnml_file_update_{{ file[ 'uuid' ] }}">
{% if admin %}
<div class="ui-widget-header ui-corner-top icnml_box_top">File '<span id="header_filename">{{ file[ 'uuid' ] }}</span>'</div>
{% else %}
<div class="ui-widget-header ui-corner-top icnml_box_top">File '<span id="header_filename">-</span>'</div>
{% endif %}
<div class="ui-widget-content ui-corner-bottom icnml_box_content">
<div class="icnml_tp_cardbox">
<div id="template_svg_div">
<svg id="template_svg" width="100%" height="100%">
<image x="0" y="0" width="100%" height="100%" xlink:href="{{ url_for( 'image.image_file_serve', file_id = file[ 'uuid' ] ) }}"></image>
<g id="mouse_move_cross">
<line id="line_move_e" x1="-1" y1="-1" x2="-1" y2="-1" style="stroke:rgb(0,0,255); stroke-width: 2" />
<line id="line_move_w" x1="-1" y1="-1" x2="-1" y2="-1" style="stroke:rgb(0,0,255); stroke-width: 2" />
<line id="line_move_n" x1="-1" y1="-1" x2="-1" y2="-1" style="stroke:rgb(0,0,255); stroke-width: 2" />
<line id="line_move_s" x1="-1" y1="-1" x2="-1" y2="-1" style="stroke:rgb(0,0,255); stroke-width: 2" />
</g>
<text id="move_text"></text>
</svg>
</div>
<div>
<div class="icnml_box_fields">
{% if not admin %}
<div>Name</div>
<div id="box_filename"></div>
{% endif %}
<div>Format</div>
<div>{{ file[ 'format' ] }}</div>
<div>Resolution</div>
<div>{{ file[ 'resolution' ] }} dpi</div>
<div>Width</div>
<div>{{ file[ 'width' ] }} px</div>
<div>Height</div>
<div>{{ file[ 'height' ] }} px</div>
<div>Size</div>
<div>{{ file[ 'size' ] }} Mo</div>
<div>Upload time</div>
<div id="file_{{ file[ 'uuid' ] }}_uploadtime">-</div>
<div>Quality</div>
<div id="file_{{ file[ 'uuid' ] }}_quality">
<select name="tenprint_quality_select">
<option value="0" id="tenprint_quality_none_option" selected>None</option>
{% for quality_type in quality_type %}
<option value="{{ quality_type[ 'id' ] }}" id="tenprint_quality_{{ quality_type[ 'id' ] }}_option">
{{ quality_type[ 'name' ] }}
</option>
{% endfor %}
</select>
</div>
{% if not admin %}
<div>Notes</div>
<div><textarea rows="6" id="file_note"></textarea></div>
{% endif %}
<div class="icnml_button">
Marco De Donno
committed
<div id="delete_segments_information_button_div">
<a class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" id="delete_segments_information_button" role="button" aria-disabled="false">
<span class="ui-button-text" id="delete_segments_information_button_text">Delete segments informations</span>
</a>
</div>
<div id="segmentation_button_div">
<a class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" id="segmentation_button" role="button" aria-disabled="false">
<span class="ui-button-text" id="segmentation_button_span_text">Update segmentation</span>
</a>
</div>
<div id="go_to_segmentation_button_div">
{% if admin %}
{% set go_to_segmentation_button_url = url_for( 'submission.admin_submission_tenprint_segments_list', submission_id = submission_id, tenprint_id = file[ 'uuid' ] ) %}
{% else %}
{% set go_to_segmentation_button_url = url_for( 'submission.submission_tenprint_segments_list', submission_id = submission_id, tenprint_id = file[ 'uuid' ] ) %}
{% endif %}
<a class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" id="go_to_segmentation_button" href="{{ go_to_segmentation_button_url }}">
<span class="ui-button-text" id="go_to_segmentation_button_span_text">Go to segments list</span>
</a>
</div>
<div id="delete_button_div" style="margin-top: 30px;">
<a class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" id="delete_button">
<span class="ui-button-text" id="delete_button_span_text">Delete tenprint card</span>
</a>
</div>
Marco De Donno
committed
</div>
</div>
</div>
Marco De Donno
committed
</div>
</div>
</body>
<script type="text/javascript">
window.addEventListener( "resize", function( event )
{
update_coordinates_informations();
updateSVG();
} );
update_coordinates_informations();
updateSVG();
{% if not admin %}
$( "#header_filename" ).text( filename );
$( "#box_filename" ).text( filename );
$( "#file_note" ).text( note );
$( "#file_note" ).on( "change", update_note_db );
{% endif %}
$( "#delete_button" ).on( "click", delete_tenprint );
Marco De Donno
committed
$( "#delete_segments_information_button" ).on( "click", delete_zone_db );
$( "#file_{{ file[ 'uuid' ] }}_quality > select" ).on( "change", update_quality_db );
$( "#tenprint_quality_{{ file[ 'quality' ] }}_option" ).prop( "selected", true );
$( "#file_{{ file[ 'uuid' ] }}_uploadtime" )
.text( moment.utc( "{{ file[ 'creation_time' ] }}" ).local().format( "MMMM Do YYYY, HH:mm:ss" ) );
$( "#segmentation_button" ).on( "click", start_segmentation );
$( "#template_svg" ).on( "mousedown", start_action );
$( "#template_svg" ).on( "mousemove", move_action );
$( "#template_svg" ).on( "mousemove", move_hover_cross );
$( "#template_svg" ).on( "mouseup", end_action );
$( "#template_svg" ).on( "contextmenu", function( event )
{
event.preventDefault();
return false;
} );
$( "#template_svg" ).on( "mouseenter", svg_mouseenter );
$( "#template_svg" ).on( "mouseleave", svg_mouseleave );
{% if admin %}
{% set nav_a = url_for( 'submission.admin_submission_list' ) %}
{% set nav_b = url_for( 'submission.admin_submission_home', submission_id = submission_id ) %}
var donor_display_name = "{{ file[ 'username' ] }}";
{% set nav_c = url_for( 'submission.admin_tenprint_list', submission_id = submission_id ) %}
var file_display_name = "{{ file[ 'uuid' ] }}";
{% else %}
{% set nav_a = url_for( 'submission.submission_list' ) %}
{% set nav_b = url_for( 'submission.submission_upload_tplp', submission_id = submission_id ) %}
var donor_display_name = nickname;
{% set nav_c = url_for( 'submission.submission_tenprint_list', submission_id = submission_id ) %}
var file_display_name = filename;
{% endif %}
.attr( "href", "{{ nav_a }}" )
.text( "Submissions" )
)
.append(
$( "<span />" ).text( ">" )
)
.append(
$( "<a />" )
.attr( "href", "{{ nav_b }}" )
.text( donor_display_name )
)
.append(
$( "<span />" ).text( ">" )
)
.append(
$( "<a />" )
.attr( "href", "{{ nav_c }}" )
.text( "Tenprints" )
)
.append(
$( "<span />" ).text( ">" )
)
.append(
$( "<span />" ).text( file_display_name )
</script>
</html>