Files
www-POC/hp_webserver/static/templates/dashboard.html
2016-12-06 16:26:44 -06:00

44 lines
1.7 KiB
HTML

<div ng-if="loading" class="container">
<div class="row">
<div class="col-md-12 well" style="text-align:center;">
<h1>Loading Dashboard...</h1>
<img class="img-responsive" src="/images/loading.gif" style="margin:0 auto;"/>
</div>
</div>
</div>
<div ng-if="!loading">
<div ng-if="error" class="container">
<div class="row">
<div class="col-md=12">
<h1>Error Caught!</h1>
<pre>{{message}}</pre>
<button ng-click="loadDashboard()" class="btn btn-large btn-danger"><i class="fa fa-refresh"></i> Reload Dashboard</button>
</div>
</div>
</div>
<div ng-if="!error" class="container">
<div class="row">
<ul class="nav nav-tabs" role="tablist">
<li class="active"><a href="/#/">Current Tag Values</a></li>
<li><a href="/#/latest_stroke">Last Stroke</a></li>
<li><a href="/#/totals">Daily Totals</a></li>
</ul>
<br />
<button ng-click="loadDashboard()" class="btn btn-large btn-success"><i class="fa fa-refresh"></i> Reload Dashboard</button>
<a href="/csv/all" class="btn btn-large btn-primary"><i class="fa fa-download"></i> Download All Data</a>
<div ng-repeat="val in vals">
<div class="col-md-4" style="height:200px; margin-bottom:40px;">
<just-gage id="{{val.tag_name}}" min='val.min_expected' max='val.max_expected' value='val.value' options="{label:val.units,title:val.tag_name, decimals:2, refreshAnimationType:'bounce', startAnimationType:'bounce'}"></just-gage>
<div style="text-align:center">
<h5>{{ val.datetime | date: 'medium'}}</h5>
<a href="/#/tag/{{val.tag_id}}" class="btn btn-large btn-primary"><i class="fa fa-line-chart"></i> View Data</a>
</div>
</div>
</div>
</div>
</div>
</div>