Skip to content
Snippets Groups Projects
Commit 9821883a authored by adam-abed-abud's avatar adam-abed-abud
Browse files

Addubg missing variables on main page

parent 1bdd3bc7
Branches
No related merge requests found
Hide whitespace changes
Inline Side-by-side
raspberry-backend/database/HEC_monitoringDB.sqlite
+ 0
− 0
View file @ 9821883a
No preview for this file type
raspberry-backend/database/HEC_monitoringDB_backup.sqlite
+ 0
− 0
View file @ 9821883a
No preview for this file type
raspberry-backend/templates/index.html
+ 61
− 32
View file @ 9821883a
......@@ -13,10 +13,22 @@
<div class = "col-md-7 py-0">
<div class="row col-center pb-1">
<select id='chart_variables' multiple="multiple" class="form-select">
<option value='pressure_buffer' selected>pressure_buffer</option>
<option value='pressure_inhale' selected>pressure_inhale</option>
<option value='temperature_buffer' selected>temperature_buffer</option>
<option value='pressure_o2_regulated' selected>pressure_o2_regulated</option>
<option value='pressure_air_supply' selected>Air (supply)</option>
<option value='pressure_air_regulated' selected>Air (regulated)</option>
<option value='pressure_o2_supply' selected>O2 (supply)</option>
<option value='pressure_o2_regulated' selected>O2 (regulated)</option>
<option value='pressure_buffer' selected>Buffer</option>
<option value='pressure_inhale' selected>Inhale</option>
<option value='temperature_buffer' selected>temperature_buffer</option>
<option value='pressure_patient' selected>Patient</option>
<option value='pressure_diff_patient' selected>Patient (diff)</option>
<!-- VICTOR test -->
<option value='pressure_buffer' selected>Pressure</option>
<option value='pressure_inhale' selected>Flow</option>
<option value='temperature_buffer' selected>Volume</option>
</select>
<input class="form-button" type="button" value="Submit" onclick="updateChartType()">
</div>
......@@ -37,27 +49,53 @@
<div class="col-xl-4 px-1 py-0 mr-0">
<div class="card bg-primary text-dark mb-2">
<div class="card-header d-flex align-items-center justify-content-between py-1 min-height-1b">
<a class="small text-dark stretched-link col-center" href="#">Version</a>
<a class="small text-dark stretched-link col-center" href="#">State</a>
</div>
<div class="card-body px-1 py-3"><span class = "reading-main" id="version">000.00</span></div>
<div class="card-body px-1 py-3"><span class = "reading-main" id="fsm_state">000.00</span></div>
</div>
</div>
<div class="col-xl-4 px-1 py-0 mr-0">
<div class="card bg-primary text-dark mb-2">
<div class="card-header d-flex align-items-center justify-content-between py-1 min-height-1b">
<a class="small text-dark stretched-link col-center" href="#">fsm_state</a>
<a class="small text-dark stretched-link col-center" href="#">Air (suppply)</a>
</div>
<div class="card-body px-1 py-3"><span class = "reading-main" id = "fsm_state">000.00</span> </div>
<div class="card-body px-1 py-3"><span class = "reading-main" id = "pressure_air_supply">000.00</span>cmH2O</div>
</div>
</div>
<div class="col-xl-4 px-1 py-0 mr-0">
<div class="card bg-primary text-dark mb-2">
<div class="card-header d-flex align-items-center justify-content-between py-1 min-height-1b">
<a class="small text-dark stretched-link col-center" href="#">Air (regulated)</a>
</div>
<div class="card-body px-1 py-3"><span class = "reading-main" id="pressure_air_regulated">000.00</span>cmH2O</div>
</div>
</div>
<div class="col-xl-4 px-1 py-0 mr-0">
<div class="card bg-primary text-dark mb-2">
<div class="card-header d-flex align-items-center justify-content-between py-1 min-height-1b">
<a class="small text-dark stretched-link col-center" href="#">O2 (suppply)</a>
</div>
<div class="card-body px-1 py-3"><span class = "reading-main" id = "pressure_o2_supply">000.00</span>cmH2O</div>
</div>
</div>
<div class="col-xl-4 px-1 py-0 mr-0">
<div class="card bg-primary text-dark mb-2">
<div class="card-header d-flex align-items-center justify-content-between py-1 min-height-1b">
<a class="small text-dark stretched-link col-center" href="#">O2 (regulated)</a>
</div>
<div class="card-body px-1 py-3"><span class = "reading-main" id = "pressure_o2_regulated">000.00</span>cmH2O</div>
</div>
</div>
<div class="col-xl-4 col-md-8 px-1 py-0">
<div class="card bg-primary text-dark mb-2">
<div class="card-header d-flex align-items-center justify-content-between py-1 min-height-1b">
<a class="small text-dark stretched-link col-center" href="#">pressure_buffer</a>
<a class="small text-dark stretched-link col-center" href="#">Buffer</a>
</div>
<div class="card-body px-1 py-3"><span class = "reading-main" id = "pressure_buffer">000.00</span> Pa</div>
<div class="card-body px-1 py-3"><span class = "reading-main" id = "pressure_buffer">000.00</span> cmH2O</div>
</div>
</div>
</div>
......@@ -66,28 +104,30 @@
<div class="col-xl-4 px-1 py-0 col-md-5">
<div class="card bg-primary text-dark mb-2">
<div class="card-header d-flex align-items-center justify-content-between py-1 min-height-1b">
<a class="small text-dark stretched-link col-center" href="#">pressure_inhale</a>
<a class="small text-dark stretched-link col-center" href="#">Inhale</a>
</div>
<div class="card-body px-1 py-3"><span class = "reading-main" id = "pressure_inhale">000.00</span> Pa</div>
<div class="card-body px-1 py-3"><span class = "reading-main" id = "pressure_inhale">000.00</span> mBar</div>
</div>
</div>
<div class="col-xl-4 col-md-8 px-1 py-0">
<div class="card bg-primary text-dark mb-2">
<div class="card-header d-flex align-items-center justify-content-between py-1 min-height-1b">
<a class="small text-dark stretched-link col-center" href="#">temperature_buffer</a>
<a class="small text-dark stretched-link col-center" href="#">Patient</a>
</div>
<div class="card-body px-1 py-3"><span class = "reading-main" id = "temperature_buffer">000.00</span> &#8451;</div>
<div class="card-body px-1 py-3"><span class = "reading-main" id = "pressure_patient">000.00</span> cmH2O</div>
</div>
</div>
<div class="col-xl-4 px-1 py-0 col-md-8">
<div class="card bg-primary text-dark mb-2">
<div class="card-header d-flex align-items-center justify-content-between py-1 small min-height-1b">
<a class="small text-dark stretched-link col-center" href="#">pressure_o2_regulated</a>
<a class="small text-dark stretched-link col-center" href="#">Patient (diff)</a>
</div>
<div class="card-body px-1 py-3"><span class = "reading-main" id = "pressure_o2_regulated">000.00</span> Pa</div>
<div class="card-body px-1 py-3"><span class = "reading-main" id = "pressure_diff_patient">000.00</span> cmH2O</div>
</div>
</div>
</div>
<div class="row no-gutters w-100">
<form action="{{ url_for('data_handler') }}" method="post" class="w-95">
......@@ -185,7 +225,11 @@
document.getElementById("pressure_buffer").innerHTML = data.pressure_buffer;
document.getElementById("pressure_inhale").innerHTML = data.pressure_inhale;
document.getElementById("temperature_buffer").innerHTML = data.temperature_buffer;
document.getElementById("pressure_o2_supply").innerHTML = data.pressure_o2_supply;
document.getElementById("pressure_o2_regulated").innerHTML = data.pressure_o2_regulated;
document.getElementById("pressure_patient").innerHTML = data.pressure_atient;
document.getElementById("pressure_diff_patient").innerHTML = data.pressure_diff_patient;
document.getElementById("fsm_state").innerHTML = data.fsm_state;
document.getElementById("version").innerHTML = data.version;
}
......@@ -196,22 +240,7 @@
</script>
<script type=text/javascript>
function update_variables() {
$.getJSON("live-data",
function (data) {
//document.getElementById("pressure").innerHTML = data.pressure;
document.getElementById("pressure_buffer").innerHTML = data.pressure_buffer;
document.getElementById("pressure_inhale").innerHTML = data.pressure_inhale;
document.getElementById("temperature_buffer").innerHTML = data.temperature_buffer;
document.getElementById("pressure_o2_regulated").innerHTML = data.pressure_o2_regulated;
document.getElementById("fsm_state").innerHTML = data.fsm_state;
document.getElementById("version").innerHTML = data.version;
}
);
}
setInterval('update_variables()', 2000);
</script>
{% endblock %}
{% block body_scripts %}
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment