f9dfc00b30
All apps references now need to be prepended with mayan.apps. Signed-off-by: Roberto Rosario <roberto.rosario.gonzalez@gmail.com>
114 lines
3.6 KiB
HTML
114 lines
3.6 KiB
HTML
{% load i18n %}
|
|
{% load static %}
|
|
|
|
<link href="{% static 'sources/node_modules/dropzone/dist/dropzone.css' %}" media="screen" rel="stylesheet" type="text/css" />
|
|
|
|
<style>
|
|
.dropzone .dz-preview .dz-details {
|
|
top: 25px;
|
|
}
|
|
|
|
.dropzone .dz-preview .dz-progress {
|
|
top: 60%;
|
|
}
|
|
|
|
.dropzone .dz-preview .dz-error-message {
|
|
top: 130px;
|
|
}
|
|
|
|
.dropzone-previews, .dropzone .dz-message {
|
|
border: 2px solid rgba(0, 0, 0, 0.3);
|
|
padding: 40px 20px;
|
|
}
|
|
|
|
.dropzone .dz-preview .dz-error-message {
|
|
overflow-wrap: break-word;
|
|
padding: 1.2em;
|
|
top: 180px;
|
|
}
|
|
|
|
.dropzone .dz-preview .dz-details .dz-filename span,
|
|
.dropzone .dz-preview .dz-details .dz-size span {
|
|
padding: 0px;
|
|
}
|
|
|
|
.dropzone {
|
|
min-height: 150px;
|
|
border: inherit;
|
|
background: inherit;
|
|
padding: 0px;
|
|
}
|
|
|
|
.dropzone-previews, .dropzone .dz-message {
|
|
background: white;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
{% include 'appearance/generic_multiform_subtemplate.html' %}
|
|
|
|
<script>
|
|
$.getScript( "{% url 'common:javascript_catalog' 'mayan.apps.sources' %}" );
|
|
</script>
|
|
|
|
<script type="text/x-template" id="previewTemplate">
|
|
<div class="dz-preview dz-file-preview">
|
|
<i class="far fa-file fa-10x"></i>
|
|
<div class="dz-details">
|
|
<div class="dz-filename"><span data-dz-name></span></div>
|
|
<div class="dz-size" data-dz-size></div>
|
|
<img data-dz-thumbnail />
|
|
</div>
|
|
|
|
<div class="dz-progress">
|
|
<span class="dz-upload" data-dz-uploadprogress>
|
|
<div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" style="width: 100%">
|
|
</div>
|
|
</span>
|
|
</div>
|
|
|
|
<div class="dz-success-mark">
|
|
<span>
|
|
<i class="text-success fa fa-4x fa-check-circle"></i>
|
|
</span>
|
|
</div>
|
|
<div class="dz-error-mark">
|
|
<span>
|
|
<i class="text-danger fa fa-4x fa-times-circle"></i>
|
|
</span>
|
|
</div>
|
|
<div class="dz-error-message">
|
|
<span data-dz-errormessage>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</script>
|
|
|
|
<script>
|
|
$.getScript( "{% static 'sources/node_modules/dropzone/dist/dropzone.js' %}" )
|
|
.done(function( script, textStatus ) {
|
|
Dropzone.autoDiscover = false;
|
|
jQuery(document).ready(function() {
|
|
var previewTemplate = document.querySelector('#previewTemplate').innerHTML;
|
|
|
|
{% verbatim %}
|
|
$('.dropzone').dropzone({
|
|
addRemoveLinks: true,
|
|
createImageThumbnails: false,
|
|
dictCancelUpload: gettext('Cancel upload'),
|
|
dictCancelUploadConfirmation: gettext('Are you sure you want to cancel this upload?'),
|
|
dictDefaultMessage: '<i class="fa fa-cloud-upload-alt"></i> ' + gettext('Drop files or click here to upload files'),
|
|
dictFallbackMessage: gettext('Your browser does not support drag\'n\'drop file uploads.'),
|
|
dictFallbackText: gettext('Please use the fallback form below to upload your files like in the olden days.'),
|
|
dictRemoveFile: gettext('Clear'),
|
|
dictResponseError: gettext('Server responded with {{statusCode}} code.'),
|
|
paramName: 'source-file',
|
|
previewTemplate: previewTemplate,
|
|
timeout: 1200000
|
|
});
|
|
{% endverbatim %}
|
|
});
|
|
});
|
|
</script>
|
|
|