chore: update code structure for improved readability and maintainability

js/pages/projet_detail.js

@@ -30,6 +30,40 @@ document.addEventListener("DOMContentLoaded", async () => {
   const firstInput = document.getElementById("first");
   const lastInput = document.getElementById("last");
 
+  const formContainerUpload = document.getElementById("form-container-upload");
+  const showFormButtonUpload = document.getElementById("show-form-button-upload");
+  const closeFormButtonUpload = document.getElementById("close-form-button-upload");
+  const manualUploadForm = document.getElementById("manual-upload-form");
+
+  if (formContainerUpload && showFormButtonUpload && closeFormButtonUpload && manualUploadForm) {
+    showFormButtonUpload.addEventListener("click", () => {
+      formContainerUpload.style.display = "flex";
+    });
+
+    closeFormButtonUpload.addEventListener("click", () => {
+      formContainerUpload.style.display = "none";
+    });
+
+    manualUploadForm.addEventListener("submit", async (event) => {
+      event.preventDefault();
+
+      const imageFile = document.getElementById("imageFile").files[0];
+      const temperature = document.getElementById("temperature").value;
+      const humidity = document.getElementById("humidity").value;
+      const timestamp = new Date().toISOString();
+
+      try {
+        await manualUpload(imageFile, projectId, timestamp, temperature, humidity);
+        alert("Image uploadée avec succès !");
+        formContainerUpload.style.display = "none";
+      } catch (error) {
+        alert("Erreur lors de l'upload de l'image : " + error);
+      }
+    });
+  } else {
+    console.error("Un ou plusieurs éléments du formulaire d'upload manuel sont introuvables.");
+  }
+
   let selectedNumbers = [];
 
   populateTimelapseLogic(start_timelapse_button, projectId).then(() => {
@@ -532,6 +566,11 @@ async function populateTimelapseLogic(placeholder, id) {
     placeholder.innerHTML = `<button class="default-delete-button" id="stop-camera">
               <span> Stopper la prise d'images </span>
             </button>`;
+  } else if (data.status == 2) {
+    // Ajout de la possibilité de configurer la caméra pour un projet avec statut "terminé"
+    placeholder.innerHTML = `<button class="default-button" id="show-form-button-project">
+              <span> Reconfigurer la caméra </span>
+            </button>`;
   } else {
     placeholder.innerHTML = ``;
   }