From ac9ec370315162d9933d55b02a259d72eaf4c0be Mon Sep 17 00:00:00 2001
From: Patrice Hardouin <patrice.hardouin@ac-normandie.fr>
Date: Wed, 27 Nov 2024 21:40:23 +0000
Subject: [PATCH] ajout modal bootstrap pour le popup de correction
---
public/aniridie.html | 35 +++++++++++++++++++----------------
public/favisme.html | 35 +++++++++++++++++++----------------
public/hunting.html | 35 +++++++++++++++++++----------------
public/lowesynd.html | 35 +++++++++++++++++++----------------
public/mucovisc.html | 35 +++++++++++++++++++----------------
public/myopath.html | 34 +++++++++++++++++++---------------
public/phenylc.html | 34 +++++++++++++++++++---------------
public/surmut.html | 35 +++++++++++++++++++----------------
8 files changed, 152 insertions(+), 126 deletions(-)
diff --git a/public/aniridie.html b/public/aniridie.html
index 2c51295..df5bd6b 100644
--- a/public/aniridie.html
+++ b/public/aniridie.html
@@ -207,22 +207,25 @@ document.getElementById('correction').innerHTML = score + " bonnes réponses sur
</div>
</div>
<!-- Modal -->
- <div class="modal fade" id="ModalCorrection" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <h1 class="modal-title fs-5" id="exampleModalLabel">Correction</h1>
- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
- </div>
- <div class="modal-body">
- <p id='correction'></p>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-outline-success" data-bs-dismiss="modal">Fermer</button>
- </div>
- </div>
- </div>
- </div>
+<div class="modal fade" id="ModalCorrection" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+ <div class="modal-dialog modal-dialog-centered">
+ <div class="modal-content">
+ <div class="modal-header bg-success text-white">
+ <h5 class="modal-title" id="exampleModalLabel">Correction</h5>
+ <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+ </div>
+ <div class="modal-body">
+ <div class="alert alert-info" role="alert">
+ <p id="correction" class="mb-0"></p>
+ </div>
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn btn-success" data-bs-dismiss="modal">Fermer</button>
+ </div>
+ </div>
+ </div>
+</div>
+
<script src="bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
diff --git a/public/favisme.html b/public/favisme.html
index 21f2fdb..c8c06ce 100644
--- a/public/favisme.html
+++ b/public/favisme.html
@@ -226,22 +226,25 @@ document.getElementById('correction').innerHTML = score + " bonnes réponses sur
</div>
</div>
<!-- Modal -->
- <div class="modal fade" id="ModalCorrection" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <h1 class="modal-title fs-5" id="exampleModalLabel">Correction</h1>
- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
- </div>
- <div class="modal-body">
- <p id='correction'></p>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-outline-success" data-bs-dismiss="modal">Fermer</button>
- </div>
- </div>
- </div>
- </div>
+<div class="modal fade" id="ModalCorrection" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+ <div class="modal-dialog modal-dialog-centered">
+ <div class="modal-content">
+ <div class="modal-header bg-success text-white">
+ <h5 class="modal-title" id="exampleModalLabel">Correction</h5>
+ <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+ </div>
+ <div class="modal-body">
+ <div class="alert alert-info" role="alert">
+ <p id="correction" class="mb-0"></p>
+ </div>
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn btn-success" data-bs-dismiss="modal">Fermer</button>
+ </div>
+ </div>
+ </div>
+</div>
+
<script src="bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
diff --git a/public/hunting.html b/public/hunting.html
index 663134c..9a87826 100644
--- a/public/hunting.html
+++ b/public/hunting.html
@@ -215,22 +215,25 @@ document.getElementById('correction').innerHTML = score + " bonnes réponses sur
</div>
</div>
<!-- Modal -->
- <div class="modal fade" id="ModalCorrection" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <h1 class="modal-title fs-5" id="exampleModalLabel">Correction</h1>
- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
- </div>
- <div class="modal-body">
- <p id='correction'></p>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-outline-success" data-bs-dismiss="modal">Fermer</button>
- </div>
- </div>
- </div>
- </div>
+<div class="modal fade" id="ModalCorrection" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+ <div class="modal-dialog modal-dialog-centered">
+ <div class="modal-content">
+ <div class="modal-header bg-success text-white">
+ <h5 class="modal-title" id="exampleModalLabel">Correction</h5>
+ <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+ </div>
+ <div class="modal-body">
+ <div class="alert alert-info" role="alert">
+ <p id="correction" class="mb-0"></p>
+ </div>
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn btn-success" data-bs-dismiss="modal">Fermer</button>
+ </div>
+ </div>
+ </div>
+</div>
+
<script src="bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
diff --git a/public/lowesynd.html b/public/lowesynd.html
index a8e4b1d..3bfdd5e 100644
--- a/public/lowesynd.html
+++ b/public/lowesynd.html
@@ -224,22 +224,25 @@ document.getElementById('correction').innerHTML = score + " bonnes réponses sur
</div>
</div>
<!-- Modal -->
- <div class="modal fade" id="ModalCorrection" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <h1 class="modal-title fs-5" id="exampleModalLabel">Correction</h1>
- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
- </div>
- <div class="modal-body">
- <p id='correction'></p>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-outline-success" data-bs-dismiss="modal">Fermer</button>
- </div>
- </div>
- </div>
- </div>
+<div class="modal fade" id="ModalCorrection" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+ <div class="modal-dialog modal-dialog-centered">
+ <div class="modal-content">
+ <div class="modal-header bg-success text-white">
+ <h5 class="modal-title" id="exampleModalLabel">Correction</h5>
+ <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+ </div>
+ <div class="modal-body">
+ <div class="alert alert-info" role="alert">
+ <p id="correction" class="mb-0"></p>
+ </div>
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn btn-success" data-bs-dismiss="modal">Fermer</button>
+ </div>
+ </div>
+ </div>
+</div>
+
<script src="bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
diff --git a/public/mucovisc.html b/public/mucovisc.html
index 4ecffa6..06a2289 100644
--- a/public/mucovisc.html
+++ b/public/mucovisc.html
@@ -217,22 +217,25 @@ document.getElementById('correction').innerHTML = score + " bonnes réponses sur
</div>
</div>
<!-- Modal -->
- <div class="modal fade" id="ModalCorrection" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <h1 class="modal-title fs-5" id="exampleModalLabel">Correction</h1>
- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
- </div>
- <div class="modal-body">
- <p id='correction'></p>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-outline-success" data-bs-dismiss="modal">Fermer</button>
- </div>
- </div>
- </div>
- </div>
+<div class="modal fade" id="ModalCorrection" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+ <div class="modal-dialog modal-dialog-centered">
+ <div class="modal-content">
+ <div class="modal-header bg-success text-white">
+ <h5 class="modal-title" id="exampleModalLabel">Correction</h5>
+ <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+ </div>
+ <div class="modal-body">
+ <div class="alert alert-info" role="alert">
+ <p id="correction" class="mb-0"></p>
+ </div>
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn btn-success" data-bs-dismiss="modal">Fermer</button>
+ </div>
+ </div>
+ </div>
+</div>
+
<script src="bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
diff --git a/public/myopath.html b/public/myopath.html
index 64ccd21..c6d08e5 100644
--- a/public/myopath.html
+++ b/public/myopath.html
@@ -224,21 +224,25 @@
</div>
</div>
<!-- Modal -->
- <div class="modal fade" id="ModalCorrection" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <h1 class="modal-title fs-5" id="exampleModalLabel">Correction</h1>
- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
- </div>
- <div class="modal-body">
- <p id='correction'></p>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-outline-success" data-bs-dismiss="modal">Fermer</button>
- </div>
- </div>
- </div>
+<div class="modal fade" id="ModalCorrection" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+ <div class="modal-dialog modal-dialog-centered">
+ <div class="modal-content">
+ <div class="modal-header bg-success text-white">
+ <h5 class="modal-title" id="exampleModalLabel">Correction</h5>
+ <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+ </div>
+ <div class="modal-body">
+ <div class="alert alert-info" role="alert">
+ <p id="correction" class="mb-0"></p>
+ </div>
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn btn-success" data-bs-dismiss="modal">Fermer</button>
+ </div>
+ </div>
+ </div>
+</div>
+
<script src="bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
diff --git a/public/phenylc.html b/public/phenylc.html
index 9c508c6..b6ba712 100644
--- a/public/phenylc.html
+++ b/public/phenylc.html
@@ -222,21 +222,25 @@
</div>
</div>
<!-- Modal -->
- <div class="modal fade" id="ModalCorrection" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <h1 class="modal-title fs-5" id="exampleModalLabel">Correction</h1>
- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
- </div>
- <div class="modal-body">
- <p id='correction'></p>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-outline-success" data-bs-dismiss="modal">Fermer</button>
- </div>
- </div>
- </div>
+<div class="modal fade" id="ModalCorrection" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+ <div class="modal-dialog modal-dialog-centered">
+ <div class="modal-content">
+ <div class="modal-header bg-success text-white">
+ <h5 class="modal-title" id="exampleModalLabel">Correction</h5>
+ <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+ </div>
+ <div class="modal-body">
+ <div class="alert alert-info" role="alert">
+ <p id="correction" class="mb-0"></p>
+ </div>
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn btn-success" data-bs-dismiss="modal">Fermer</button>
+ </div>
+ </div>
+ </div>
+</div>
+
<script src="bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
diff --git a/public/surmut.html b/public/surmut.html
index f47cd91..49f15b5 100644
--- a/public/surmut.html
+++ b/public/surmut.html
@@ -218,22 +218,25 @@ document.getElementById('correction').innerHTML = score + " bonnes réponses sur
</div>
</div>
<!-- Modal -->
- <div class="modal fade" id="ModalCorrection" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <h1 class="modal-title fs-5" id="exampleModalLabel">Correction</h1>
- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
- </div>
- <div class="modal-body">
- <p id='correction'></p>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-outline-success" data-bs-dismiss="modal">Fermer</button>
- </div>
- </div>
- </div>
- </div>
+<div class="modal fade" id="ModalCorrection" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+ <div class="modal-dialog modal-dialog-centered">
+ <div class="modal-content">
+ <div class="modal-header bg-success text-white">
+ <h5 class="modal-title" id="exampleModalLabel">Correction</h5>
+ <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+ </div>
+ <div class="modal-body">
+ <div class="alert alert-info" role="alert">
+ <p id="correction" class="mb-0"></p>
+ </div>
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn btn-success" data-bs-dismiss="modal">Fermer</button>
+ </div>
+ </div>
+ </div>
+</div>
+
<script src="bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
--
GitLab