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 %}
<link type="text/css" rel="stylesheet" href="{{ url_for( 'send_app_files', path = 'app.css' ) }}">
<link type="text/css" rel="stylesheet" href="{{ url_for( 'send_app_files', path = 'dropzone.css' ) }}">
<script type="text/javascript">
baseurl = "{{ baseurl }}";
Marco De Donno
committed
var update_nickname = function()
{
$.ajax( {
url: "{{ url_for( 'submission_update_nickname', id = upload_id ) }}",
dataType: 'json',
method: 'POST',
data: {
nickname: $( '#upload_nickname' ).val() || null
}
} );
}
Marco De Donno
committed
<style type="text/css">
.icnml_next_buttons {
margin-top: 20px;
padding-left: 50px;
padding-right: 50px;
}
.icnml_next_button {
width: 100%;
margin-bottom: 5px;
}
</style>
</head>
<body class="icnml_main_layout">
{% include "header.html" %}
{% include "navigations/submitter.html" %}
<form id="icnml_submission_form">
<div class="ui-widget-header ui-corner-top icnml_box_top">Submission form</div>
<div class="ui-widget-content ui-corner-bottom icnml_box_content">
<div class="icnml_box_fields">
<div style="text-align: right;">
<label for="upload_nickname">Submission nickname</label>
</div>
<div>
<input id="upload_nickname" name="upload_nickname" type="text" value="{{ nickname }}" />
</div>
<div style="text-align: right;">
<label for="email">Donnor e-mail</label>
</div>
<div>
<input id="email" name="email" type="text" value="{{ email }}" readonly />
</div>
<div style="text-align: right;">
<label for="consent_form">Consent form</label>
</div>
<div>
<div id="consent_form_dropzone" class="dropzone"></div>
</div>
<div style="text-align: right;">
<label for="tenprint_card_front">Tenprint card(s)<br />front</label>
<div id="tenprint_card_front_dropzone" class="dropzone"></div>
</div>
<div style="text-align: right;">
<label for="tenprint_card_back">Tenprint card(s)<br />back</label>
</div>
<div>
<div id="tenprint_card_back_dropzone" class="dropzone"></div>
</div>
<div style="text-align: right;">
<label for="latents">Latent</label>
</div>
<div>
<div id="latents_dropzone" class="dropzone"></div>
</div>
</div>
<div id="icnml_sub_error" class="icnml_box_error"></div>
Marco De Donno
committed
<div class="icnml_button icnml_next_buttons">
<a class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only icnml_next_button" id="next_front_button" role="button" aria-disabled="false">
<span class="ui-button-text">Tenprint card(s)</span>
Marco De Donno
committed
</a>
Marco De Donno
committed
<a class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only icnml_next_button" id="next_latent_button" role="button" aria-disabled="false">
<span class="ui-button-text">Latent(s)</span>
</form>
<script type="text/javascript">
Dropzone.autoDiscover = false;
function sleep( ms ) {
return new Promise( resolve => setTimeout( resolve, ms ) );
}
$( function()
{
new Dropzone(
"#consent_form_dropzone",
{
url: baseurl + "/upload",
timeout: 600000,
params: {
'upload_type': 'consent_form',
}
}
)
.on( 'addedfile', function( file )
{
$( '#consent_form_dropzone > .dz-default.dz-message' ).remove();
} )
.on( "success", function( p ) {
var response = JSON.parse( p.xhr.response );
console.log( response );
} )
.on( "error", function( p )
{
console.log( p );
toastr.error( "Error" );
} );
} );
$( function()
{
new Dropzone(
"#tenprint_card_front_dropzone",
{
url: baseurl + "/upload",
timeout: 600000,
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
parallelUploads: 1,
params: {
'upload_type': 'tenprint_card_front',
'upload_id': upload_id
}
}
)
.on( 'addedfile', function( file )
{
$( '#tenprint_card_front_dropzone > .dz-default.dz-message' ).remove();
} )
.on( "success", function( p ) {
var response = JSON.parse( p.xhr.response );
console.log( response );
} )
.on( "error", function( p )
{
console.log( p );
toastr.error( "Error" );
} );
} );
$( function()
{
new Dropzone(
"#tenprint_card_back_dropzone",
{
url: baseurl + "/upload",
timeout: 600000,
Marco De Donno
committed
parallelUploads: 1,
'upload_type': 'tenprint_card_back',
}
}
)
.on( 'addedfile', function( file )
{
$( '#tenprint_card_back_dropzone > .dz-default.dz-message' ).remove();
} )
.on( "success", function( p ) {
var response = JSON.parse( p.xhr.response );
console.log( response );
} )
.on( "error", function( p )
{
console.log( p );
toastr.error( "Error" );
} );
} );
$( function()
{
new Dropzone(
"#latents_dropzone",
{
url: baseurl + "/upload",
timeout: 600000,
params: {
'upload_type': 'latent',
}
}
)
.on( 'addedfile', function( file )
{
$( '#latents_dropzone > .dz-default.dz-message' ).remove();
} )
.on( "success", function( p ) {
var response = JSON.parse( p.xhr.response );
console.log( response );
} )
.on( "error", function( p )
{
console.log( p );
toastr.error( "Error" );
} );
} );
Marco De Donno
committed
$( '#upload_nickname' ).on( 'change', update_nickname );
Marco De Donno
committed
$( '#next_front_button' ).on( 'click', function()
{
window.location = "{{ url_for( 'submission_tenprint_list', id = upload_id ) }}";
Marco De Donno
committed
} );
$( '#next_latent_button' ).on( 'click', function()
{
window.location = "{{ url_for( 'submission_latent_list', id = upload_id ) }}";
Marco De Donno
committed
} );
$( '#icnml_navigation_updatedonnor' )
.addClass( 'activated' );
</script>
</body>
</html>