yetangitu/Battery-Emulator
1
0
Fork 0
mirror of https://github.com/dalathegreat/Battery-Emulator.git synced 2025-10-05 10:49:42 +02:00
Code Issues Projects Releases Packages Wiki Activity

Add indicator when sending is active

Browse source
This commit is contained in:
Daniel Öster 2025-03-02 20:13:37 +02:00
parent 1515f9eed9
commit c77d3bd9e2
1 changed files with 23 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

29
Software/src/devboard/webserver/can_replay_html.cpp
View file

@ -72,6 +72,9 @@ String can_replay_processor(void) {
// Add a button to stop playing the log // Add a button to stop playing the log
content += "<button onclick='stopReplay()'>Stop</button> "; content += "<button onclick='stopReplay()'>Stop</button> ";
// Status indicator
content += "<span id='statusIndicator' style='margin-left:10px; font-weight:bold;'>Stopped</span> ";
content += "<h3>Uploaded Log Preview:</h3>"; content += "<h3>Uploaded Log Preview:</h3>";
content += "<pre id='file-content'></pre>"; content += "<pre id='file-content'></pre>";
@ -113,20 +116,34 @@ String can_replay_processor(void) {
content += "</div>"; content += "</div>";
// Add JavaScript for navigation // Add JavaScript for updating status
content += "<script>"; content += "<script>";
content += "function startReplay() {"; content += "function startReplay() {";
content += " let loop = document.getElementById('loopCheckbox').checked ? 1 : 0;"; content += " let loop = document.getElementById('loopCheckbox').checked ? 1 : 0;";
content += " fetch('/startReplay?loop=' + loop, { method: 'GET' })"; content += " fetch('/startReplay?loop=' + loop, { method: 'GET' })";
content += " .then(response => response.text())"; content += " .then(response => response.text())";
content += " .then(data => console.log(data))"; content += " .then(data => {";
content += " console.log(data);";
content += " document.getElementById('statusIndicator').innerText = 'Running...';";
content += " document.getElementById('statusIndicator').style.color = 'green';";
content += " if (loop === 0) {"; // If loop is not checked
content += " setTimeout(() => {";
content += " document.getElementById('statusIndicator').innerText = 'Completed';";
content += " document.getElementById('statusIndicator').style.color = 'white';";
content += " }, 5000);"; // 5-second timeout before reverting the text
content += " }";
content += " })";
content += " .catch(error => console.error('Error:', error));"; content += " .catch(error => console.error('Error:', error));";
content += "}"; content += "}";
content += "function stopReplay() {"; content += "function stopReplay() {";
content += " fetch(`/stopReplay`, { method: 'GET' })"; content += " fetch('/stopReplay', { method: 'GET' })";
content += " .then(response => response.text())"; content += " .then(response => response.text())";
content += " .then(data => console.log(data))"; content += " .then(data => {";
content += " .catch(error => console.error('Error:', error));"; content += " console.log(data);";
content += " document.getElementById('statusIndicator').innerText = 'Stopped';";
content += " document.getElementById('statusIndicator').style.color = 'red';";
content += " })";
content += " .catch(error => console.error('Error:', error));";
content += "}"; content += "}";
content += "function sendCANSelection() {"; content += "function sendCANSelection() {";
content += " var selectedInterface = document.getElementById('canInterface').value;"; content += " var selectedInterface = document.getElementById('canInterface').value;";