rapport soin collapse

gestion/src/css/mycss.css

@@ -127,3 +127,19 @@ table.dataTable.display tbody tr.even > [class*="sorting_"] {
   from { transform: rotate(0deg); }
   to { transform: rotate(360deg); }
 }
+
+#additionalDefuntData {
+  opacity: 0;
+  transform: scaleY(0);
+  transform-origin: top;
+  overflow: hidden;
+  height: 0;  /* Initially hidden with no height */
+  transition: opacity 0.5s ease, transform 0.5s ease, height 0.5s ease;
+}
+
+/* Visible state (smooth transition when showing) */
+#additionalDefuntData.visibleContent {
+  opacity: 1;
+  transform: scaleY(1);
+  height: auto;  /* Automatically adjusts the height when showing */
+}

gestion/src/js/defuntShow.js

@@ -39,6 +39,7 @@ window.addEventListener("DOMContentLoaded", function () {
     let lavageInput = document.getElementById("lavage-input");
     let cosmetiquesInput = document.getElementById("cosmetiques-input");
     let surInput = document.getElementById("sur-input");
+    let buttonEditCareRapport = this.document.getElementById("buttonEditCareRapport");
 
     accesInput.addEventListener("keyup", (e) => autocomplete("acces"));
     rigiditeInput.addEventListener("keyup", (e) => autocomplete("rigidite"));
@@ -55,6 +56,11 @@ window.addEventListener("DOMContentLoaded", function () {
     cosmetiquesInput.addEventListener("keyup", (e) => autocomplete("cosmetiques"));
     surInput.addEventListener("keyup", (e) => autocomplete("sur"));
 
+    buttonEditCareRapport.addEventListener("click",function(){
+        var div = document.getElementById("additionalDefuntData");
+        div.classList.toggle("visibleContent");
+    })
+    
     observations.addEventListener("keyup", (e) => {
         if(e.target.className.includes("editable-obs")) {
             autocompleteObs(e.target.id);

gestion/templates/content/defuntshow.php

@@ -136,6 +136,12 @@
         </div>
       </div>
     </div>
+    <div>
+      <button id="buttonEditCareRapport" class="btn btn-secondary" type="button">
+      Editer rapport de soin
+      </button>
+    </div>
+    <div id="additionalDefuntData" class="hiddenContent pt-2">
       <div class="col-6" style="margin-bottom: 32px">
         <h6>ÉTATS DU CORPS</h6>
         <hr>
@@ -445,6 +451,7 @@
           </div>
         </div>
       </div>
+    </div>
     <div class="col-12" style="margin-bottom: 32px">
       <div class="d-flex flex-row justify-content-between">
         <div><h6>OBSERVATIONS</h6></div>