mirror of https://github.com/BTCPrivate/copay.git
297 lines
13 KiB
HTML
297 lines
13 KiB
HTML
<ion-view id="walletDetails">
|
||
|
||
<ion-nav-bar ng-style="{'background-color': wallet.color}">
|
||
<ion-nav-title>{{wallet.name}}</ion-nav-title>
|
||
<ion-nav-back-button>
|
||
</ion-nav-back-button>
|
||
<ion-nav-buttons side="secondary">
|
||
<button class="button back-button" ng-click="startSearch(); openSearchModal()" ng-if="txHistory.length > 4">
|
||
<i class="icon ion-ios-search-strong tx-search"></i>
|
||
</button>
|
||
</ion-nav-buttons>
|
||
</ion-nav-bar>
|
||
|
||
<div class="bp-content" ng-class="{'status-bar': isCordova && isIOS}">
|
||
|
||
<div class="amount-wrapper" ng-show="wallet && wallet.isComplete() && amountIsCollapsible" ng-style="{'background-color':wallet.color}">
|
||
<div
|
||
class="amount-bg"
|
||
ng-style="{'background-color':wallet.color}"
|
||
ng-class="{collapsible: amountIsCollapsible}"
|
||
></div>
|
||
<div
|
||
ng-style="{'background-color':wallet.color, 'height': amountHeight}"
|
||
class="amount"
|
||
ng-class="{collapsible: amountIsCollapsible}"
|
||
>
|
||
<div ng-if="!notAuthorized && !updatingStatus">
|
||
|
||
<div ng-show="updateStatusError">
|
||
<span class="size-12 db m10">{{updateStatusError}}</span>
|
||
<a class="button button-outline button-light button-small" ng-click='updateAll(true)' translate>Tap to retry</a>
|
||
</div>
|
||
|
||
<div ng-show="walletNotRegistered">
|
||
<span class="size-12 db m10" translate>This wallet is not registered at the given Bitcore Wallet Service (BWS). You can recreate it from the local information.</span>
|
||
<a class="button button-outline button-light button-small" ng-click='recreate()' translate>Recreate</a>
|
||
</div>
|
||
|
||
<div
|
||
ng-click='updateAll(true)'
|
||
ng-show="!updateStatusError && !wallet.balanceHidden"
|
||
on-hold="hideToggle()"
|
||
ng-style="{'transform': amountScale}"
|
||
ng-class="{amount__balance: amountIsCollapsible}">
|
||
<strong class="size-36">{{status.totalBalanceStr}}</strong>
|
||
<div
|
||
class="size-14 amount-alternative"
|
||
ng-if="status.totalBalanceAlternative"
|
||
ng-style="{opacity: altAmountOpacity}"
|
||
>
|
||
{{status.totalBalanceAlternative}} {{status.alternativeIsoCode}}
|
||
</div>
|
||
</div>
|
||
|
||
<div ng-style="{'transform': amountScale}"
|
||
class="amount__balance"
|
||
ng-show="!updateStatusError && wallet.balanceHidden"
|
||
on-hold="hideToggle()">
|
||
<strong class="size-24" translate>[Balance Hidden]</strong>
|
||
<div ng-style="{opacity: altAmountOpacity}" class="size-14 amount-alternative" translate>
|
||
Tap and hold to show
|
||
</div>
|
||
</div>
|
||
|
||
<div ng-if="!wallet.balanceHidden && showBalanceButton" ng-style="{'opacity': altAmountOpacity, 'transform': amountScale}">
|
||
<button class="button button-standard button-primary amount__button-balance size-14" ng-click="openBalanceModal()">
|
||
<i class="icon ion-ios-checkmark-outline"></i>
|
||
<strong>
|
||
{{status.spendableBalanceStr}}
|
||
</strong>
|
||
|
||
<span>
|
||
{{status.spendableBalanceAlternative}} {{status.alternativeIsoCode}}
|
||
</span>
|
||
</button>
|
||
</div>
|
||
|
||
</div>
|
||
<div ng-if="updatingStatus" class="amount__updating">
|
||
<div class="size-36">
|
||
<strong>...</strong>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="wallet-details-wallet-info" ng-style="{opacity: altAmountOpacity}">
|
||
<span ng-include="'views/includes/walletInfo.html'"></span>
|
||
</div>
|
||
</div>
|
||
|
||
<ion-content ng-style="{'margin-top': contentMargin}" ng-class="{collapsible: amountIsCollapsible}">
|
||
<ion-refresher
|
||
ng-if="isAndroid"
|
||
pulling-icon="ion-ios-refresh"
|
||
spinner="ios-small"
|
||
on-refresh="onRefresh()">
|
||
</ion-refresher>
|
||
|
||
<div class="amount-wrapper" ng-if="wallet && wallet.isComplete() && !amountIsCollapsible">
|
||
<div
|
||
class="amount-bg"
|
||
ng-style="{'background-color':wallet.color}"
|
||
></div>
|
||
<div
|
||
ng-style="{'background-color':wallet.color}"
|
||
class="amount"
|
||
ng-class="{'collapsible': amountIsCollapsible}"
|
||
>
|
||
<div ng-if="!updatingStatus">
|
||
|
||
<div ng-show="updateStatusError">
|
||
<span class="size-12 db m10">{{updateStatusError}}</span>
|
||
<a class="button button-outline button-light button-small" ng-click='updateAll()' translate>Tap to retry</a>
|
||
</div>
|
||
|
||
<div ng-show="walletNotRegistered">
|
||
<span class="size-12 db m10" translate>This wallet is not registered at the given Bitcore Wallet Service (BWS). You can recreate it from the local information.</span>
|
||
<a class="button button-outline button-light button-small" ng-click='recreate()' translate>Recreate</a>
|
||
</div>
|
||
|
||
<div ng-click='updateAll(true)' ng-show="!updateStatusError && !wallet.balanceHidden" on-hold="hideToggle()" ng-style="{'transform': amountScale}">
|
||
<strong class="size-36">{{status.totalBalanceStr}}</strong>
|
||
<div class="size-14 amount-alternative" ng-if="status.totalBalanceAlternative">{{status.totalBalanceAlternative}} {{status.alternativeIsoCode}}</div>
|
||
</div>
|
||
|
||
<div ng-if="!wallet.balanceHidden && showBalanceButton" ng-style="{'opacity': altAmountOpacity, 'transform': amountScale}">
|
||
<button class="button button-standard button-primary amount__button-balance size-14" ng-click="openBalanceModal()">
|
||
<i class="icon ion-ios-checkmark-outline"></i>
|
||
<strong>
|
||
{{status.spendableBalanceStr}}
|
||
</strong>
|
||
|
||
<span>
|
||
{{status.spendableBalanceAlternative}} {{status.alternativeIsoCode}}
|
||
</span>
|
||
</button>
|
||
</div>
|
||
|
||
<div ng-show="!updateStatusError && wallet.balanceHidden" ng-style="{'transform': amountScale}" on-hold="hideToggle()">
|
||
<strong class="size-24" translate>[Balance Hidden]</strong>
|
||
<div class="size-14" translate>
|
||
Tap and hold to show
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div ng-if="updatingStatus">
|
||
<div class="size-36">
|
||
<strong>...</strong>
|
||
</div>
|
||
</div>
|
||
</div> <!-- amount -->
|
||
|
||
<div class="wallet-details-wallet-info">
|
||
<span ng-include="'views/includes/walletInfo.html'"></span>
|
||
</div>
|
||
</div> <!-- oh -->
|
||
|
||
<a class="wallet-not-backed-up-warning" ng-if="wallet.needsBackup" ui-sref="tabs.wallet.backupWarning({from: 'tabs.wallet'})" translate>
|
||
Wallet not backed up
|
||
</a>
|
||
|
||
<div class="p60b" ng-if="wallet && wallet.isComplete() && !walletNotRegistered" style="padding-top: 1rem;">
|
||
<div class="oh pr m20t" ng-show="wallet.incorrectDerivation">
|
||
<div class="text-center text-warning">
|
||
<i class="fi-alert"></i>
|
||
<span translate>
|
||
WARNING: Key derivation is not working on this device/wallet. Actions cannot be performed on this wallet.
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<div class="list" ng-if="txps[0]">
|
||
<!-- <div class="item item-heading" translate>
|
||
<span ng-show="requiresMultipleSignatures" translate>Payment Proposals</span>
|
||
<span ng-show="!requiresMultipleSignatures" translate>Unsent transactions</span>
|
||
</div> -->
|
||
<div class="wallet-details__group-label" style="padding-bottom: 8px;">
|
||
<span ng-show="requiresMultipleSignatures" translate>Proposals</span>
|
||
<span ng-show="!requiresMultipleSignatures" translate>Unsent transactions</span>
|
||
</div>
|
||
<div ng-repeat="tx in txps" ng-click="openTxpModal(tx)">
|
||
<a class="wallet-details__item proposal item" ng-include="'views/includes/txp.html'"></a>
|
||
</div>
|
||
<div class="item item-footer description" ng-show="status.lockedBalanceSat" style="background: white;">
|
||
<span translate>Total Locked Balance</span>:
|
||
<b>{{status.lockedBalanceStr}} </b>
|
||
<span> {{status.lockedBalanceAlternative}} {{status.alternativeIsoCode}} </span>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Transactions -->
|
||
|
||
<div class="oh pr m20t text-gray size-12 text-center"
|
||
ng-show="!txHistory[0] && !updatingTxHistory && !updateTxHistoryError && !updateStatusError" translate>
|
||
No transactions yet
|
||
</div>
|
||
|
||
|
||
<div class="oh pr m20t text-gray size-12 text-center"
|
||
ng-show="!txHistory[0] && !updatingTxHistory && updateTxHistoryError" translate>
|
||
Could not update transaction history
|
||
</div>
|
||
|
||
|
||
<div ng-show="updatingTxHistory && updatingTxHistoryProgress>5" class="updatingHistory">
|
||
<div class="row" >
|
||
<ion-spinner class="spinner-dark" icon="crescent"></ion-spinner>
|
||
</div>
|
||
<div class="row" >
|
||
<div class="col">
|
||
<span translate>Updating transaction history. Please stand by.</span><br>
|
||
<span translate>{{updatingTxHistoryProgress}} transactions downloaded</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="wallet-details__list" ng-show="txHistory[0]">
|
||
<div ng-repeat="btx in txHistory track by $index" ng-click="openTxModal(btx)">
|
||
<div class="wallet-details__group-label" ng-if="isFirstInGroup($index)">
|
||
<span ng-if="isDateInCurrentMonth(getDate(btx.time))">
|
||
<span translate>Recent</span>
|
||
</span>
|
||
|
||
<span ng-if="!isDateInCurrentMonth(getDate(btx.time))">
|
||
{{getDate(btx.time) | amDateFormat:'MMMM'}}
|
||
</span>
|
||
</div>
|
||
|
||
<a class="wallet-details__item item">
|
||
<img class="wallet-details__tx-icon" src="img/icon-confirming.svg" width="40" ng-if="isUnconfirmed(btx)">
|
||
<span ng-if="!isUnconfirmed(btx)">
|
||
<img class="wallet-details__tx-icon" src="img/icon-tx-received-outline.svg" width="40" ng-if="btx.action == 'received'">
|
||
<img class="wallet-details__tx-icon" src="img/icon-tx-sent-outline.svg" width="40" ng-if="btx.action == 'sent'">
|
||
<img class="wallet-details__tx-icon" src="img/icon-tx-moved-outline.svg" width="40" ng-if="btx.action == 'moved'">
|
||
</span>
|
||
|
||
<div class="wallet-details__tx-content" ng-class="{'no-border': isLastInGroup($index)}">
|
||
|
||
<div class="wallet-details__tx-title" ng-if="!isUnconfirmed(btx)">
|
||
<div ng-show="btx.action == 'received'" class="ellipsis">
|
||
<div ng-if="btx.note.body" class="wallet-details__tx-message ellipsis">{{btx.note.body}}</div>
|
||
<div ng-if="!btx.note.body" class="wallet-details__tx-message ellipsis" translate>Received</div>
|
||
</div>
|
||
|
||
<div ng-show="btx.action == 'sent'" class="ellipsis">
|
||
<div ng-if="btx.message" class="wallet-details__tx-message ellipsis">{{btx.message}}</div>
|
||
<div ng-if="!btx.message && btx.note.body" class="wallet-details__tx-message ellipsis">{{btx.note.body}}</div>
|
||
<div ng-if="!btx.message && !btx.note.body && addressbook[btx.addressTo]" class="wallet-details__tx-message ellipsis">
|
||
{{addressbook[btx.addressTo].name || addressbook[btx.addressTo]}}
|
||
</div>
|
||
<div ng-if="!btx.message && !btx.note.body && !addressbook[btx.addressTo]" translate>Sent</div>
|
||
</div>
|
||
|
||
<div ng-show="btx.action == 'moved'" class="ellipsis">
|
||
<div ng-if="btx.note.body" class="wallet-details__tx-message ellipsis">{{btx.note.body}}</div>
|
||
<div ng-if="!btx.note.body" class="wallet-details__tx-message ellipsis" translate>Moved</div>
|
||
</div>
|
||
<span class="label tu warning radius" ng-if="btx.action == 'invalid'" translate>Invalid</span>
|
||
</div>
|
||
|
||
<div class="wallet-details__tx-title" ng-if="isUnconfirmed(btx)">
|
||
<div class="ellipsis" style="color: #B4B4B4;">
|
||
<span ng-if="btx.action == 'sent' || btx.action == 'moved'" translate>Sending</span>
|
||
<span ng-if="btx.action == 'received'" translate>Receiving</span>
|
||
</div>
|
||
</div>
|
||
|
||
<span class="item-note text-right wallet-details__tx-amount">
|
||
<span class="wallet-details__tx-amount" ng-class="{'wallet-details__tx-amount--recent': btx.recent, 'wallet-details__tx-amount--received': btx.action == 'received', 'wallet-details__tx-amount--sent': btx.action == 'sent'}">
|
||
<span ng-if="btx.action == 'sent'">–</span>
|
||
<span class="size-12" ng-if="btx.action == 'invalid'" translate>
|
||
(possible double spend)
|
||
</span>
|
||
<span ng-if="btx.action != 'invalid'">
|
||
{{btx.amountStr}}
|
||
</span>
|
||
</span>
|
||
<div>
|
||
<time class="wallet-details__tx-time" ng-if="btx.time && createdWithinPastDay(btx.time)">{{btx.time * 1000 | amTimeAgo}}</time>
|
||
<time class="wallet-details__tx-time" ng-if="btx.time && !createdWithinPastDay(btx.time)">
|
||
{{btx.time * 1000 | amDateFormat:'MMM D, YYYY'}}
|
||
</time>
|
||
</div>
|
||
</span>
|
||
</div>
|
||
</a>
|
||
|
||
</div>
|
||
</div>
|
||
<ion-infinite-scroll
|
||
ng-if="txHistoryShowMore"
|
||
on-infinite="showMore()"
|
||
distance="1%">
|
||
</ion-infinite-scroll>
|
||
</div>
|
||
</ion-content>
|
||
</div>
|
||
</ion-view>
|