à jour

html/projet_detail.html

@@ -80,6 +80,7 @@
     <div class="form-content">
       <button id="close-form-button-camera" class="close-button">&times;</button>
       <h1>Formulaire</h1>
+      <span>La fréquence minimale est de 3 minutes entre deux images</span>
       <div class="frequency-control">
         <label for="days">Days:</label>
         <button type="button" onclick="decrement('days')">-</button>
@@ -98,13 +99,7 @@
         <input type="number" id="minutes" name="minutes" value="0" min="0" oninput="updateFrequencyText()">
         <button type="button" onclick="increment('minutes')">+</button>
       </div>
-      <div class="frequency-control">
-        <label for="seconds">Seconds:</label>
-        <button type="button" onclick="decrement('seconds')">-</button>
-        <input type="number" id="seconds" name="seconds" value="0" min="0" oninput="updateFrequencyText()">
-        <button type="button" onclick="increment('seconds')">+</button>
-      </div>
-      <span id="frequency-text">une image sera prise toutes les 0 jours 0 heures 0 minutes 0 secondes</span>
+      <span id="frequency-text">une image sera prise toutes les 0 jours 0 heures 0 minutes</span>
   <br>
       <button id="commencer" class="btn btn-primary">Lancer</button>
     </div>
@@ -161,8 +156,8 @@
   <footer>
     <p>&copy; 2025 Timelapse. All rights reserved.</p>
   </footer>
-  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
-  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+  <script src="../js/utilities/chart.js"></script>
+  <script src="../js/utilities/jquery.js"></script>
   <!-- Select2 JS -->
   <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0/dist/js/select2.min.js"></script>
   <script src="../js/utilities/constVariables.js"></script>

js/projet_detail.js

@@ -25,11 +25,11 @@ document.addEventListener("DOMContentLoaded", async () => {
   // Add event listeners for the "Début" and "Fin" input fields
   const firstInput = document.getElementById('first');
   const lastInput = document.getElementById('last');
-  const start_timelapse = document.getElementById('start-timelapse')
+  const start_timelapse_button = document.getElementById('start-timelapse')
 
   let selectedNumbers = [];
 
-  populateTimelapseLogic(start_timelapse, projectId).then( () => {
+  populateTimelapseLogic(start_timelapse_button, projectId).then( () => {
     document.getElementById('show-form-button-camera').addEventListener('click', showFormCamera)
     document.getElementById('close-form-button-camera').addEventListener('click', hideFormCamera)
     if(document.getElementById('commencer') != null){
@@ -37,15 +37,13 @@ document.addEventListener("DOMContentLoaded", async () => {
         const days = document.getElementById('days').value;
         const hours = document.getElementById('hours').value;
         const minutes = document.getElementById('minutes').value;
-        const seconds = document.getElementById('seconds').value;
-        const frequency = days * 86400 + hours * 3600 + minutes * 60 + seconds;
-        console.log(frequency)
-        await start_timelapse(projectId, frequency)
+        const frequency = days * 1440 + hours * 60 + minutes;
+        start_timelapse(projectId, frequency)
       })
     }
     if(document.getElementById('stop-camera') != null){
       document.getElementById('stop-camera').addEventListener('click', async () => {
-        await stopCamera(projectId)
+        stopCamera(projectId)
       })
   }
   }
@@ -444,9 +442,8 @@ function updateFrequencyText() {
   const days = document.getElementById('days').value;
   const hours = document.getElementById('hours').value;
   const minutes = document.getElementById('minutes').value;
-  const seconds = document.getElementById('seconds').value;
 
-  const frequencyText = `une image sera prise toutes les ${days} jours ${hours} heures ${minutes} minutes ${seconds} secondes`;
+  const frequencyText = `une image sera prise toutes les ${days} jours ${hours} heures ${minutes} minutes`;
   document.getElementById('frequency-text').innerHTML = frequencyText;
 }
 

js/utilities/routes.js

@@ -181,10 +181,12 @@ async function renderVideo(id){
 async function start_timelapse(id,frequency){
   try {
     const mydata = JSON.stringify({
-      frequency:frequency
+      projectId: id,
+      interval: frequency
+      
     });
     const response = await $.ajax({
-      url: api_url.concat(`/procedure/start/`+id),
+      url: api_url.concat(`/procedure/start/`),
       method: "POST",
       dataType: "json",
       contentType: "application/json",
@@ -204,7 +206,7 @@ async function stopCamera(id){
       info:"None"
     });
     const response = await $.ajax({
-      url: api_url.concat(`/procedure/stop`+id),
+      url: api_url.concat(`/procedure/stop`),
       method: "POST",
       dataType: "json",
       contentType: "application/json",