Skip to content
Commits on Source (1)
Hide whitespace changes
Inline Side-by-side
views/trainer/templates/trainer/search.html
View file @ 7e0c0cb9
...@@ -68,6 +68,7 @@ ...@@ -68,6 +68,7 @@
display: grid; display: grid;
grid-gap: 10px; grid-gap: 10px;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr auto;
height: 100%; height: 100%;
} }
#icnml_mark_detail_left, #icnml_mark_detail_left,
...@@ -206,8 +207,9 @@ ...@@ -206,8 +207,9 @@
var mark_details = function( event ) var mark_details = function( event )
{ {
var target = event.currentTarget.id.replace( "outer_div_mark_", "" ); var target = event.currentTarget.id.replace( "outer_div_mark_", "" );
var target_ref = []; target_ref = [];
var target_fpc = []; target_fpc = [];
display_ref = 0;
_.forEach( marks[ target ][ "pfsp" ], function( pfsp ) _.forEach( marks[ target ][ "pfsp" ], function( pfsp )
{ {
...@@ -218,8 +220,9 @@ ...@@ -218,8 +220,9 @@
} ); } );
} ); } );
target_ref = target_ref[ 0 ]; target_ref_img_url = "{{ url_for( 'image.image_segment_serve', tenprint_id = 'uuid', pc = 'fpc' ) }}";
target_fpc = target_fpc[ 0 ]; target_ref_img_url = target_ref_img_url.replace( "uuid", target_ref[ display_ref ] );
target_ref_img_url = target_ref_img_url.replace( "fpc", target_fpc[ display_ref ] );
$( "<div />" ) $( "<div />" )
.attr( "id", "mark_details_dialog" ) .attr( "id", "mark_details_dialog" )
...@@ -236,7 +239,50 @@ ...@@ -236,7 +239,50 @@
.append( .append(
$( "<div/>" ) $( "<div/>" )
.attr( "id", "icnml_mark_detail_right" ) .attr( "id", "icnml_mark_detail_right" )
.attr( "style", "background-image:url( {{ url_for( 'image.image_segment_serve', tenprint_id = 'uuid', pc = 'fpc' ) }} )".replace( "uuid", target_ref ).replace( "fpc", target_fpc ) ) .attr( "style", "background-image:url( " + target_ref_img_url + " )" )
)
.append( $( "<div />" ) )
.append(
$( "<div />" )
.attr( "id", "pre_next_div" )
.css( "text-align", "center" )
.append(
$( "<span />" )
.attr( "id", "previous_ref" )
.css( "cursor", "pointer" )
.text( "Previous" )
.on( "click", function()
{
display_ref -= 1;
display_ref = display_ref % target_ref.length;
target_ref_img_url = "{{ url_for( 'image.image_segment_serve', tenprint_id = 'uuid', pc = 'fpc' ) }}";
target_ref_img_url = target_ref_img_url.replace( "uuid", target_ref[ display_ref ] );
target_ref_img_url = target_ref_img_url.replace( "fpc", target_fpc[ display_ref ] );
$( "#icnml_mark_detail_right" )
.attr( "style", "background-image:url( " + target_ref_img_url + " )" )
} )
)
.append( $( "<span />" ).css( "margin-left", "10px" ).css( "margin-right", "10px" ).text( "|" ) )
.append(
$( "<span />" )
.attr( "id", "next_ref" )
.css( "cursor", "pointer" )
.text( "Next" )
.on( "click", function()
{
display_ref += 1;
display_ref = display_ref % target_ref.length;
target_ref_img_url = "{{ url_for( 'image.image_segment_serve', tenprint_id = 'uuid', pc = 'fpc' ) }}";
target_ref_img_url = target_ref_img_url.replace( "uuid", target_ref[ display_ref ] );
target_ref_img_url = target_ref_img_url.replace( "fpc", target_fpc[ display_ref ] );
$( "#icnml_mark_detail_right" )
.attr( "style", "background-image:url( " + target_ref_img_url + " )" )
} )
)
) )
) )
.dialog( { .dialog( {
...@@ -260,6 +306,9 @@ ...@@ -260,6 +306,9 @@
{ {
$( "#mark_details_dialog" ).dialog( "close" ); $( "#mark_details_dialog" ).dialog( "close" );
} ); } );
if( target_ref.length == 1 )
$( "#pre_next_div" ).remove();
} }
} ); } );
} }
......