Skip to content

Commit

Permalink
Move humidity outside of zone row - Issue #16
Browse files Browse the repository at this point in the history
Hide gauges without values - Issue #11
  • Loading branch information
John Lifsey committed Mar 2, 2016
1 parent 8418820 commit 5a4e3af
Show file tree
Hide file tree
Showing 4 changed files with 29 additions and 35 deletions.
50 changes: 26 additions & 24 deletions public/app/views/main.html
Expand Up @@ -3,47 +3,49 @@ <h3>Status</h3>
{{ notifications.notification[0].message[0] }}
<strong>{{ notifications.notification[0].timestamp[0] | date:"EEE yyyy-MM-dd 'at' h:mma" }}</strong>
</blockquote>
<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>

<h4>Global</h4>
<div class="row">
<div class="col-md-3">
<div class="col-xs-6 col-sm-4 col-md-2">
<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-xs-6 col-sm-4 col-md-2" ng-if="carbus.outsideTemp">
<ng-dial-gauge title="Outside" units="&deg;F" border-width="0" bar-color="#0000FF" bar-color-end="#FF2010" bar-width="10" ng-model="carbus.outsideTemp"></ng-dial-gauge>
</div>
<div class="col-md-3">
<div class="col-xs-6 col-sm-4 col-md-2" ng-if="carbus.coilTemp">
<ng-dial-gauge title="Coil" units="&deg;F" border-width="0" bar-color="#0000FF" bar-color-end="#FF0000" bar-width="10" ng-model="carbus.coilTemp"></ng-dial-gauge>
</div>
<div class="col-md-3">
<div class="col-xs-6 col-sm-4 col-md-2" ng-if="carbus.airflowCFM">
<ng-dial-gauge title="Airflow" units="CFM" border-width="0" scale-min="0" scale-max="1000" bar-color="#FFFF00" bar-color-end="#FF0000" bar-width="10" ng-model="carbus.airflowCFM"></ng-dial-gauge>
</div>
<div class="col-md-3">
<div class="col-xs-6 col-sm-4 col-md-2" ng-if="carbus.blowerRPM">
<ng-dial-gauge title="Blower speed" units="RPM" border-width="0" bar-color="#FFFF00" bar-color-end="#FF0000" scale-min="0" scale-max="1000" bar-width="10" ng-model="carbus.blowerRPM"></ng-dial-gauge>
</div>
</div>

<div class="row">
<div class="col-md-6">
<div class="col-md-10 col-xs-12">
<canvas id="oduline" class="chart chart-line" chart-data="oduData" chart-labels="oduLabels" chart-series="oduSeries"></canvas>
</div>
</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-xs-6 col-sm-4 col-md-4">
<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-xs-6 col-sm-4 col-md-4">
<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-xs-6 col-sm-4 col-md-4">
<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">
<div class="col-md-6">
<div class="table-responsive">
Expand Down
4 changes: 2 additions & 2 deletions public/dist/styles/ac77052b.vendor.css

Large diffs are not rendered by default.

8 changes: 0 additions & 8 deletions public/dist/styles/ac77052b.vendor.css.bak

This file was deleted.

2 changes: 1 addition & 1 deletion public/dist/views/main.html
@@ -1 +1 @@
<h3>Status</h3><blockquote>{{ notifications.notification[0].message[0] }} <strong>{{ notifications.notification[0].timestamp[0] | date:"EEE yyyy-MM-dd 'at' h:mma" }}</strong></blockquote><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"><div class="col-md-3"><ng-dial-gauge title="Outside" units="&deg;F" border-width="0" bar-color="#0000FF" bar-color-end="#FF2010" bar-width="10" ng-model="carbus.outsideTemp"></ng-dial-gauge></div><div class="col-md-3"><ng-dial-gauge title="Coil" units="&deg;F" border-width="0" bar-color="#0000FF" bar-color-end="#FF0000" bar-width="10" ng-model="carbus.coilTemp"></ng-dial-gauge></div><div class="col-md-3"><ng-dial-gauge title="Airflow" units="CFM" border-width="0" scale-min="0" scale-max="1000" bar-color="#FFFF00" bar-color-end="#FF0000" bar-width="10" ng-model="carbus.airflowCFM"></ng-dial-gauge></div><div class="col-md-3"><ng-dial-gauge title="Blower speed" units="RPM" border-width="0" bar-color="#FFFF00" bar-color-end="#FF0000" scale-min="0" scale-max="1000" bar-width="10" ng-model="carbus.blowerRPM"></ng-dial-gauge></div></div><div class="row"><div class="col-md-6"><canvas id="oduline" class="chart chart-line" chart-data="oduData" chart-labels="oduLabels" chart-series="oduSeries"></canvas></div></div><div class="row"><div class="col-md-6"><div class="table-responsive"><table class="table table-striped table-bordered table-rounded"><tr ng-repeat="(key,value) in status.zones[0].zone[0]"><th>{{key}}<td>{{ value[0] }}</table></div></div><div class="col-md-6"><div class="table-responsive"><table class="table table-striped table-bordered table-rounded"><tr ng-repeat="(key,value) in status"><th>{{key}}<td>{{ value[0] }}</table></div></div></div>
<h3>Status</h3><blockquote>{{ notifications.notification[0].message[0] }} <strong>{{ notifications.notification[0].timestamp[0] | date:"EEE yyyy-MM-dd 'at' h:mma" }}</strong></blockquote><h4>Global</h4><div class="row"><div class="col-xs-6 col-sm-4 col-md-2"><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-xs-6 col-sm-4 col-md-2" ng-if="carbus.outsideTemp"><ng-dial-gauge title="Outside" units="&deg;F" border-width="0" bar-color="#0000FF" bar-color-end="#FF2010" bar-width="10" ng-model="carbus.outsideTemp"></ng-dial-gauge></div><div class="col-xs-6 col-sm-4 col-md-2" ng-if="carbus.coilTemp"><ng-dial-gauge title="Coil" units="&deg;F" border-width="0" bar-color="#0000FF" bar-color-end="#FF0000" bar-width="10" ng-model="carbus.coilTemp"></ng-dial-gauge></div><div class="col-xs-6 col-sm-4 col-md-2" ng-if="carbus.airflowCFM"><ng-dial-gauge title="Airflow" units="CFM" border-width="0" scale-min="0" scale-max="1000" bar-color="#FFFF00" bar-color-end="#FF0000" bar-width="10" ng-model="carbus.airflowCFM"></ng-dial-gauge></div><div class="col-xs-6 col-sm-4 col-md-2" ng-if="carbus.blowerRPM"><ng-dial-gauge title="Blower speed" units="RPM" border-width="0" bar-color="#FFFF00" bar-color-end="#FF0000" scale-min="0" scale-max="1000" bar-width="10" ng-model="carbus.blowerRPM"></ng-dial-gauge></div></div><div class="row"><div class="col-md-10 col-xs-12"><canvas id="oduline" class="chart chart-line" chart-data="oduData" chart-labels="oduLabels" chart-series="oduSeries"></canvas></div></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-xs-6 col-sm-4 col-md-4"><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-xs-6 col-sm-4 col-md-4"><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-xs-6 col-sm-4 col-md-4"><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"><div class="col-md-6"><div class="table-responsive"><table class="table table-striped table-bordered table-rounded"><tr ng-repeat="(key,value) in status.zones[0].zone[0]"><th>{{key}}<td>{{ value[0] }}</table></div></div><div class="col-md-6"><div class="table-responsive"><table class="table table-striped table-bordered table-rounded"><tr ng-repeat="(key,value) in status"><th>{{key}}<td>{{ value[0] }}</table></div></div></div>

0 comments on commit 5a4e3af

Please sign in to comment.