aboutsummaryrefslogtreecommitdiff
path: root/templates/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'templates/index.html')
-rw-r--r--templates/index.html51
1 files changed, 0 insertions, 51 deletions
diff --git a/templates/index.html b/templates/index.html
deleted file mode 100644
index 6903a10..0000000
--- a/templates/index.html
+++ /dev/null
@@ -1,51 +0,0 @@
1<!DOCTYPE html>
2<html>
3 <head>
4 <title>Page Title</title>
5 <meta name="viewport" content="width=device-width, initial-scale=1">
6 <link rel="stylesheet" href="/static/vendor/jquery.mobile-1.3.2.css" />
7 <script src="/static/vendor/jquery-1.10.2.js"></script>
8 <script src="/static/vendor/jquery.mobile-1.3.2.js"></script>
9 </head>
10
11 <script type="text/javascript">
12 $(document).ready(function() {
13 $.ajax("/power-status/").done(function(data) {
14 for (key in data) {
15 var value = data[key] ? "on" : "off";
16 var key = key.replace("'", "-").replace(" ", "_");
17 $("#"+key).val(value).slider("refresh");
18 }
19 });
20 $("select[data-role=slider]").on("change", function() {
21 var data = {};
22 data[$(this).attr("data-name")] = $(this).val();
23 $.ajax({ url: "/power-status/", data: data, type: "POST" });
24 });
25 });
26 </script>
27
28 <body>
29 <div data-role="page">
30 <div data-role="header">
31 <h1>Appliances</h1>
32 </div><!-- /header -->
33
34 <div data-role="content">
35 <form>
36 {% for name, id in ports %}
37 <div class="ui-grid-a">
38 <div class="ui-block-a"><div class="ui-bar" style="height:60px">
39 <label for="{{ id }}">{{ name }}</label>
40 <select name="{{ id }}" id="{{ id }}" data-name="{{ name }}" data-role="slider">
41 <option value="off">Off</option>
42 <option value="on">On</option>
43 </select>
44 </div></div>
45 </div><!-- /grid-a -->
46 {% end %}
47 </form>
48 </div><!-- /content -->
49 </div>
50 </body>
51</html>
© 2015 Mike Crute