Newer
Older

Marco De Donno
committed
<!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 %}
<link type="text/css" rel="stylesheet" href="{{ url_for( 'send_app_files', path = 'app.css' ) }}">
<script type="text/javascript">
baseurl = "{{ baseurl }}";
</script>
<style type="text/css">
.icnml_next_buttons {
margin-top: 20px;
padding-left: 50px;
padding-right: 50px;
}
.icnml_next_button {
width: 100%;
margin-bottom: 5px;
}
#icnml_donnor_list > div {

Marco De Donno
committed
margin: 10px;
display: grid;
grid-gap: 10px;
grid-template-columns: repeat( auto-fit, minmax( 200px, max-content ) );
grid-auto-rows: min-content;
}
.icnml_donnor_button {
width: 120px;
height: 120px;
}
.icnml_donnor_button > span {
height: 120px;
line-height: 120px;
vertical-align: center;
text-align: center;
}
</style>
</head>
<body class="icnml_main_layout">
{% include "header.html" %}
{% include "navigations/submitter.html" %}
<div id="icnml_donnor_list">
{% macro tp_box( tenprint ) %}

Marco De Donno
committed
<div style="margin-bottom: 20px">
<div class="ui-widget-header ui-corner-top icnml_box_top">{{ tenprint[ 'filename' ] }}</div>
<div class="ui-widget-content ui-corner-bottom icnml_box_content">
<div class="icnml_button">
<a id="edit_{{ tenprint[ 'id' ] }}" href="{{ url_for( 'submission_tenprint', id = submission_id, tid = tenprint[ 'uuid' ] ) }}">
<img height="350px" src="{{ url_for( 'img_preview', id = tenprint[ 'uuid' ] ) }}">

Marco De Donno
committed
</a>
</div>
</div>
</div>
{% endmacro %}
<div id="front">
{% for tenprint in tenprint_cards_front %}
{{ tp_box( tenprint ) }}
{% endfor %}
</div>
<div id="back">
{% for tenprint in tenprint_cards_back %}
{{ tp_box( tenprint ) }}
{% endfor %}
</div>