Files
timelapse-frontend/js/core/routes.js
Kerboul e776d020a0
All checks were successful
SSH Frontend Deploy / ssh-deploy (push) Successful in 59s
Réorganisation de la structure des fichiers front-end
Cette modification restructure l'architecture des fichiers du projet pour améliorer la maintenabilité:

- JavaScript: création d'une structure en sous-dossiers
  - core/ pour les utilitaires et fonctions essentielles
  - components/ pour les composants réutilisables
  - libs/ pour les bibliothèques externes (jQuery)
  - pages/ pour les scripts spécifiques aux pages

- CSS: séparation des styles en catégories
  - base/ pour les styles fondamentaux
  - components/ pour les styles des composants d'interface
  - pages/ pour les styles spécifiques aux pages

- HTML: création d'un dossier pages/ pour les templates HTML (hors index.html)

Tous les chemins dans les fichiers HTML ont été mis à jour pour refléter cette nouvelle structure.
Cette réorganisation n'apporte aucune modification fonctionnelle, uniquement une amélioration structurelle.
2025-04-27 00:52:50 +02:00

224 lines
5.4 KiB
JavaScript

// Global variables
let global_project_list;
let current_project = "";
function formatDate(isoString) {
const date = new Date(isoString);
const options = {
year: "numeric",
month: "long",
day: "numeric",
hour: "numeric",
minute: "numeric",
second: "numeric",
timeZoneName: "short",
};
return date.toLocaleString("en-US", options);
}
// Function to get data from API
function getAllProject() {
return $.ajax({
url: api_url.concat("/projects"),
method: "GET",
dataType: "json"
}).then((data) => {
return data;
});
}
function getSingleProject(id) {
return $.ajax({
url: api_url.concat("/projects/"+id),
method: "GET",
dataType: "json"
}).then((data) => {
return data;
});
}
async function getDataMetrics(projectId){
try {
const response = await $.ajax({
url: api_url.concat(`/projects/${projectId}/measurements`),
method: "GET",
dataType: "json",
});
return response;
} catch (error) {
console.log("no data for this project")
return error.status;
}
}
async function getDataProjectVideosFromApi(id) {
try {
const response = await $.ajax({
url: api_url.concat(`/projects/${id}/videos`),
method: "GET",
dataType: "json",
});
// If the request is successful, store the data in the cache and return it
return response;
} catch (error) {
return(error.status)
}
}
async function getDataVideoFromApi(id) {
try {
const response = await $.ajax({
url: api_url.concat(`/videos/${id}`),
method: "GET",
dataType: "json",
});
// If the request is successful, store the data in the cache and return it
return response;
} catch (error) {
alert("Error fetching data:", error);
throw error; // Re-throw the error to handle it outside the function if needed
}
}
async function postNewVideo(project_id, measurements_id, name_video, resolution, duration) {
try {
const measures = JSON.stringify(measurements_id);
const mydata = JSON.stringify({
project_id: project_id,
measurement_ids: measures, // Ensure this matches the expected field name
name: name_video,
resolution: resolution,
duration: duration
});
const response = await $.ajax({
url: api_url.concat(`/videos/`),
method: "POST",
dataType: "json",
contentType: "application/json",
data: mydata
});
alert("Video posted successfully:", response);
} catch (error) {
alert("Error posting video:", error);
throw error;
}
}
async function PostNewProject(nameProject, description){
try {
if(description.length==0){
description="Non renseignée"
}
const mydata = JSON.stringify({
name: nameProject,
description: description
});
const response = await $.ajax({
url: api_url.concat(`/projects`),
method: "POST",
dataType: "json",
contentType: "application/json",
data: mydata
});
alert("Video posted successfully:", response);
location.reload();
} catch (error) {
alert("Error posting video:", error);
throw error;
}
}
async function deleteProject(id){
try {
const response = await $.ajax({
url: api_url.concat(`/projects/${id}`),
method: "DELETE",
}).then(()=>{
alert("Projet supprimé avec succès")
location.reload();
})
} catch (error) {
alert("Error deleting project, project id :"+ id+"\n error :"+error);
throw error;
}
}
async function deleteVideo(id){
try {
const response = await $.ajax({
url: api_url.concat(`/videos/${id}`),
method: "DELETE",
}).then(()=>{
alert("Video supprimé avec succès")
location.reload();
})
} catch (error) {
alert("Error deleting video, video id :"+ id+"\n error :"+error);
throw error;
}
}
async function renderVideo(id){
try {
const mydata = JSON.stringify({
info:"none"
});
const response = await $.ajax({
url: api_url.concat(`/videos/render/`+id),
method: "POST",
dataType: "json",
contentType: "application/json",
data: mydata
});
alert("Video rendered successfully:", response);
} catch (error) {
alert("Error rendering video:", error);
throw error;
}
}
async function start_timelapse(id,frequency,nbimages){
try {
const mydata = JSON.stringify({
projectId: id,
interval: frequency,
nb_images: nbimages
});
const response = await $.ajax({
url: api_url.concat(`/procedure/start`),
method: "POST",
dataType: "json",
contentType: "application/json",
data: mydata
});
alert("data retrieval started:", response);
} catch (error) {
throw error;
}
}
async function stopCamera(id){
try {
const mydata = JSON.stringify({
info:"None"
});
const response = await $.ajax({
url: api_url.concat(`/procedure/stop`),
method: "POST",
dataType: "json",
contentType: "application/json",
data: mydata
});
alert("Camera stopped succesfully :", response);
} catch (error) {
alert("Error stopping the camera :", error);
throw error;
}
}