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 }}";
</script>
</head>
<body class="icnml_main_layout">
{% include "header.html" %}
{% include "navigation.html" %}
<form id="icnml_submission_form">
<div class="ui-widget-header ui-corner-top icnml_box_top">Submition 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" style="width: 100%" value="{{ nickname }}" readonly>
</div>
<div style="text-align: right;">
<label for="email">Donnor e-mail</label>
</div>
<div>
<input id="email" name="email" type="text" style="width: 100%" 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>
<div class="icnml_button">
<a class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" id="next_button" role="button" aria-disabled="false">
<span class="ui-button-text">Next</span>
</a>
</div>
</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,
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
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" );
} );
} );
</script>
</body>
</html>