arduino
diff --git a/‎mqtt/web-interface/index.html‎
Lines changed: 2 additions & 35 deletions b/‎mqtt/web-interface/index.html‎
Lines changed: 2 additions & 35 deletions
diff --git a/‎mqtt/web-interface/rcvMqttMsg.js‎
Lines changed: 0 additions & 43 deletions b/‎mqtt/web-interface/rcvMqttMsg.js‎
Lines changed: 0 additions & 43 deletions
diff --git a/‎mqtt/web-interface/slider/css/slider.css‎
Lines changed: 0 additions & 138 deletions b/‎mqtt/web-interface/slider/css/slider.css‎
Lines changed: 0 additions & 138 deletions
@@ -1,6 +1,5 @@
 <!DOCTYPE HTML>
 <html>
-
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -18,10 +17,6 @@
 	<!-- MQTT websocket library -->
 	<script type="text/javascript" src="mqttws31.js"></script>
 
-	<!--the slider plugin -->
-	<link  href="slider/css/slider.css" rel="stylesheet"></style>
-	<script type="text/javascript" src="slider/js/bootstrap-slider.js"></script>
-
 	<!-- my script and css -->
 	<script type="text/javascript" src="rcvMqttMsg.js"></script>
 	<link  href="style.css" rel="stylesheet"></style>
@@ -33,39 +28,11 @@
 			<div class="col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3">
 				<div id="bulb" >
 					<img src="bulb_off.svg">
-					<img src="light.svg" class="intensity">
-
-				</div>
-			</div>
-		</div>
+					<img src="light.svg" class="intensity" style="opacity: 0;">
 
-
-		<div class="row">
-			<div class="col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3">
-				<div id="buttonSwitch" class="btn btn-default btn-huge on">
-					on
 				</div>
 			</div>
 		</div>
-
-		<div class="row">
-			<div class="col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3">
-				
-				<input type="text" 
-				class="slider" 
-				value="" 
-				data-slider-min="0" 
-				data-slider-max="255" 
-				data-slider-step="1" 
-				data-slider-value="0" 
-				data-slider-orientation="horizontal" 
-				data-slider-selection="after"
-				data-slider-tooltip="hide"
-				>
-			</div>
-		</div>
-
 	</div>
-
 </body>
-</html>
+</html>
@@ -10,11 +10,6 @@ var sliderValue = 0;
 
 // wait for page to be reader
 $(document).ready(function() {
-  // initiliaze slider
-  var mySlider = $('.slider').slider({
-    disabled: true
-  });
-
   // Create a client instance,
   // uses the paho library (https://www.eclipse.org/paho/clients/js/)
   client = new Paho.MQTT.Client(mqttBrokerURI, mqttClientName);
@@ -39,18 +34,6 @@ $(document).ready(function() {
     console.log("subscribed to " + mqttTopic);
   }
 
-  // attach event listeners to the slider
-  $('.slider').on("slide", function(slideEvt) {
-    switchTo(slideEvt.value);
-    console.log("sliding");
-  });
-
-  $('.slider').on("slideStop", function(slideEvt) {
-    switchTo(slideEvt.value);
-    sendMessage(mqttTopic, "" + slideEvt.value);
-  });
-
-
   // called when the client loses its connection
   function onConnectionLost(responseObject) {
     if (responseObject.errorCode !== 0) {
@@ -71,40 +54,14 @@ $(document).ready(function() {
     }
   }
 
-  $("#buttonSwitch").click(function() {
-    if ($("#buttonSwitch").hasClass("on")){
-       switchoff();
-       sendMessage(mqttTopic, "0");
-     } else {
-      switchOn();
-      sendMessage(mqttTopic, "255");
-    }
-  });
-
   function switchOn() {
-    $("#buttonSwitch").addClass("on").removeClass("off");
-    $("#buttonSwitch").html("off");
-
-    mySlider.slider('setValue', 255);
-
     $(".intensity").fadeTo( "fast" , 1)
   }
 
   function switchoff() {
-    $("#buttonSwitch").addClass("off").removeClass("on");
-    $("#buttonSwitch").html("on");
-
-    mySlider.slider('setValue', 0);
-
     $(".intensity").fadeTo( "fast", 0)
   }
 
-  function switchTo(val) {
-    mySlider.slider('setValue', val);
-
-    $(".intensity" ).fadeTo("fast" , val / 255);
-  }
-
   function sendMessage(destination, val) {
     console.log("sending " + val);
     message = new Paho.MQTT.Message(val);