Wallet/www/views/modals/search.html

50 lines
2.2 KiB
HTML
Raw Normal View History

2016-08-22 18:20:01 -03:00
<ion-modal-view>
<ion-header-bar align-title="center" class="bar-royal" ng-style="{'background-color':color, 'border-color': color}">
2017-01-10 12:09:00 -03:00
<button class="button button-clear" ng-click="close()" translate>
2016-09-07 13:34:47 -03:00
Close
</button>
<div class="title" translate>
Search Transactions ({{wallet.coin}})
</div>
</ion-header-bar>
2016-09-02 14:29:34 -03:00
<ion-content ng-controller="searchController" ng-init="search = ''">
2016-08-22 18:20:01 -03:00
<div class="bar bar-header item-input-inset">
<label class="item-input-wrapper">
<i class="icon ion-ios-search placeholder-icon"></i>
<input type="search" ng-model="search" ng-init="search = ''" ng-change="updateSearchInput(search)"
2016-05-17 11:09:22 -03:00
placeholder="{{'Search transactions' | translate}}">
2016-08-22 18:20:01 -03:00
</label>
2016-05-17 11:09:22 -03:00
</div>
2016-08-22 18:20:01 -03:00
<div class="list">
<div class="wallet-details__list" ng-show="filteredTxHistory.length === 0 && search != ''">
<div class="text-gray text-center p10t">
{{'No results found'|translate}}
</div>
<div class="p10t text-center">
<button class="button button-small button-primary" ng-click="searchOnBlockchain(search)" translate>
<span ng-if="searchTermIsTxId">{{'Show Transaction on Blockchain'|translate}}</span>
<span ng-if="searchTermIsAddress">{{'Show Address on Blockchain'|translate}}</span>
<span ng-if="!searchTermIsAddress && !searchTermIsTxId">{{'Search on Blockchain'|translate}}</span>
</button>
</div>
</div>
2017-05-30 16:19:06 -03:00
<div class="wallet-details__list" ng-show="txHistory[0]">
<div ng-repeat="btx in txHistorySearchResults track by $index" ng-click="openTx(btx)">
<span ng-include="'views/includes/walletHistory.html'"></span>
</div>
2016-05-17 11:09:22 -03:00
</div>
2016-08-22 18:20:01 -03:00
<div class="text-gray text-center size-12 p10t" ng-if="txHistoryShowMore">
2016-12-09 11:26:24 -03:00
<span class="size-12">{{filteredTxHistory.length - txHistorySearchResults.length}} more</span>
2016-08-22 18:20:01 -03:00
&nbsp;
<i class="icon-arrow-down4"></i>
2016-05-17 11:09:22 -03:00
</div>
2016-08-22 18:20:01 -03:00
<ion-infinite-scroll
ng-if="txHistoryShowMore"
on-infinite="moreSearchResults()"
distance="1%">
</ion-infinite-scroll>
2016-06-14 15:04:07 -03:00
</div>
2016-05-17 11:09:22 -03:00
</ion-content>
</ion-modal-view>