timelapse/timelapse-frontend
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

maj

Browse Source
This commit is contained in:
anto
2025-01-12 17:20:15 +01:00
parent 188d7ac004
commit 09a392f78a
5 changed files with 75 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
html/projet_detail.html
View File

@@ -20,13 +20,20 @@
</head>
<body>
<!-- formulaire -->
<div id="form-container" class="form-container">
<div class="form-content">
<form id="my-form">
<div id="form-container" class="form-container">
<div class="form-content">
<h1>Formulaire</h1>
<form id="my-form">
<label for="name">Nom :</label>
<input type="text" id="name" name="name" required>
<br><br>
<label for="duration">Durée (en secondes) :</label>
<label for="resolution">Résolution :</label>
<select id="resolution" name="resolution" required>
<option value="1920x1080">1920x1080</option>
<option value="1280x720">1280x720</option>
</select>
<br><br>
<label for="duration">Durée (en minutes) :</label>
<div class="duration-input">
<button type="button" id="decrement-button">-</button>
<input type="number" id="duration" name="duration" value="0" min="0" required>
@@ -35,9 +42,9 @@
<br><br>
<button class="btn btn-primary" type="submit">Soumettre</button>
</form>
<button class="btn btn-primary" id="close-form-button">Fermer</button>
</div>
<button class="btn btn-primary" id="close-form-button">Fermer</button>
</div>
</div>
<!-- page classique -->
<div id="section" class="container mt-5">
<div class="row">

19
js/projet_detail.js
View File

@@ -36,9 +36,24 @@ document.getElementById('decrement-button').addEventListener('click', function()
}
});
document.getElementById('my-form').addEventListener('submit', function(event) {
document.getElementById('my-form').addEventListener('submit', async function(event) {
event.preventDefault();
alert('Nouveau Projet enregistré :\nNom : ' + document.getElementById('name').value + '\nDurée : ' + document.getElementById('duration').value + ' secondes');
const data=await getDataProjectVideosFromApi(projectId);
const name_video = document.getElementById('name').value
const video_duration = document.getElementById('duration').value
if(video_duration>0){
if(checkVideoPath(data, name_video)){
alert('Nouvelle vidéo enregistrée :\nNom : ' + name_video +
'\nRésolution : ' + document.getElementById('resolution').value +
'\nDurée : ' + video_duration + ' secondes');
//project_id, measurement_ids, video_name, resolution, duration, fps, status
} else {
alert('Le nom : "'+ name_video + '" est déjà pris ! \n' +
'veuillez en trouver un autre')
}
} else {
alert('La durée de la vidéo doit être suppérieur à 0')
}
});
document.getElementById("projets").addEventListener("click", () => {

30
js/utilities/populate.js
View File

@@ -11,34 +11,4 @@ async function PopulateSelect(mySelect,id){
}
}
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) {
console.error("Error fetching data:", error);
throw error; // Re-throw the error to handle it outside the function if needed
}
}
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) {
console.error("Error fetching data:", error);
throw error; // Re-throw the error to handle it outside the function if needed
}
}

35
js/utilities/routes.js
View File

@@ -42,3 +42,38 @@ function getDataMetrics(projectId){
return data;
});
}
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) {
console.error("Error fetching data:", error);
throw error; // Re-throw the error to handle it outside the function if needed
}
}
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) {
console.error("Error fetching data:", error);
throw error; // Re-throw the error to handle it outside the function if needed
}
}
function postNewVideo(project_id, measurements_id, name_video, resolution, duration, fps, status){
}

10
js/utilities/tools.js
View File

@@ -13,3 +13,13 @@ function filterAndSortMeasurementsByIds(measurements, ids) {
.filter((measurement) => ids.includes(measurement.id))
.sort((a, b) => new Date(a.timestamp) - new Date(b.timestamp));
}
function checkVideoPath(videos, name) {
let res = true;
videos.forEach(video => {
const videoName = video.name;
if(videoName==name)
res=false;
});
return res;
}