Allows for two speed fans by hiding middle button

finity69x2 · Apr 20, 2021 · 0fa7846 · 0fa7846
1 parent a6a30e4
commit 0fa7846
Showing 1 changed file with 22 additions and 7 deletions.
diff --git a/dist/fan-percent-button-row.js b/dist/fan-percent-button-row.js
@@ -32,13 +32,13 @@ class CustomFanPercentRow extends Polymer.Element {
 								disabled='[[_leftState]]'>[[_leftText]]</button>
 							<button
 								class='percentage'
-								style='[[_midLeftColor]];min-width:[[_width]];max-width:[[_width]];height:[[_height]]'
+								style='[[_midLeftColor]];min-width:[[_width]];max-width:[[_width]];height:[[_height]];[[_hideMidLeft]]'
 								toggles name="[[_midLeftName]]"
 								on-click='setPercentage'
 								disabled='[[_midLeftState]]'>[[_midLeftText]]</button>
 							<button
 								class='percentage'
-								style='[[_midRightColor]];min-width:[[_width]];max-width:[[_width]];height:[[_height]]'
+								style='[[_midRightColor]];min-width:[[_width]];max-width:[[_width]];height:[[_height]];[[_hideMidRight]]'
 								toggles name="[[_midRightName]]"
 								on-click='setPercentage'
 								disabled='[[_midRightState]]'>[[_midRightText]]</button>
@@ -79,6 +79,8 @@ class CustomFanPercentRow extends Polymer.Element {
 				_midLeftName: String,
 				_midRightName: String,
 				_rightName: String,
+				_hideMidLeft: String,
+				_hideMidRight: String,
 				_leftState: Boolean,
 				_midLeftState: Boolean,
 				_midRightState: Boolean,
@@ -94,6 +96,7 @@ class CustomFanPercentRow extends Polymer.Element {
 			customTheme: false,
 			customSetpoints: false,
 			reverseButtons: false,
+			isTwoSpeedFan: false,
 			offPercentage: 0,
 			lowPercentage: 33,
 			medPercentage: 66,
@@ -120,6 +123,7 @@ class CustomFanPercentRow extends Polymer.Element {
 		const custTheme = config.customTheme;
 		const custSetpoint = config.customSetpoints;
 		const revButtons = config.reverseButtons;
+		const twoSpdFan = config.isTwoSpeedFan;
 		const buttonWidth = config.width;
 		const buttonHeight = config.height;
 		const OnLowClr = config.isOnLowColor;
@@ -148,8 +152,8 @@ class CustomFanPercentRow extends Polymer.Element {
 		if (custSetpoint) {
 			offSetpoint = parseInt(OffSetpoint);
 			medSetpoint = parseInt(MedSetpoint);
-			if (parseInt(LowSetpoint) < 10) {
-				lowSetpoint = 10;
+			if (parseInt(LowSetpoint) < 1) {
+				lowSetpoint = 1;
 			} else {
 				lowSetpoint =  parseInt(LowSetpoint);
 			}
@@ -250,6 +254,15 @@ class CustomFanPercentRow extends Polymer.Element {
 		let medname = 'medium'
 		let hiname = 'high'
 
+		let hidemedium = 'display:block';
+		let nohide = 'display:block';
+
+		if (twoSpdFan) {
+			hidemedium = 'display:none';
+		} else {
+			hidemedium = 'display:block';
+		}
+
 		if (revButtons) {
 			this.setProperties({
 				_stateObj: stateObj,
@@ -275,7 +288,8 @@ class CustomFanPercentRow extends Polymer.Element {
 				_midLeftName: lowname,
 				_midRightName: medname,
 				_rightName: hiname,
-
+				_hideMidLeft: nohide,
+				_hideMidRight: hidemedium,
 			});
 		} else {
 			this.setProperties({
@@ -302,10 +316,10 @@ class CustomFanPercentRow extends Polymer.Element {
 				_midLeftName: medname,
 				_midRightName: lowname,
 				_rightName: offname,
+				_hideMidRight: nohide,
+				_hideMidLeft: hidemedium,
 			});
 		}
-
-
 	}
 
 	stopPropagation(e) {
@@ -333,3 +347,4 @@ class CustomFanPercentRow extends Polymer.Element {
 }
 
 customElements.define('fan-percent-button-row', CustomFanPercentRow);
+