51 lines
1.7 KiB
XML
51 lines
1.7 KiB
XML
<metal:block use-macro="main_template">
|
|
<div metal:fill-slot="content">
|
|
|
|
<div class="row">
|
|
|
|
<form id="upload_doc-form" action="${url}" method="post" accept-charset="utf-8" enctype="multipart/form-data"
|
|
data-fv-framework="bootstrap"
|
|
data-fv-icon-valid="glyphicon glyphicon-ok"
|
|
data-fv-icon-invalid="glyphicon glyphicon-remove"
|
|
data-fv-icon-validating="glyphicon glyphicon-refresh">
|
|
|
|
<div class="form-group">
|
|
<label for="uploadfile">Veuillez séléctionner un fichier</label>
|
|
<input id="uploadfile" name="filename" type="file" value="" required />
|
|
</div>
|
|
<div class="form-group">
|
|
<a class="btn btn-default" href="${request.route_url('rdf_view', no_id=norapport)}">
|
|
<span class="glyphicon glyphicon-arrow-left"></span> Retour au rapport</a>
|
|
<button id="uploadButton" class="btn btn-primary" type="submit" name="form.submitted">
|
|
<i class="glyphicon glyphicon-refresh"></i> Télécharger</button>
|
|
</div>
|
|
</form>
|
|
</div> <!-- row -->
|
|
<div class="row">
|
|
<ul>
|
|
<li>Seuls les documents au format <b>PNG, JPG ou JPEG</b> seront acceptés.</li>
|
|
<li>La taille de chaque document ne doit <b>pas dépasser 2 Mo</b>.</li>
|
|
</ul>
|
|
</div> <!-- row -->
|
|
|
|
<h3>Photos déjà téléchargées</h3>
|
|
<div class="fotorama" data-nav="thumbs">
|
|
<div tal:repeat="detail photos">
|
|
<img src="${docs_url}${detail.nomrep}/${detail.societe}/${nochantier}/${norapport}/${detail.nomfichier}"
|
|
data-caption="${detail.nomfichier}" align="center" />
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
$('#uploadButton').on('click', function(){
|
|
$('i.gly-spin').removeClass('gly-spin');
|
|
$('i').addClass('gly-spin');
|
|
});
|
|
$(function () {
|
|
$('.fotorama').fotorama();
|
|
});
|
|
</script>
|
|
|
|
</div>
|
|
</metal:block>
|