|
|
@ -1,5 +1,5 @@
|
|
|
|
{{#zone "topCss"}}
|
|
|
|
{{#zone "topCss"}}
|
|
|
|
<link href="{{self.publicURL}}/css/nv.d3.css" rel="stylesheet" />
|
|
|
|
<link href="{{self.publicURL}}/css/nv.d3.css" rel="stylesheet"/>
|
|
|
|
<link href="{{self.publicURL}}/css/daterangepicker.css" rel="stylesheet"/>
|
|
|
|
<link href="{{self.publicURL}}/css/daterangepicker.css" rel="stylesheet"/>
|
|
|
|
{{/zone}}
|
|
|
|
{{/zone}}
|
|
|
|
{{#zone "topJs"}}
|
|
|
|
{{#zone "topJs"}}
|
|
|
@ -11,7 +11,7 @@
|
|
|
|
<script src="{{self.publicURL}}/js/jquery.daterangepicker.js"></script>
|
|
|
|
<script src="{{self.publicURL}}/js/jquery.daterangepicker.js"></script>
|
|
|
|
{{/zone}}
|
|
|
|
{{/zone}}
|
|
|
|
{{#zone "main"}}
|
|
|
|
{{#zone "main"}}
|
|
|
|
<div class="container container-bg white-bg">
|
|
|
|
<div class="container container-bg white-bg">
|
|
|
|
<div class=" margin-top-double">
|
|
|
|
<div class=" margin-top-double">
|
|
|
|
<div class="row row padding-top-double padding-bottom-double margin-bottom-double ">
|
|
|
|
<div class="row row padding-top-double padding-bottom-double margin-bottom-double ">
|
|
|
|
<div class="col-lg-12 margin-top-double">
|
|
|
|
<div class="col-lg-12 margin-top-double">
|
|
|
@ -21,16 +21,17 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row float-right margin-top-minus">
|
|
|
|
<div class="row float-right margin-top-minus">
|
|
|
|
<div class="btn-black padding-top padding-bottom">
|
|
|
|
<div class="btn-black padding-top padding-bottom">
|
|
|
|
<span> <img src="{{self.publicURL}}/images/temp.png" > </span>
|
|
|
|
<span> <img src="{{self.publicURL}}/images/temp.png"> </span>
|
|
|
|
<span class="middle padding-bottom-double">Read Temp</span></div>
|
|
|
|
<span class="middle padding-bottom-double">Read Temp</span></div>
|
|
|
|
<div class="btn-black padding-top padding-bottom">
|
|
|
|
<div class="btn-black padding-top padding-bottom">
|
|
|
|
<span> <img src="{{self.publicURL}}/images/fan.png" > </span>
|
|
|
|
<span> <img src="{{self.publicURL}}/images/fan.png"> </span>
|
|
|
|
<span class="middle padding-bottom-double">Switch Fan</span>
|
|
|
|
<span class="middle padding-bottom-double">Switch Fan</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="btn-black padding-top padding-bottom" onclick="changeImage()">
|
|
|
|
<div class="btn-black padding-top padding-bottom" onclick="changeImage()">
|
|
|
|
<span> <img id="myImage" onclick="changeImage()" src="{{self.publicURL}}/images/bulb-off.png" > </span>
|
|
|
|
<span> <img id="myImage" onclick="changeImage()"
|
|
|
|
|
|
|
|
src="{{self.publicURL}}/images/bulb-off.png"> </span>
|
|
|
|
<span class="middle padding-bottom-double">Switch Bulb</span>
|
|
|
|
<span class="middle padding-bottom-double">Switch Bulb</span>
|
|
|
|
</div >
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="right margin-right">
|
|
|
|
<div class="right margin-right">
|
|
|
|
<input class="right margin-right" id="date-range1" size="60" value="">
|
|
|
|
<input class="right margin-right" id="date-range1" size="60" value="">
|
|
|
@ -44,26 +45,32 @@
|
|
|
|
|
|
|
|
|
|
|
|
<div class="row margin-double">
|
|
|
|
<div class="row margin-double">
|
|
|
|
<div class="chart1">
|
|
|
|
<div class="chart1">
|
|
|
|
<h2 class="grey ">Temperature</h2><hr>
|
|
|
|
<h2 class="grey ">Temperature</h2>
|
|
|
|
|
|
|
|
<hr>
|
|
|
|
<svg></svg>
|
|
|
|
<svg></svg>
|
|
|
|
</div><hr>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<hr>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row margin-double padding-double "></div>
|
|
|
|
<div class="row margin-double padding-double "></div>
|
|
|
|
<div class="row margin-double">
|
|
|
|
<div class="row margin-double">
|
|
|
|
<div class="chart2">
|
|
|
|
<div class="chart2">
|
|
|
|
<h2 class="grey ">Fan Status</h2><hr>
|
|
|
|
<h2 class="grey ">Fan Status</h2>
|
|
|
|
|
|
|
|
<hr>
|
|
|
|
<svg></svg>
|
|
|
|
<svg></svg>
|
|
|
|
</div><hr>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<hr>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row margin-double">
|
|
|
|
<div class="row margin-double">
|
|
|
|
<div class="chart3">
|
|
|
|
<div class="chart3">
|
|
|
|
<h2 class="grey ">Bulb Status</h2><hr>
|
|
|
|
<h2 class="grey ">Bulb Status</h2>
|
|
|
|
|
|
|
|
<hr>
|
|
|
|
<svg></svg>
|
|
|
|
<svg></svg>
|
|
|
|
</div><hr>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<hr>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- TODO : Move these scripts to a bottomJs zone.
|
|
|
|
<!-- TODO : Move these scripts to a bottomJs zone.
|
|
|
|
When they are moved the script tags get repeated for some reason :-(
|
|
|
|
When they are moved the script tags get repeated for some reason :-(
|
|
|
|
-->
|
|
|
|
-->
|
|
|
|
<script src="{{self.publicURL}}/js/graph_util.js"></script>
|
|
|
|
<script src="{{self.publicURL}}/js/graph_util.js"></script>
|
|
|
|