From 478dc57d67eafaceee8ffbd6f41a974f57de5b9e Mon Sep 17 00:00:00 2001
From: "GLEN TURNER (8GT6)" <8gt6@queensu.ca>
Date: Wed, 20 May 2015 18:54:43 -0400
Subject: [PATCH] Added beeping when battery low

---
 index.html | 37 ++++++++++++++++++++++++++-----------
 1 file changed, 26 insertions(+), 11 deletions(-)

diff --git a/index.html b/index.html
index c483770..9317450 100644
--- a/index.html
+++ b/index.html
@@ -14,17 +14,12 @@
         <script src="jquery.min.js"></script>
         <script src="bootstrap.min.js"></script>
 
-<!--         <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
-        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
-        <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> -->
-
         <script src="roslib.js"></script>
 
-        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <audio id="audio" src="beep-04.mp3" autostart="false" ></audio>
 
         <script type="text/javascript">
 
-ws://192.168.1.102:9090
             var ros = new ROSLIB.Ros();
 
             ros.connectionName = 'ws://192.168.1.102:9090';
@@ -71,7 +66,7 @@ ws://192.168.1.102:9090
 
             voltageListener.subscribe(function(message) {
                 updateVoltage(message.battery_voltage_1/1000);
-                //                 voltageListener.unsubscribe();
+                updateUpTime(message.up_time)
             });
 
             function updateVoltage(voltage)
@@ -97,6 +92,9 @@ ws://192.168.1.102:9090
                 else if ( voltage_percentage <= 25)
                 {
                     document.getElementById("VoltageDisplay").className = "progress-bar progress-bar-danger"
+                    var sound = document.getElementById("audio");
+                    sound.play()
+                    console.log("Pay Sound")
                 }
                 else
                 {
@@ -104,6 +102,11 @@ ws://192.168.1.102:9090
                 }
             }
 
+            function updateUpTime(time)
+            {
+                document.getElementById("UpTime").innerHTML = time
+            }
+
             window.setInterval(function(){
                 //                 ShowTime();
             }, 100);
@@ -140,8 +143,11 @@ ws://192.168.1.102:9090
 
 
             <div class="panel panel-default">
-                <div class="panel-heading">Pelican Status </div>
+                <div class="panel-heading">
+                    Pelican Status
+                </div>
                 <div class="panel-body">
+
                     <label class="col-sm-2"> Battery Voltage: </label>
                     <div class="progress">
                         <div id="VoltageDisplay" class="progress-bar progress-bar-striped active" role="progressbar"
@@ -149,9 +155,18 @@ ws://192.168.1.102:9090
                             No data recieved yet.
                         </div>
                     </div>
+                    <label class="col-sm-2"> Up Time: </label>
+                    <div class="col-sm-1" id="UpTime" align="left">
+                        N/A
+                    </div>
+                    <div>
+                        seconds
+                    </div>
+
                 </div>
+
             </div>
+
         </div>
-
-
-    </html>
+    </body>
+</html>