Files
www-POC/app/static/templates/gaugeOff.html
2016-11-17 14:39:56 -06:00

69 lines
2.6 KiB
HTML

<div class='container'>
<div class="row">
<div class="col-md-12">
<h1>Well History</h1>
</div>
</div>
<div class='row'>
<div class='col-md-12'>
<div ng-if="num_pages>1" style="text-align:center;">
<ul class="pagination">
<li>
<a ng-click="loadGaugeOffData(page_num_prev)" aria-label="Previous">
<span aria-hidden="true">&laquo;</span>
</a>
</li>
<li ng-repeat="p in page_list" ng-class="{'active':p==page_num}"><a ng-click="loadGaugeOffData(p)">{{p}}</a></li>
<li>
<a ng-click="loadGaugeOffData(page_num_next)" aria-label="Next">
<span aria-hidden="true">&raquo;</span>
</a>
</li>
</ul>
</div>
<div class="table-responsive">
<table class="table table-striped">
<thead>
<tr>
<th>Date</th>
<th>% Run</th>
<th>kWh</th>
<th>kWh Regen</th>
<th>Cost to Operate</th>
<th>Lifting Cost</th>
<th>Peak Load</th>
<th>Min. Load</th>
<th>Average SPM</th>
<th>Calc. Production</th>
<th>Polished Rod HP</th>
<th>Fluid Level</th>
<th>Pump Intake Pressure</th>
<th>Inflow Rate</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="entry in gauge_off_vals">
<td nowrap>{{ entry.created_on | date: 'medium'}}</td>
<td nowrap>{{ entry.percent_run | number: 1 }} %</td>
<td nowrap>{{ entry.kWh_used_total | number: 2 }} kWh</td>
<td nowrap>{{ entry.kWh_regen_total | number: 2 }} kWh</td>
<td nowrap>${{ entry.electricity_cost_total | number: 2 }}</td>
<td nowrap>${{ entry.lifting_cost_average | number: 2 }}</td>
<td nowrap>{{ entry.peak_pr_load | number: 2 }} lbs</td>
<td nowrap>{{ entry.min_pr_load | number: 2 }} lbs</td>
<td nowrap>{{ entry.spm_average | number: 3 }} SPM</td>
<td nowrap>{{ entry.production_total | number: 1 }} BBL</td>
<td nowrap>{{ entry.polished_rod_hp_average | number: 2 }} HP</td>
<td nowrap>{{ entry.fluid_level_average | number: 1 }} ft.</td>
<td nowrap>{{ entry.pump_intake_pressure_average | number: 1 }} PSI</td>
<td nowrap>{{ entry.inflow_rate_average | number: 1 }} BBL/hr</td>
</tr>
</tbody>
</table>
<div ng-if="gauge_off_vals.length==0" class="well" style="text-align:center">No stored data yet.</div>
</div>
</div>
</div>
</div>