diff options
Diffstat (limited to 'src/index.html')
| -rw-r--r-- | src/index.html | 131 |
1 files changed, 65 insertions, 66 deletions
diff --git a/src/index.html b/src/index.html index 4a1fdfd..7d124cb 100644 --- a/src/index.html +++ b/src/index.html @@ -21,84 +21,83 @@ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> </head> <body> - <div class="top"> - <div class="icon"> - <img src="../images/HMI_HVAC_Fan_Icon.svg"> - </div> - <div class="fanSpeed"> - <div class="fanSpeedContainer"> - <input id="FanSpeed" type="range" min="1" value="1" max="100" onchange="FANSPEED.set(this)"> - <progress value="1" max="100"></progress> + <div class="content"> + <div class="entry"> + <div class="label"> + Volume 1: <span class="value"> 50%</span> + </div> + <a href="#" class="button"> + <span class="icon-volume-decrease"></span> + </a> + <div class="slider"> + <input type="range" min="1" value="1" max="100"> + <progress value="50" max="100"></progress> </div> + <a href="#" class="button"> + <span class="icon-volume-increase"></span> + </a> + </div> + <div class="entry"> <div class="label"> - FAN SPEED + Volume 1: <span class="value"> 50%</span> </div> + <a href="#" class="button"> + <span class="icon-volume-decrease"></span> + </a> + <div class="slider"> + <input type="range" min="1" value="1" max="100"> + <progress value="50" max="100"></progress> + </div> + <a href="#" class="button"> + <span class="icon-volume-increase"></span> + </a> </div> - </div> - <div class="center"> - <a id="LeftChair" value="0" href="#" class="seat left item button" onclick="CHAIR.left(this)"> - <img class="off" src="../images/HMI_HVAC_Left_Chair_OFF.svg"/> - <img class="one two" src="../images/HMI_HVAC_Left_Chair_ON.svg"/> - <img class="off" src="../images/HMI_HVAC_ChairIndicator_OFF.svg"/> - <img class="one" src="../images/HMI_HVAC_ChairIndicator_One.svg"/> - <img class="two" src="../images/HMI_HVAC_ChairIndicator_Two.svg"/> - </a> - <a key="ac" value="false" href="#" class="ac item button" onclick="BUTTON.toggle(this)"> - <img class="disabled" src="../images/HMI_HVAC_Inactive.svg"/> - <img class="enabled" src="../images/HMI_HVAC_Active.svg"/> + <div class="entry"> <div class="label"> - A/C + Volume 1: <span class="value"> 50%</span> + </div> + <a href="#" class="button"> + <span class="icon-volume-decrease"></span> + </a> + <div class="slider"> + <input type="range" min="1" value="1" max="100"> + <progress value="50" max="100"></progress> </div> - </a> - <a id="RightChair" value="0" href="#" class="seat right item button" onclick="CHAIR.right(this)"> - <img class="off" src="../images/HMI_HVAC_Right_Chair_OFF.svg"/> - <img class="one two" src="../images/HMI_HVAC_Right_Chair_ON.svg"/> - <img class="off" src="../images/HMI_HVAC_ChairIndicator_OFF.svg"/> - <img class="one" src="../images/HMI_HVAC_ChairIndicator_One.svg"/> - <img class="two" src="../images/HMI_HVAC_ChairIndicator_Two.svg"/> - </a> - <div class="temperatures item"> - <div id="lefttemperature" class="temperatures-container" onscroll="TEMPERATURE.left(this)"></div> + <a href="#" class="button"> + <span class="icon-volume-increase"></span> + </a> </div> - <div class="block item"> - <a key="auto" value="false" href="#" class="auto item button" onclick="BUTTON.toggle(this)"> - <img class="disabled" src="../images/HMI_HVAC_Inactive.svg"/> - <img class="enabled" src="../images/HMI_HVAC_Active.svg"/> - <div class="label"> - AUTO - </div> + <div class="entry"> + <div class="label"> + Volume 1: <span class="value"> 50%</span> + </div> + <a href="#" class="button"> + <span class="icon-volume-decrease"></span> </a> - <a key="circulation" value="false" href="#" class="circulation item button" onclick="BUTTON.toggle(this)"> - <img class="disabled" src="../images/HMI_HVAC_Circulation_Inactive.svg"/> - <img class="enabled" src="../images/HMI_HVAC_Circulation_Active.svg"/> + <div class="slider"> + <input type="range" min="1" value="1" max="100"> + <progress value="50" max="100"></progress> + </div> + <a href="#" class="button"> + <span class="icon-volume-increase"></span> </a> </div> - <div class="temperatures item"> - <div id="righttemperature" class="temperatures-container" onscroll="TEMPERATURE.right(this)"></div> + <div class="entry"> + <div class="label"> + Volume 1: <span class="value"> 50%</span> + </div> + <a href="#" class="button"> + <span class="icon-volume-decrease"></span> + </a> + <div class="slider"> + <input type="range" min="1" value="1" max="100"> + <progress value="50" max="100"></progress> + </div> + <a href="#" class="button"> + <span class="icon-volume-increase"></span> + </a> </div> </div> - <div class="bottom"> - <a key="down" value="false" href="#" class="down item button" onclick="BUTTON.toggle(this)"> - <img class="disabled" src="../images/HMI_HVAC_AirDown_Inactive.svg"> - <img class="enabled" src="../images/HMI_HVAC_AirDown_Active.svg"> - </a> - <a key="up" value="false" href="#" class="up item button" onclick="BUTTON.toggle(this)"> - <img class="disabled" src="../images/HMI_HVAC_AirUp_Inactive.svg"> - <img class="enabled" src="../images/HMI_HVAC_AirUp_Active.svg"> - </a> - <a key="right" value="false" href="#" class="right item button" onclick="BUTTON.toggle(this)"> - <img class="disabled" src="../images/HMI_HVAC_AirRight_Inactive.svg"> - <img class="enabled" src="../images/HMI_HVAC_AirRight_Active.svg"> - </a> - <a key="rear" value="false" href="#" class="rear item button" onclick="BUTTON.toggle(this)"> - <img class="disabled" src="../images/HMI_HVAC_Rear_Inactive.svg"> - <img class="enabled" src="../images/HMI_HVAC_Rear_Active.svg"> - </a> - <a key="front" value="false" href="#" class="front item button" onclick="BUTTON.toggle(this)"> - <img class="disabled" src="../images/HMI_HVAC_Front_Inactive.svg"> - <img class="enabled" src="../images/HMI_HVAC_Front_Active.svg"> - </a> - </div> <div class="log" id="log"> </div> |