From 28de1ce5415878394b41ca98ede2a1c9616dc6a0 Mon Sep 17 00:00:00 2001
From: Phuoc CAO <phuoc@caotek.fr>
Date: Fri, 8 Jan 2021 16:22:24 +0100
Subject: [PATCH] ajout popup confirmation de suppression photo

---
 mondumas/templates/dossier/upload_img.pt | 47 +++++++++++-------------
 1 file changed, 22 insertions(+), 25 deletions(-)

diff --git a/mondumas/templates/dossier/upload_img.pt b/mondumas/templates/dossier/upload_img.pt
index 50f73cf..aff3d89 100644
--- a/mondumas/templates/dossier/upload_img.pt
+++ b/mondumas/templates/dossier/upload_img.pt
@@ -58,16 +58,17 @@
 							Taille : ${detail.taillefichier}
 						</p>
 						<p>
-							<a class="btn btn-danger" href="/delete_img/${nodossier}/${norapport}/${origine}/${detail.nomfichier}">
+							<a class="btn btn-danger" href="#" data-href="/delete_img/${nodossier}/${norapport}/${origine}/${detail.nomfichier}"
+								data-toggle="modal" data-target="#confirm-delete">
 							<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>
+							<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>
+							<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>
@@ -75,36 +76,32 @@
 		</div>
 	</div>
 
-	<!-- Modal : Confirmation CLOTURE  -->
-	<div class="modal fade" id="confirmCloture" role="dialog" aria-labelledby="confirmClotureLabel" aria-hidden="true">
+	<!-- Modal : Confirmation suppression  -->
+	<div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" 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 class="modal-header">
+					<h4 class="modal-title">Suppression de la photo</h4>
+				</div>
+				<div class="modal-body">
+					<p class="text-center"><b>Voulez-vous supprimer cette photo ?</b></p>
+				</div>
+				<div class="modal-footer">
+					<button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
+					<a class="btn btn-danger btn-ok">Supprimer</a>
+				</div>
 			</div>
 		</div>
-	</div>
-	
+	</div>	
 
 <script type="text/javascript">
 	$('#uploadButton').on('click', function(){
 		$('i.gly-spin').removeClass('gly-spin');	
 		$('i').addClass('gly-spin');
 	});
+	$('#confirm-delete').on('show.bs.modal', function(e) {
+		$(this).find('.btn-ok').attr('href', $(e.relatedTarget).data('href'));
+	});
 </script>
 
 </div>