maj

js/projet_detail.js

@@ -265,7 +265,7 @@ function populateImageTable(DataMetrics) {
   let i = 0;
   DataMetrics.forEach((measure) => {
     let imageTD = document.createElement("td");
-    imageTD.innerHTML = `<a href="${api_url}/images/${measure.project_id}/${measure.order_id}" target="_blank"><img class="picture_placeHolder"id="${i}" src="${api_url}/preview/${measure.project_id}/${measure.order_id}"/></a>`;
+    imageTD.innerHTML = `<a class="picture_placeHolder" href="${api_url}/images/${measure.project_id}/${measure.order_id}" target="_blank"><img id="${i}" src="${api_url}/preview/${measure.project_id}/${measure.order_id}"/></a>`;
     row.appendChild(imageTD);
 
     if ((i + 1) % 3 === 0 && i !== 0) {
@@ -357,6 +357,7 @@ async function generateViewMetric(projectId) {
           label: "Hygrometrie (%)",
           data: Hygrometrie,
           fill: false,
+          color: "rgba(153, 102, 255, 1)",
           borderColor: "rgba(153, 102, 255, 1)",
           tension: 0.1,
           yAxisID: "y1", // Use the second y-axis
@@ -368,6 +369,21 @@ async function generateViewMetric(projectId) {
         y: {
           beginAtZero: true,
           position: "left",
+          ticks: {
+            color: 'white', // Set y-axis labels to white
+          },
+          grid: {
+            color: 'white', // Set grid line color to white
+          },
+        },
+        x: {
+          ticks: {
+            color: 'white', // Set x-axis labels to white
+          },
+          grid: {
+            drawOnChartArea: true,
+            color: 'white', // Set grid line color to white
+          },
         },
         y1: {
           beginAtZero: true,
@@ -375,8 +391,18 @@ async function generateViewMetric(projectId) {
           grid: {
             drawOnChartArea: false, // Only want the grid lines for one axis to show up
           },
+          ticks: {
+            color: 'white', // Set y-axis labels to white
+          }
         },
       },
+      plugins: {
+        legend: {
+          labels: {
+            color: "white", // Set legend labels to white
+          },
+        }
+      }
     },
   });
 }