anto

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);