mes trucs

js/globals.js

@@ -0,0 +1,56 @@
+// Global variables
+let api_url = "https://timelapse.kerboul.me/api";
+let global_project_list;
+let current_project = "";
+
+// Function to get data from API
+
+function getDataFromApi() {
+    const cachedData = localStorage.getItem("project_list");
+    if (cachedData) {
+      // If the data is in the cache, parse it and return it
+      return Promise.resolve(JSON.parse(cachedData));
+    } else {
+      // If the data is not in the cache, make the API request
+      return $.ajax({
+        url: api_url.concat("/itemsdb"),
+        method: "GET",
+        dataType: "json",
+      }).then(data => {
+        // If the request is successful, store the data in the cache and return it
+        localStorage.setItem("project_list", JSON.stringify(data));
+        return data;
+      });
+    }
+}
+
+// Function to send data to API
+function sendDataFromApi(datas) {
+  return $.ajax({
+    url: api_url.concat("/projets"),
+    method: "POST",
+    data: JSON.stringify(datas),
+    contentType: "application/json",
+    success: function (datas) {
+      console.log("successful");
+    },
+    error: function (jqXHR, textStatus, errorThrown) {
+      console.error(errorThrown);
+    },
+  });
+}
+
+function deleteDataFromApi(id) {
+  return $.ajax({
+    url: api_url.concat("/delete"),
+    method: "POST",
+    data: JSON.stringify({ id: id }),
+    contentType: "application/json",
+    success: function (datas) {
+      console.log("successful");
+    },
+    error: function (jqXHR, textStatus, errorThrown) {
+      console.error(errorThrown);
+    },
+  });
+}

js/index.js

@@ -0,0 +1,41 @@
+// Function to display projects in a table
+function display_projects() {
+  // Get data from API and then generate HTML code to display the data in a table
+  const table = document.getElementById("table-projects");
+  let datas = `<tr>
+                <th>Id</th>
+                <th>Name</th>
+                <th>Actions</th>
+                </tr> `;
+  for (let i = 0; i < global_project_list.rows.length; i++) {
+    datas += `<tr>
+                <th>${global_project_list.rows[i].id}</th>
+                <th>${global_project_list.rows[i].name}</th>
+                <th><button class="project_detail btn btn-primary">détails de ${global_project_list.rows[i].name}</button></th>
+                </tr>`;
+  }
+  table.innerHTML = datas;
+
+  // Select all the buttons with the class button_project
+  const buttons = document.getElementsByClassName("project_detail");
+  // Add an event listener to each button
+  for (let i = 0; i < buttons.length; i++) {
+    buttons[i].addEventListener("click", (event) => {
+      // Send data to API and then navigate to projet_detail.html page
+      window.location.href = `html/projet_detail.html?id=${global_project_list.rows[i].id}`;
+    });
+    buttons[i].addEventListener("onclick", (event) => {
+      // Send data to API and then navigate to projet_detail.html page
+      current_project=change_current_project(i);
+    });
+  }
+}
+getDataFromApi()
+  .then(project_list => {
+    global_project_list = project_list;
+    // Call the next function here
+    display_projects();
+  })
+  .catch(error => {
+    console.error(error);
+  });

js/projet_detail.js

@@ -0,0 +1,12 @@
+document.addEventListener("DOMContentLoaded", () => {
+    const urlParams = new URLSearchParams(window.location.search);
+    const projectId = urlParams.get("id");
+
+    document.getElementById("projets").addEventListener("click", () => {
+      window.location.href = "../index.html";
+      current_project="";
+    });
+    global_project_list=JSON.parse(localStorage.getItem("project_list"));
+    document.getElementById("name_project").innerHTML=global_project_list.rows[projectId-1].name;
+});
+

js/projets.js

@@ -1,86 +0,0 @@
-// Global variable for the API URL
-let api_url = "https://timelapse.kerboul.me/api";
-
-// Function to display projects in a table
-function display_projects() {
-  // Get data from API and then generate HTML code to display the data in a table
-  getDataFromApi().then(function (project_list) {
-    const table = document.getElementById("table-projects");
-    let datas = `<tr>
-                <th>Id</th>
-                <th>Name</th>
-                <th>Actions</th>
-                </tr> `;
-    for (let i = 0; i < project_list.rows.length; i++) {
-      datas += `<tr>
-                <th>${project_list.rows[i].id}</th>
-                <th>${project_list.rows[i].name}</th>
-                <th><button class="project_detail btn btn-primary">détails de ${project_list.rows[i].name}</button></th>
-                </tr>`;
-    }
-    table.innerHTML = datas;
-
-    // Select all the buttons with the class button_project
-    const buttons = document.getElementsByClassName("project_detail");
-    // Add an event listener to each button
-    for (let i = 0; i < buttons.length; i++) {
-      buttons[i].addEventListener("click", (event) => {
-        // Send data to API and then navigate to projet_detail.html page
-        deleteDataFromApi(4)
-        window.location.href = "projet_detail.html";
-      });
-    }
-  });
-}
-
-// Function to get data from API
-function getDataFromApi() {
-  return $.ajax({
-    url: api_url.concat("/itemsdb"), // replace with your API URL
-    method: "GET", // or 'POST', 'PUT', 'DELETE', etc.
-    dataType: "json", // expected data type
-    success: function (data) {
-      // This function is called if the request is successful
-      return data; // log the data to the console
-    },
-    error: function (jqXHR, textStatus, errorThrown) {
-      // This function is called if the request fails
-      console.error("Error:", textStatus, errorThrown);
-    },
-  });
-}
-
-// Function to send data to API
-function sendDataFromApi(datas) {
-  return $.ajax({
-    url: api_url.concat("/projets"),
-    method: "POST",
-    data: JSON.stringify(datas),
-    contentType: "application/json",
-    success: function (datas) {
-      console.log("successful");
-    },
-    error: function (jqXHR, textStatus, errorThrown) {
-      console.error(errorThrown);
-    },
-  });
-}
-
-function deleteDataFromApi(id) {
-    return $.ajax({
-      url: api_url.concat("/delete"),
-      method: "POST",
-      data: JSON.stringify({"id":id}),
-      contentType: "application/json",
-      success: function (datas) {
-        console.log("successful");
-      },
-      error: function (jqXHR, textStatus, errorThrown) {
-        console.error(errorThrown);
-      },
-    });
-  }
-
-
-// Call display_projects() function to display projects
-display_projects();

js/videos.js

@@ -0,0 +1,31 @@
+document.addEventListener("DOMContentLoaded", () => {
+    // Fetch data from the API
+    fetch("https://timelapse.kerboul.me/api/itemsdb")
+      .then(response => response.json())
+      .then(data => {
+        // Get the table body element
+        const tableBody = document.querySelector("#table-metrics tbody");
+
+        // Loop through the data and create a new row for each item
+        data.forEach(item => {
+          const row = document.createElement("tr");
+
+          // Create a new cell for each property (metrics, hygrometry, temperature)
+          const metricsCell = document.createElement("td");
+          metricsCell.textContent = item.metrics;
+          row.appendChild(metricsCell);
+
+          const hygrometryCell = document.createElement("td");
+          hygrometryCell.textContent = item.hygrometry;
+          row.appendChild(hygrometryCell);
+
+          const temperatureCell = document.createElement("td");
+          temperatureCell.textContent = item.temperature;
+          row.appendChild(temperatureCell);
+
+          // Append the row to the table body
+          tableBody.appendChild(row);
+        });
+      })
+      .catch(error => console.error(error));
+  });