From 3d5612bf4a231ca467c353eb964f5baa4cc68014 Mon Sep 17 00:00:00 2001
From: arussac <antoninrussac1@gmail.com>
Date: Wed, 12 Feb 2025 08:14:49 +0100
Subject: [PATCH] anto

---
 js/projet_detail.js    | 27 +++++++++++++++++++++++----
 js/utilities/routes.js | 15 ++++++++++++---
 2 files changed, 35 insertions(+), 7 deletions(-)

diff --git a/js/projet_detail.js b/js/projet_detail.js
index 638194e..592820e 100644
--- a/js/projet_detail.js
+++ b/js/projet_detail.js
@@ -5,9 +5,6 @@ document.addEventListener("DOMContentLoaded", async () => {
   const data = await getAllProject();
   const DataMetrics = await getDataMetrics(projectId);
 
-  console.log(projectId);
-  console.log(data);
-
   const project = data.find(project => project.id == projectId);
   if (project) {
     document.getElementById("name_project").innerHTML = project.name;
@@ -41,9 +38,15 @@ document.addEventListener("DOMContentLoaded", async () => {
   document.getElementById("projets").addEventListener("click", navigateToProjects);
   document.getElementById("toggle-view").addEventListener("click", toggleView);
 
+  // Add event listeners for the "Début" and "Fin" input fields
+  const firstInput = document.getElementById('first');
+  const lastInput = document.getElementById('last');
+
+  firstInput.addEventListener('input', updateRange);
+  lastInput.addEventListener('input', updateRange);
+
   generateViewMetric(projectId);
   PopulateSelect(videoSelector, projectId);
-  populateImageTable(DataMetrics);
 
   function toggleContainers() {
     if (choiceSelect.value === 'oneByOne') {
@@ -161,6 +164,21 @@ document.addEventListener("DOMContentLoaded", async () => {
   function highlightNumber(button) {
     button.classList.toggle('highlight');
   }
+
+  function updateRange() {
+    const firstValue = parseInt(firstInput.value);
+    const lastValue = parseInt(lastInput.value);
+
+    if (firstValue > lastValue) {
+      lastInput.value = firstValue;
+    }
+    if (lastValue < firstValue) {
+      firstInput.value = lastValue;
+    }
+
+    firstInput.max = lastValue;
+    lastInput.min = firstValue;
+  }
 });
 
 function populateImageTable(DataMetrics) {
@@ -172,6 +190,7 @@ function populateImageTable(DataMetrics) {
   let i = 0;
   DataMetrics.forEach((measure) => {
     let imageTD = document.createElement("td");
+    console.log(`${api_url}/images/${measure.project_id}/${measure.order_id}`)
     imageTD.innerHTML = `<img id="${i}" src="${api_url}/images/${measure.project_id}/${measure.order_id}"/>`;
     row.appendChild(imageTD);
 
diff --git a/js/utilities/routes.js b/js/utilities/routes.js
index db46c8e..436b48b 100644
--- a/js/utilities/routes.js
+++ b/js/utilities/routes.js
@@ -37,7 +37,6 @@ function getDataMetrics(projectId){
   }).then((data) => {
     // If the request is successful, store the data in the cache and return it
     localStorage.setItem("project_list", JSON.stringify(data));
-    console.log(data);
     return data;
   });
 }
@@ -73,6 +72,16 @@ async function getDataVideoFromApi(id) {
   }
 }
 
-function postNewVideo(project_id, measurements_id, name_video, resolution, duration, fps, status){
-
+async function postNewVideo(project_id, measurements_id, name_video, resolution, duration){
+  try {
+    const response = await $.ajax({
+      url: api_url.concat(`/videos/`),
+      method: "POST",
+      dataType: "json",
+    });
+    // If the request is successful, store the data in the cache and return it
+  } catch (error) {
+    console.error("Error fetching data:", error);
+    throw error; // Re-throw the error to handle it outside the function if needed
+  }
 }