From 03b3d2993726a9e0c93a25df098989c289f33fae Mon Sep 17 00:00:00 2001
From: Humberto Alfonso Díaz <humberto.alfonso@asvito.es>
Date: Fri, 5 Jul 2019 14:29:20 +0200
Subject: OPT Update buttons code
---
src/index.html | 16 ++++++++--------
src/js/buttons.js | 44 ++++++++------------------------------------
2 files changed, 16 insertions(+), 44 deletions(-)
diff --git a/src/index.html b/src/index.html
index 17293c9..d045d1d 100644
--- a/src/index.html
+++ b/src/index.html
@@ -28,7 +28,7 @@
<img class="one" src="../images/HMI_HVAC_ChairIndicator_One.svg"/>
<img class="two" src="../images/HMI_HVAC_ChairIndicator_Two.svg"/>
</a>
- <a id="acbutton" value="false" href="#" class="ac item button" onclick="BUTTON.ac()">
+ <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="label">
@@ -46,14 +46,14 @@
<div id="lefttemperature" class="temperatures-container" onscroll="TEMPERATURE.left(this)"></div>
</div>
<div class="block item">
- <a id="autobutton" value="false" href="#" class="auto item button" onclick="BUTTON.auto()">
+ <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>
</a>
- <a id="circulationbutton" value="false" href="#" class="circulation item button" onclick="BUTTON.circulation()">
+ <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"/>
</a>
@@ -63,23 +63,23 @@
</div>
</div>
<div class="bottom">
- <a id="downbutton" value="false" href="#" class="down item button" onclick="BUTTON.down()">
+ <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 id="upbutton" value="false" href="#" class="up item button" onclick="BUTTON.up()">
+ <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 id="rightbutton" value="false" href="#" class="right item button" onclick="BUTTON.right()">
+ <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 id="rearbutton" value="false" href="#" class="rear item button" onclick="BUTTON.rear()">
+ <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 id="frontbutton" value="false" href="#" class="front item button" onclick="BUTTON.front()">
+ <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>
diff --git a/src/js/buttons.js b/src/js/buttons.js
index 3730d9f..76c3ef4 100644
--- a/src/js/buttons.js
+++ b/src/js/buttons.js
@@ -9,42 +9,14 @@ var buttons = {
front: false
};
+function update(node, value) {
+ node.setAttribute('value', value);
+}
+
module.exports = {
- update: function() {
- for( var button in buttons ) {
- document.getElementById(button+'button').setAttribute('value', buttons[button]);
- }
- },
- ac: function() {
- buttons.ac = !buttons.ac;
- this.update();
- },
- auto: function() {
- buttons.auto = !buttons.auto;
- this.update();
- },
- circulation: function() {
- buttons.circulation = !buttons.circulation;
- this.update();
- },
- down: function() {
- buttons.down = !buttons.down;
- this.update();
- },
- up: function() {
- buttons.up = !buttons.up;
- this.update();
- },
- right: function() {
- buttons.right = !buttons.right;
- this.update();
- },
- rear: function() {
- buttons.rear = !buttons.rear;
- this.update();
- },
- front: function() {
- buttons.front = !buttons.front;
- this.update();
+ toggle: function(node) {
+ var key = node.getAttribute('key');
+ buttons[key] = !buttons[key];
+ update(node, buttons[key]);
}
}
\ No newline at end of file
--
cgit