Polymer binary switch support

The polymer client now supports binary switches

Client/Polymer Client/custom_components/device-item.html

@@ -1,5 +1,6 @@
 <link rel="import" href="../bower_components/polymer/polymer.html">
 <link rel="import" href="../bower_components/paper-slider/paper-slider.html">
+<link rel="import" href="../bower_components/paper-toggle-button/paper-toggle-button.html">
 
 <polymer-element name="device-item">
 	<template>
@@ -18,6 +19,12 @@
 				float: left;
 				margin: 10px;
 			}
+			paper-toggle-button::shadow paper-radio-button::shadow #onRadio {
+				background-color: #4285f4;
+			}
+			paper-toggle-button::shadow #toggleBar[checked] {
+				background-color: #4285f4;
+			}
 		</style>
 		<div layout horizontal center>
 			<h4>{{device.Name}}</h4>
@@ -31,6 +38,12 @@ <h4>{{device.Name}}</h4>
 				on-change="{{sliderChanged}}">
 			</paper-slider>
 		</template>
+		<template if="{{device.Type === 'Binary Power Switch'}}">
+			<paper-toggle-button
+				id="toggle"
+				on-change="{{toggleChanged}}"
+			></paper-toggle-button>
+		</template>
 		<div class="names">
 			<template if="{{device.Values['Battery Level']}}">
 				<span block>Battery Level</span>
@@ -49,10 +62,31 @@ <h4>{{device.Name}}</h4>
 			publish: {
 				device: {},
 			},
+			observe: {
+				'device.Values.Switch': 'toggleChange',
+			},
 			sliderChanged: function(event, detail, sender) {
 				var commandstring = "SETNODE~"+this.device.ID+"~Level="+sender.value;
 				this.fire('send-command',{command:commandstring});
 			},
+			toggleChanged: function(event, detail, sender) {
+				var checked = sender.checked === true ? 1 : 0;
+				var commandstring = "SETNODE~"+this.device.ID+"~Switch="+checked;
+				this.fire('send-command',{command:commandstring});
+			},
+			toggleChange: function(oldValue, newValue) {
+				if(newValue == "True") {
+					this.$.toggle.checked = true;
+				}
+				else {
+					this.$.toggle.checked = false;
+				}
+			},
+			ready: function() {
+				if(this.device.Values.Switch == "True") {
+					this.$.toggle.checked = true;
+				}
+			}
 		});
 	</script>
 </polymer-element>