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

à jour

Browse Source
This commit is contained in:
arussac
2025-03-10 15:27:37 +01:00
parent b93b9ef6fe
commit f6eb291ef6
5 changed files with 17324 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
html/projet_detail.html
View File

@@ -80,6 +80,7 @@
<div class="form-content"> <div class="form-content">
<button id="close-form-button-camera" class="close-button">&times;</button> <button id="close-form-button-camera" class="close-button">&times;</button>
<h1>Formulaire</h1> <h1>Formulaire</h1>
<span>La fréquence minimale est de 3 minutes entre deux images</span>
<div class="frequency-control"> <div class="frequency-control">
<label for="days">Days:</label> <label for="days">Days:</label>
<button type="button" onclick="decrement('days')">-</button> <button type="button" onclick="decrement('days')">-</button>
@@ -98,13 +99,7 @@
<input type="number" id="minutes" name="minutes" value="0" min="0" oninput="updateFrequencyText()"> <input type="number" id="minutes" name="minutes" value="0" min="0" oninput="updateFrequencyText()">
<button type="button" onclick="increment('minutes')">+</button> <button type="button" onclick="increment('minutes')">+</button>
</div> </div>
<div class="frequency-control"> <span id="frequency-text">une image sera prise toutes les 0 jours 0 heures 0 minutes</span>
<label for="seconds">Seconds:</label>
<button type="button" onclick="decrement('seconds')">-</button>
<input type="number" id="seconds" name="seconds" value="0" min="0" oninput="updateFrequencyText()">
<button type="button" onclick="increment('seconds')">+</button>
</div>
<span id="frequency-text">une image sera prise toutes les 0 jours 0 heures 0 minutes 0 secondes</span>
<br> <br>
<button id="commencer" class="btn btn-primary">Lancer</button> <button id="commencer" class="btn btn-primary">Lancer</button>
</div> </div>
@@ -161,8 +156,8 @@
<footer> <footer>
<p>&copy; 2025 Timelapse. All rights reserved.</p> <p>&copy; 2025 Timelapse. All rights reserved.</p>
</footer> </footer>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script> <script src="../js/utilities/chart.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="../js/utilities/jquery.js"></script>
<!-- Select2 JS --> <!-- Select2 JS -->
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0/dist/js/select2.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0/dist/js/select2.min.js"></script>
<script src="../js/utilities/constVariables.js"></script> <script src="../js/utilities/constVariables.js"></script>

15
js/projet_detail.js
View File

@@ -25,11 +25,11 @@ document.addEventListener("DOMContentLoaded", async () => {
// Add event listeners for the "Début" and "Fin" input fields // Add event listeners for the "Début" and "Fin" input fields
const firstInput = document.getElementById('first'); const firstInput = document.getElementById('first');
const lastInput = document.getElementById('last'); const lastInput = document.getElementById('last');
const start_timelapse = document.getElementById('start-timelapse') const start_timelapse_button = document.getElementById('start-timelapse')
let selectedNumbers = []; let selectedNumbers = [];
populateTimelapseLogic(start_timelapse, projectId).then( () => { populateTimelapseLogic(start_timelapse_button, projectId).then( () => {
document.getElementById('show-form-button-camera').addEventListener('click', showFormCamera) document.getElementById('show-form-button-camera').addEventListener('click', showFormCamera)
document.getElementById('close-form-button-camera').addEventListener('click', hideFormCamera) document.getElementById('close-form-button-camera').addEventListener('click', hideFormCamera)
if(document.getElementById('commencer') != null){ if(document.getElementById('commencer') != null){
@@ -37,15 +37,13 @@ document.addEventListener("DOMContentLoaded", async () => {
const days = document.getElementById('days').value; const days = document.getElementById('days').value;
const hours = document.getElementById('hours').value; const hours = document.getElementById('hours').value;
const minutes = document.getElementById('minutes').value; const minutes = document.getElementById('minutes').value;
const seconds = document.getElementById('seconds').value; const frequency = days * 1440 + hours * 60 + minutes;
const frequency = days * 86400 + hours * 3600 + minutes * 60 + seconds; start_timelapse(projectId, frequency)
console.log(frequency)
await start_timelapse(projectId, frequency)
}) })
} }
if(document.getElementById('stop-camera') != null){ if(document.getElementById('stop-camera') != null){
document.getElementById('stop-camera').addEventListener('click', async () => { document.getElementById('stop-camera').addEventListener('click', async () => {
await stopCamera(projectId) stopCamera(projectId)
}) })
} }
} }
@@ -444,9 +442,8 @@ function updateFrequencyText() {
const days = document.getElementById('days').value; const days = document.getElementById('days').value;
const hours = document.getElementById('hours').value; const hours = document.getElementById('hours').value;
const minutes = document.getElementById('minutes').value; const minutes = document.getElementById('minutes').value;
const seconds = document.getElementById('seconds').value;
const frequencyText = `une image sera prise toutes les ${days} jours ${hours} heures ${minutes} minutes ${seconds} secondes`; const frequencyText = `une image sera prise toutes les ${days} jours ${hours} heures ${minutes} minutes`;
document.getElementById('frequency-text').innerHTML = frequencyText; document.getElementById('frequency-text').innerHTML = frequencyText;
} }

11735
js/utilities/chart.js Normal file
View File

File diff suppressed because it is too large Load Diff

5574
js/utilities/jquery.js vendored Normal file
View File

File diff suppressed because it is too large Load Diff

8
js/utilities/routes.js
View File

@@ -181,10 +181,12 @@ async function renderVideo(id){
async function start_timelapse(id,frequency){ async function start_timelapse(id,frequency){
try { try {
const mydata = JSON.stringify({ const mydata = JSON.stringify({
frequency:frequency projectId: id,
interval: frequency
}); });
const response = await $.ajax({ const response = await $.ajax({
url: api_url.concat(`/procedure/start/`+id), url: api_url.concat(`/procedure/start/`),
method: "POST", method: "POST",
dataType: "json", dataType: "json",
contentType: "application/json", contentType: "application/json",
@@ -204,7 +206,7 @@ async function stopCamera(id){
info:"None" info:"None"
}); });
const response = await $.ajax({ const response = await $.ajax({
url: api_url.concat(`/procedure/stop`+id), url: api_url.concat(`/procedure/stop`),
method: "POST", method: "POST",
dataType: "json", dataType: "json",
contentType: "application/json", contentType: "application/json",