Wallet/www/views/customAmount.html

85 lines
3.9 KiB
HTML
Raw Normal View History

2016-11-24 11:42:25 -03:00
<ion-view id="custom-amount" hide-tabs>
<ion-nav-bar class="bar-royal">
2017-05-24 16:24:52 -03:00
<ion-nav-buttons side="primary">
<button class="button back-button button-clear" ng-click="close()" translate>
Close
</button>
</ion-nav-buttons>
2016-11-24 11:42:25 -03:00
<ion-nav-title>
{{'Custom Amount' | translate}}
</ion-nav-title>
<ion-nav-buttons side="secondary">
2017-05-24 16:24:52 -03:00
<button class="button-share ng-hide" ng-show="showShareButton" ng-click="shareAddress()">
2017-07-11 12:24:59 -03:00
<i class="icon"
2018-07-19 15:43:32 +02:00
ng-class="{
2017-07-11 12:24:59 -03:00
'ion-ios-upload-outline': showShareButton == 'iOS',
2017-05-24 16:24:52 -03:00
'ion-android-share-alt': showShareButton != 'iOS'
}"></i>
2016-11-24 11:42:25 -03:00
</button>
</ion-nav-buttons>
</ion-nav-bar>
<ion-content scroll="false">
<div class="address" ng-if="address && amountBtc">
<div ng-show="showingPaymentReceived" ng-click="showingPaymentReceived = false">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 130.2 130.2">
2018-07-19 15:43:32 +02:00
<circle class="path circle" fill="none" stroke="#19B234" stroke-width="6" stroke-miterlimit="10" cx="65.1" cy="65.1" r="62.1"/>
<polyline class="path check" fill="none" stroke="#19B234" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" points="100.2,40.2 51.5,88.8 29.8,67.5 "/>
</svg>
<p class="success animated fadeIn" style="text-align: center">
<br/>Payment Received!<br/>
<br/>Return To Address<br/>
</p>
</div>
2018-07-19 15:21:27 +02:00
<div ng-show="!showingPaymentReceived" class="amount">
<div ng-show="selectedPriceDisplay=='crypto'">
2018-08-13 14:44:07 +09:00
<span class="size-36"><formatted-amount value="{{amountUnitStr}}"></formatted-amount></span>
2018-07-19 15:21:27 +02:00
<div class="size-14 amount-alternative">
2018-08-13 14:44:07 +09:00
<formatted-amount value="{{altAmountStr | uppercase}}"></formatted-amount>
2018-07-19 15:21:27 +02:00
</div>
</div>
<div ng-show="selectedPriceDisplay=='fiat'">
2018-08-13 14:44:07 +09:00
<span class="size-36"><formatted-amount value="{{altAmountStr | uppercase}}"></formatted-amount></span>
2018-07-19 15:21:27 +02:00
<div class="size-14 amount-alternative">
2018-08-13 14:44:07 +09:00
<formatted-amount value="{{amountUnitStr}}"></formatted-amount>
2018-07-19 15:21:27 +02:00
</div>
</div>
</div>
<div ng-show="!showingPaymentReceived" class="qr-code" copy-to-clipboard="copyToClipboard()">
<qrcode class="qr-overlay qr-overlay--{{ wallet.coin }}" size="220" data="{{ protocolHandler }}:{{address + '?amount=' + amountBtc}}" color="#334"></qrcode>
2016-11-24 11:42:25 -03:00
</div>
<div ng-show="!showingPaymentReceived" ng-show="address && coin == 'bch'" class="address-types">
2018-01-15 17:45:06 +09:00
<div>
2018-07-19 15:43:32 +02:00
<button ng-show="address && coin == 'bch' && bchAddressType != 'cashaddr'" class="button-address" ng-click="displayAddress('cashaddr')">
2018-01-15 17:45:06 +09:00
<span translate>Display new style address</span>
</button>
</div>
<div>
2018-07-19 15:43:32 +02:00
<button ng-show="address && coin == 'bch' && bchAddressType != 'legacy'" class="button-address" ng-click="displayAddress('legacy')">
2018-01-15 17:45:06 +09:00
<span translate>Display legacy address</span>
</button>
</div>
<div>
2018-07-19 15:43:32 +02:00
<button ng-show="address && coin == 'bch' && bchAddressType != 'bitpay'" class="button-address" ng-click="displayAddress('bitpay')">
2018-01-15 17:45:06 +09:00
<span translate>Display BitPay address</span>
</button>
</div>
</div>
2017-07-11 12:24:59 -03:00
<div class="info">
2018-07-19 15:43:32 +02:00
<div class="item single-line" copy-to-clipboard="(coin == 'bch' && bchAddressType == 'cashaddr' ? 'bitcoincash:' : '') + address">
<span class="label" translate>Address</span>
<span class="item-note ellipsis">
{{address}}
</span>
</div>
<div class="item single-line">
<div class="wallet">
2017-09-20 11:53:30 -03:00
<i class="icon big-icon-svg" ng-include="'views/includes/walletIcon.html'"></i>
{{wallet.name}}
</div>
2017-07-11 12:24:59 -03:00
<div class="label" translate>Receive in</div>
</div>
2016-11-24 11:42:25 -03:00
</div>
</div>
2016-11-24 11:42:25 -03:00
</ion-content>
</ion-view>