Feat: Adding a clear button for serial streaming

This commit is contained in:
Halcy0nic
2024-01-31 13:46:42 -07:00
parent 5aeec505dd
commit 8379ccc6ca
3 changed files with 47 additions and 8 deletions
+2 -1
View File
@@ -73,7 +73,8 @@ def read_serial_data(port, ser, buffer):
time.sleep(0.1)
except Exception as e:
print(f"Error: {e}")
#print("Could not access Serial Port")
#print(f"Error: {e}")
pass
def parse_and_store_data():
+22 -3
View File
@@ -67,7 +67,8 @@
<div style="text-align:center;">
<button class="styled-button" onclick="promptUser433()">Connect Serial Port</button>
<button class="disconnect-button" onclick="deleteSerial433()">Disconnect Serial Port</button>
<button class="transmit-button" onclick="transmit433()">Transmit Data</button><br>
<button class="transmit-button" onclick="transmit433()">Transmit Data</button><br><br>
<button class="transmit-button" onclick="clearDataPort1()">Clear Data</button>
<input type="checkbox" id="autoscroll-port1" checked>
<label for="autoscroll-port1">Autoscroll</label>
<p id="status-label433" style="text-align: center">Status: Checking...</p>
@@ -75,6 +76,22 @@
<div id="indicator433" class="indicator"></div>
</div>
</div>
<script>
function clearDataPort1() {
var serialDataDiv1 = document.getElementById('serial-data-port1');
serialDataDiv1.innerHTML = '';
}
function clearDataPort2() {
var serialDataDiv2 = document.getElementById('serial-data-port2');
serialDataDiv2.innerHTML = '';
}
function clearDataPort3() {
var serialDataDiv3 = document.getElementById('serial-data-port3');
serialDataDiv3.innerHTML = '';
}
</script>
<!-- JavaScript for updating the indicator -->
<script>
@@ -252,7 +269,8 @@
<div style="text-align:center;">
<button class="styled-button" onclick="promptUser868()">Connect Serial Port</button>
<button class="disconnect-button" onclick="deleteSerial868()">Disconnect Serial Port</button>
<button class="transmit-button" onclick="transmit868()">Transmit Data</button><br>
<button class="transmit-button" onclick="transmit868()">Transmit Data</button><br><br>
<button class="transmit-button" onclick="clearDataPort2()">Clear Data</button>
<input type="checkbox" id="autoscroll-port2" checked>
<label for="autoscroll-port2">Autoscroll</label>
<p id="status-label868" style="text-align: center">Status: Checking...</p>
@@ -439,7 +457,8 @@
<div style="text-align:center;">
<button class="styled-button" onclick="promptUser915()">Connect Serial Port</button>
<button class="disconnect-button" onclick="deleteSerial915()">Disconnect Serial Port</button>
<button class="transmit-button" onclick="transmit915()">Transmit Data</button><br>
<button class="transmit-button" onclick="transmit915()">Transmit Data</button><br><br>
<button class="transmit-button" onclick="clearDataPort3()">Clear Data</button>
<input type="checkbox" id="autoscroll-port3" checked>
<label for="autoscroll-port3">Autoscroll</label>
<p id="status-label915" style="text-align: center">Status: Checking...</p>
+23 -4
View File
@@ -75,6 +75,22 @@
<br>
<script>
function clearDataPort1() {
var serialDataDiv1 = document.getElementById('serial-data-port1');
serialDataDiv1.innerHTML = '';
}
function clearDataPort2() {
var serialDataDiv2 = document.getElementById('serial-data-port2');
serialDataDiv2.innerHTML = '';
}
function clearDataPort3() {
var serialDataDiv3 = document.getElementById('serial-data-port3');
serialDataDiv3.innerHTML = '';
}
</script>
<script>
let selectedDeviceName = null; // Global variable to store the selected device name
let dataCache = {}; // Cache for storing fetched data
@@ -197,7 +213,8 @@
<button class="styled-button" onclick="promptUser433()">Connect Serial Port</button>
<button class="disconnect-button" onclick="deleteSerial433()">Disconnect Serial Port</button>
<button class="transmit-button" onclick="transmit433()">Start Beacon</button>
<button class="disconnect-button" onclick="confirmStopTransmission433()">Stop Beacon</button><br>
<button class="disconnect-button" onclick="confirmStopTransmission433()">Stop Beacon</button><br><br>
<button class="transmit-button" onclick="clearDataPort1()">Clear Data</button>
<input type="checkbox" id="autoscroll-port1" checked>
<label for="autoscroll-port1">Autoscroll</label>
<p id="status-label433" style="text-align: center">Status: Checking...</p>
@@ -433,7 +450,8 @@
<button class="styled-button" onclick="promptUser868()">Connect Serial Port</button>
<button class="disconnect-button" onclick="deleteSerial868()">Disconnect Serial Port</button>
<button class="transmit-button" onclick="transmit868()">Start Beacon</button>
<button class="disconnect-button" onclick="confirmStopTransmission868()">Stop Beacon</button><br>
<button class="disconnect-button" onclick="confirmStopTransmission868()">Stop Beacon</button><br><br>
<button class="transmit-button" onclick="clearDataPort2()">Clear Data</button>
<input type="checkbox" id="autoscroll-port2" checked>
<label for="autoscroll-port2">Autoscroll</label>
<p id="status-label868" style="text-align: center">Status: Checking...</p>
@@ -442,7 +460,6 @@
</div>
</div>
</div>
<script>
function updateIndicator868() {
// Fetch the status from the Flask route
@@ -657,6 +674,7 @@
</div>
<br><br>
<!--915 MHz-->
<div class="resume-section-content">
<div class="collapse" id="collapse915">
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
@@ -668,7 +686,8 @@
<button class="styled-button" onclick="promptUser915()">Connect Serial Port</button>
<button class="disconnect-button" onclick="deleteSerial915()">Disconnect Serial Port</button>
<button class="transmit-button" onclick="transmit915()">Start Beacon</button>
<button class="disconnect-button" onclick="confirmStopTransmission915()">Stop Beacon</button><br>
<button class="disconnect-button" onclick="confirmStopTransmission915()">Stop Beacon</button><br><br>
<button class="transmit-button" onclick="clearDataPort3()">Clear Data</button>
<input type="checkbox" id="autoscroll-port3" checked>
<label for="autoscroll-port3">Autoscroll</label>
<p id="status-label915" style="text-align: center">Status: Checking...</p>