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

61 lines
2.4 KiB
HTML

<div class="container">
<div class="row">
<div class="col-sm-2">
<ul class="list-group">
<li class="list-group-item animate" ng-repeat="date in dates" ng-class="{'active':date.ind==date_param}">
<a ng-if="date.ind!=date_param" ng-click="getDatePage(date.ind, 1)">{{date.dtime | date: 'EEE. MMM. d yyyy'}}</a>
<span ng-if="date.ind==date_param">{{date.dtime | date: 'EEE. MMM. d yyyy'}}</span>
</li>
</ul>
</div>
<div class="col-sm-10">
<div style="text-align:center;">
<ul class="pagination">
<li>
<a ng-click="getDatePage(date_param, 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="getDatePage(date_param, p)">{{p}}</a></li>
<li>
<a ng-click="getDatePage(date_param, page_num_next)" aria-label="Next">
<span aria-hidden="true">&raquo;</span>
</a>
</li>
</ul>
</div>
<div class="row">
<button class="btn btn-primary" ng-click="selectcards()">Compare Multiple Cards</button>
</div>
<div ng-if="loading" class="well">
<h1>Loading Cards...</h1>
</div>
<div ng-if="!loading" class="table-responsive">
<table class="table table-striped">
<thead>
<tr>
<th></th>
<th style="text-align:center;">Date</th>
<!-- <th style="text-align:center;">Fillage</th> -->
<th style="text-align:center;">Type</th>
<th style="text-align:center;"></th>
</tr>
</thead>
<tbody>
<tr ng-repeat="card in cards">
<td style="vertical-align: middle;text-align:center;"><input type="checkbox" ng-model="card.selected"></a></td>
<td style="vertical-align: middle;text-align:center;"><a href="/#/cards/{{card._id}}">{{card.created_on | date: "medium"}}</a></td>
<!-- <td style="vertical-align: middle;text-align:center;">{{card.Fillage_Percent | number: 2}} %</td> -->
<td style="vertical-align: middle;text-align:center;"><span class="btn" ng-class="{'btn-success':card.stroke_type=='Normal', 'btn-primary': card.stroke_type=='Shutdown', 'btn-danger': card.stroke_type=='Alarm', 'btn-warning':card.stroke_type=='Low Fillage',}">{{card.stroke_type}}</span></td>
<td style="vertical-align: middle;text-align:center;"><a href="/csv/{{card.id}}" class="btn btn-primary active">Download CSV</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>