diff service/laundry/index.html @ 96:27a685ce2e5d

more laundry web support Ignore-this: c7313465fbd93fa902b909f9128c2ad
author drewp@bigasterisk.com
date Sat, 31 Aug 2013 10:33:50 -0700
parents 5907eeb9a630
children d379351d398d
line wrap: on
line diff
--- a/service/laundry/index.html	Mon Aug 26 22:11:29 2013 -0700
+++ b/service/laundry/index.html	Sat Aug 31 10:33:50 2013 -0700
@@ -2,7 +2,7 @@
 <html lang="en" ng-app>
   <head>
     <title>laundry pi</title>
-    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js"></script>
+    <script src="static/angular.min.js"></script>
     <script src="static/gui.js"></script>
   </head>
   <body ng-controller="Ctrl">
@@ -12,20 +12,23 @@
         current <a href="status">/status</a>
         (as an rdf <a href="graph">graph</a>)
       </div>
+      <div><button ng-click="refresh()">refresh</button></div>
+      <h2>Inputs</h2>
       <div>motion: {{status.motion}}</div>
       <div>switch1: {{status.switch1}}</div>
       <div>switch2: {{status.switch2}}</div>
       <div>switch3: {{status.switch3}}</div>
       <div>doorClosed: {{status.doorClosed}}</div>
-      <hr>
+      <h2>Outputs</h2>
       <div>
         orange led: {{status.led}}
         <button ng-click="setLed('on')">on</button>
         <button ng-click="setLed('off')">off</button>
       </div>
-      <div>strike: <button>unlock for 3 seconds</button></div>
-      <div>speaker: <button>beep</button></div>
+      <div>strike: {{status.strike}} <button ng-click="temporaryUnlock()">unlock for 3 seconds</button></div>
+      <div>speaker: <button ng-click="beep()">beep</button> {{speakerStatus}}</div>
     </div>
-    <div>Status: {{status | json}}</div>
+    <h2>Raw status</h2>
+    <div>{{status | json}}</div>
   </body>
 </html>