phuoc/dumas_gestion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refonte gestion image + rotation +/-90

Browse Source
This commit is contained in:
Phuoc
2021-01-08 11:32:01 +01:00
parent 4af57cb876
commit 99d1c240d9
7 changed files with 187 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
mondumas/templates/dossier/dossier_view.pt
View File

@@ -221,8 +221,8 @@
<p>
<a href="${request.application_url}/upload_doc/${nodossier}/CLT" class="btn btn-success" role="button">
<span class="glyphicon glyphicon-plus"></span>&nbsp;Ajouter document</a>
<a href="${request.application_url}/upload_img/${nodossier}/0" class="btn btn-primary" role="button">
<span class="glyphicon glyphicon-picture"></span>&nbsp;Gérer les photos</a>
<a href="${request.application_url}/upload_img/${nodossier}/CLT" class="btn btn-primary" role="button">
<span class="glyphicon glyphicon-picture"></span>&nbsp;Gérer photos dossiers</a>
</p>
<table class="table table-bordered table-condensed">
<tr>
@@ -254,6 +254,8 @@
<p>
<a href="${request.application_url}/upload_doc/${nodossier}/FRN" class="btn btn-success" role="button">
<span class="glyphicon glyphicon-plus"></span>&nbsp;Document technique</a>
<a href="${request.application_url}/upload_img/${nodossier}/FRN" class="btn btn-primary" role="button">
<span class="glyphicon glyphicon-picture"></span>&nbsp;Gérer photos techniques</a>
</p>
<table class="table table-bordered table-condensed">
<tr>

4
mondumas/templates/dossier/upload_doc.pt
View File

@@ -10,7 +10,7 @@
<div class="form-group">
<label for="uploadfile">Veuillez séléctionner un fichier</label>
<input id="uploadfile" name="filename" type="file" value="" required />
<input id="uploadfile" name="files" type="file" value="" required multiple />
</div>
<div class="form-group">
<a class="btn btn-default" href="${request.route_url('dossier_view', nodossier=nodossier)}">
@@ -20,7 +20,7 @@
</div>
</form>
<ul>
<li>Seuls les documents au format <b>PDF, PNG, JPG ou JPEG</b> seront acceptés.</li>
<li>Seuls les documents au format <b>PDF</b> seront acceptés.</li>
<li>La taille de chaque document ne doit <b>pas dépasser 4 Mo</b>.</li>
</ul>

65
mondumas/templates/dossier/upload_img.pt
View File

@@ -23,7 +23,7 @@
</div>
<div class="form-group">
<a class="btn btn-default" href="${url_retour}">
<span class="glyphicon glyphicon-arrow-left"></span> Retour au rapport</a>
<span class="glyphicon glyphicon-arrow-left"></span> Retour</a>
<button id="uploadButton" class="btn btn-primary" type="submit" name="form.submitted">
<i class="glyphicon glyphicon-refresh"></i> Télécharger</button>
</div>
@@ -44,17 +44,58 @@
</h4>
</div>
<div class="panel-body">
<form id="upload_doc-form" action="${url}" method="post">
<ul tal:repeat="detail photos">
<li>
${detail.nomfichier} | ${detail.taillefichier} | <a href="/delete_img/${nodossier}/${norapport}/${nosection}/${detail.nomfichier}">[Suppimer cet image]</a><br />
<img tal:condition="norapport=='0'" width="350" align="center"
src="${docs_url}${detail.nomrep}/${detail.societe}/${nochantier}/${detail.nomfichier}" />
<img tal:condition="norapport!='0'" width="350" align="center"
src="${docs_url}${detail.nomrep}/${detail.societe}/${nochantier}/${norapport}/${detail.nomfichier}" />
</li>
</ul>
</form>
<table class="table table-condensed" width="100%" tal:condition="photos">
<tr tal:repeat="detail photos">
<td width="400" align="center">
<img tal:condition="norapport=='0'" width="350"
src="${docs_url}${detail.nomrep}/${detail.societe}/${nochantier}/${detail.nomfichier}" />
<img tal:condition="norapport!='0'" width="350"
src="${docs_url}${detail.nomrep}/${detail.societe}/${nochantier}/${norapport}/${detail.nomfichier}" />
</td>
<td>
<p>
${detail.nomfichier}<br />
Taille : ${detail.taillefichier}
</p>
<p>
<a class="btn btn-danger" href="/delete_img/${nodossier}/${norapport}/${origine}/${detail.nomfichier}">
<span class="glyphicon glyphicon-trash"></span> Suppimer</a>
</p>
<p>
<a class="btn btn-primary" href="/rotate_img/${nodossier}/${norapport}/${origine}/${detail.nomfichier}/-90">
<span class="glyphicon glyphicon-object-align-bottom"></span> Pivoter -90°</a>
</p>
<p>
<a class="btn btn-primary" href="/rotate_img/${nodossier}/${norapport}/${origine}/${detail.nomfichier}/+90">
<span class="glyphicon glyphicon-object-align-left"></span> Pivoter +90°</a>
</p>
</td>
</tr>
</table>
</div>
</div>
<!-- Modal : Confirmation CLOTURE -->
<div class="modal fade" id="confirmCloture" role="dialog" aria-labelledby="confirmClotureLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title">Clôturer le dossier</h4>
</div>
<div class="modal-body">
<!-- The form is placed inside the body of modal -->
<form id="add_justif-form" class="form-horizontal" action="${url}" method="post">
<div class="form-group">
<p class="text-center"><b>Voulez-vous clôturer le dossier ?</b></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
<button type="submit" class="btn btn-warning" name="form.close">Clôturer</button>
</div>
</form>
</div>
</div>
</div>
</div>