Skip to content
GitLab
Commit ae55ecab authored by Pithon Kabiro's avatar Pithon Kabiro
Browse files

Add a building dropdown list 

Create parent `<div>` elements for both dropdown lists. In addition,
attach a barebones event listener to the new dropdown list
parent 49bbba3e
Hide whitespace changes
Inline Side-by-side
index.html
View file @ ae55ecab
...@@ -134,19 +134,38 @@ ...@@ -134,19 +134,38 @@
<label for="droneMode">Drone View</label> <label for="droneMode">Drone View</label>
</div> </div>
<br /> --> <br /> -->
<span><strong>Sensor</strong></span> <div id="drop-down--bldg-parent">
<div class="nowrap"> <span><strong>Building</strong></span>
<select id="drop-down--sensor"> <div class="nowrap">
<option value="none">None</option> <select id="drop-down--bldg">
<option value="vorlauf">Vorlauftemperatur</option> <option value="none">None</option>
<option value="ruecklauf">Rücklauftemperatur</option> <option value="101">Bau 101</option>
<option value="durchfluss">Durchfluss</option> <option value="102">Bau 102</option>
<option value="leistung">Leistung</option> <option value="107">Bau 107</option>
<option value="energie">Energie</option> <option value="112">Bau 112</option>
<option value="energieVerbr">Energie_VERBR</option> <option value="125">Bau 125</option>
</select> <option value="225">Bau 225</option>
</select>
</div>
<br />
</div>
<div id="drop-down--sensor-parent">
<span><strong>Sensor</strong></span>
<div class="nowrap">
<select id="drop-down--sensor">
<option value="none">None</option>
<option value="vorlauf">Vorlauftemperatur</option>
<option value="ruecklauf">
Rücklauftemperatur
</option>
<option value="durchfluss">Durchfluss</option>
<option value="leistung">Leistung</option>
<option value="energie">Energie</option>
<option value="energieVerbr">Energie_VERBR</option>
</select>
</div>
<br />
</div> </div>
<br />
<!-- <span><strong>Display Options</strong></span> <!-- <span><strong>Display Options</strong></span>
<div class="nowrap"> <div class="nowrap">
<input id="shadows" type="checkbox" /> <input id="shadows" type="checkbox" />
......
public/js/dropDownList.js
View file @ ae55ecab
"use strict"; "use strict";
const dropDownBuilding = document.querySelector("#drop-down--bldg");
const dropDownSensorParent = document.querySelector(
"#drop-down--sensor-parent"
);
const dropDownSensor = document.querySelector("#drop-down--sensor"); const dropDownSensor = document.querySelector("#drop-down--sensor");
const selectBuildingFromDropDownList = function () {
const selectedBuilding =
dropDownBuilding.options[dropDownBuilding.selectedIndex].value;
switch (selectedBuilding) {
case "none":
break;
case "101":
console.log("Building 101");
break;
case "102":
console.log("Building 102");
break;
case "107":
console.log("Building 107");
break;
case "112":
console.log("Building 112");
break;
case "125":
console.log("Building 125");
break;
case "225":
console.log("Building 225");
break;
default:
console.log("Default case");
}
};
const selectSensorFromDropDownList = function () { const selectSensorFromDropDownList = function () {
const selectedSensor = const selectedSensor =
dropDownSensor.options[dropDownSensor.selectedIndex].value; dropDownSensor.options[dropDownSensor.selectedIndex].value;
...@@ -32,4 +66,5 @@ const selectSensorFromDropDownList = function () { ...@@ -32,4 +66,5 @@ const selectSensorFromDropDownList = function () {
} }
}; };
dropDownBuilding.addEventListener("change", selectBuildingFromDropDownList);
dropDownSensor.addEventListener("change", selectSensorFromDropDownList); dropDownSensor.addEventListener("change", selectSensorFromDropDownList);
Supports Markdown
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

Dies ist die Gitlab-Instanz des Transferportals der Hochschule für Technik Stuttgart. Hier geht es zurück zum Portal