Skip to content

Commit

Permalink
show multiple zones on status page
Browse files Browse the repository at this point in the history
  • Loading branch information
John Lifsey committed Dec 27, 2015
1 parent afcbb5b commit 1f852e0
Showing 1 changed file with 17 additions and 14 deletions.
31 changes: 17 additions & 14 deletions public/app/views/main.html
View file
Expand Up @@ -4,20 +4,23 @@ <h3>Status</h3>
<strong>{{ notifications.notification[0].timestamp[0] | date:"EEE yyyy-MM-dd 'at' h:mma" }}</strong>
</blockquote>


<div class="row">
<div class="col-md-3">
<ng-dial-gauge title="Inside" units="&deg;F" border-width="0" bar-color="#0000FF" bar-color-end="#FF2010" bar-width="10" ng-model="status.zones[0].zone[0].rt[0]"></ng-dial-gauge>
</div>
<div class="col-md-3">
<ng-dial-gauge title="Humidity" units="%" border-width="0" bar-color="#0000FF" bar-color-end="#FF2010" bar-width="10" ng-model="status.zones[0].zone[0].rh[0]"></ng-dial-gauge>
</div>
<div class="col-md-3">
<ng-dial-gauge title="Heat Setpoint" units="&deg;F" border-width="0" bar-color="#0000FF" bar-color-end="#FF2010" bar-width="10" ng-model="status.zones[0].zone[0].htsp[0]"></ng-dial-gauge>
</div>
<div class="col-md-3">
<ng-dial-gauge title="Cool Setpoint" units="&deg;F" border-width="0" bar-color="#0000FF" bar-color-end="#FF2010" bar-width="10" ng-model="status.zones[0].zone[0].clsp[0]"></ng-dial-gauge>
</div>
<div ng-repeat="zone in status.zones[0].zone" ng-if="zone.enabled[0]=='on'">
<h4>{{zone.name[0]}}</h4>

<div class="row">
<div class="col-md-3">
<ng-dial-gauge title="Inside" units="&deg;F" border-width="0" bar-color="#0000FF" bar-color-end="#FF2010" bar-width="10" ng-model="zone.rt[0]"></ng-dial-gauge>
</div>
<div class="col-md-3">
<ng-dial-gauge title="Humidity" units="%" border-width="0" bar-color="#0000FF" bar-color-end="#FF2010" bar-width="10" ng-model="zone.rh[0]"></ng-dial-gauge>
</div>
<div class="col-md-3">
<ng-dial-gauge title="Heat Setpoint" units="&deg;F" border-width="0" bar-color="#0000FF" bar-color-end="#FF2010" bar-width="10" ng-model="zone.htsp[0]"></ng-dial-gauge>
</div>
<div class="col-md-3">
<ng-dial-gauge title="Cool Setpoint" units="&deg;F" border-width="0" bar-color="#0000FF" bar-color-end="#FF2010" bar-width="10" ng-model="zone.clsp[0]"></ng-dial-gauge>
</div>
</div>
</div>

<div class="row">
Expand Down

0 comments on commit 1f852e0

Please sign in to comment.