aodb/app/flight-detail/transactions/transaction-list.tpl.html
Martin Donnelly afe73b5baa upload
2016-12-22 00:00:06 +00:00

69 lines
4.2 KiB
HTML

<ion-view view-title="Transaction List">
<ion-content class="padding" scroll="true" has-bounce="true">
<div class="row" ng-show="vm.loading">
<div class="col">
<ion-spinner icon="spiral" class="primary-color vcenter"></ion-spinner>
</div>
</div>
<button ng-if="vm.$stateParams.tranAccessModel.Add" ng-disabled="vm.status === 'loadingAddPage'" class="round-overlay-button bottom-right assertive button button-icon icon ion-ios7-search-strong light"
fab ng-click="vm.showAddTransaction()">
<ng-if ng-if="vm.status==='loadingAddPage'">
<ion-spinner icon="spiral" class="vcenter white"></ion-spinner>
</ng-if>
<ng-if ng-if="vm.status==='awaitingAdd'">
<i class="icon ion-plus"></i>
</ng-if>
</button>
<ion-scroll zooming="true" direction="y" style="width: auto; height: 100%">
<ion-refresher class="primary-color" pulling-text="Refresh" on-refresh="vm.load(false)" spinner="none">
</ion-refresher>
<ion-list class="flight-container" ng-show="!vm.loading">
<ion-item class="flight-detail list" collection-repeat="trn in vm.transactions" item-height="32%" item-width="100%">
<a class="item" on-tap="vm.showTransactionDetail(trn)">
<div class="row">
<div class="col text-left primary-color shunt-down-text">
<span class="large-descriptor">
{{trn.Name}}
</span>
</div>
<div class="col text-left primary-color shunt-down-text" ></div>
<div class="col">
<i ng-class="(trn.Confirmed) ? 'icon-status-on-green' : 'icon-status-off'" class="icon ion-checkmark-round" style="position:absolute; right:25px;top:5px" ></i>
<i ng-class="(trn.Cancelled) ? 'icon-status-on-red' : 'icon-status-off'" class="icon ion-close-round" style="position:absolute; right:5px; top:5px"></i>
</div>
</div>
<div class="row">
<div class="col text-left primary-color shunt-down-text">
<span class="descriptor">PONum:</span> {{trn.PONumber}} &nbsp;
</div>
<div class="col text-left primary-color shunt-down-text">
<span class="descriptor">Code:</span> {{trn.Code}} &nbsp;
</div>
<div class="col text-left primary-color shunt-down-text" ng-if="trn.CodeType == 2 || trn.CodeType == 3">
<span class="descriptor">Dur:</span> {{trn.Duration}}
</div>
<div class="col" ></div>
</div>
<div class="row">
<div class="col text-left primary-color shunt-down-text" ng-if="trn.CodeType == 1 || trn.CodeType == 3">
<span class="descriptor">Quan: </span> {{trn.Quantity}}
</div>
<div class="col text-left primary-color shunt-down-text" ng-if="trn.CodeType == 2 || trn.CodeType == 3">
<span class="descriptor">Start: </span> {{trn.StartTime}}
</div>
<div class="col" ></div>
</div>
<div class="row">
</div>
<div class="row" ng-if="trn.CodeType == 2 || trn.CodeType == 3">
<div class="col text-left primary-color shunt-down-text">
<span class="descriptor">End: </span> {{trn.EndTime}}
</div>
</div>
</a>
</ion-item>
</ion-list>
</ion-scroll>
</ion-content>
</ion-view>