paper wallet in advanced options
This commit is contained in:
parent
21de0baf74
commit
0b1df04a82
7 changed files with 269 additions and 56 deletions
73
public/views/modals/paperWallet.html
Normal file
73
public/views/modals/paperWallet.html
Normal file
|
|
@ -0,0 +1,73 @@
|
|||
<nav class="tab-bar">
|
||||
<section class="left-small">
|
||||
<a ng-click="cancel()" class="p10">
|
||||
<span class="text-close" translate>Close</span>
|
||||
</a>
|
||||
</section>
|
||||
<section class="middle tab-bar-section">
|
||||
<h1 class="title ellipsis" ng-style="{'color':color}" translate>
|
||||
Paper wallet amount
|
||||
</h1>
|
||||
</section>
|
||||
</nav>
|
||||
|
||||
<div class="modal-content fix-modals-touch">
|
||||
<h4 class="title m0" translate>Details</h4>
|
||||
<ul class="no-bullet size-14 m0">
|
||||
<li class="line-b p10 oh">
|
||||
<span class="text-gray" translate>Address</span>:
|
||||
<span class="right">
|
||||
<span class="text-gray enable_text_select">{{addr}}</span>
|
||||
</span>
|
||||
</li>
|
||||
<li class="line-b p10 oh">
|
||||
<span class="text-gray" translate>Amount</span>:
|
||||
<span class="right">
|
||||
{{customizedAmountUnit}}
|
||||
<span class="label gray radius">{{customizedAlternativeUnit}}</span>
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div ng-show="!customizedAmountBtc" class="row m20t">
|
||||
<div class="large-12 large-centered columns">
|
||||
<form name="amountForm" ng-submit="submitForm(amountForm)" novalidate>
|
||||
<div class="right" ng-hide="amountForm.amount.$pristine && !amountForm.amount.$modelValue ">
|
||||
<span class="has-error right size-12" ng-if="amountForm.amount.$invalid">
|
||||
<i class="icon-close-circle size-14"></i>
|
||||
<span clas="vm" translate>Not valid</span>
|
||||
</span>
|
||||
<small class="text-primary right" ng-if="!amountForm.amount.$invalid">
|
||||
<i class="icon-checkmark-circle size-14"></i>
|
||||
</small>
|
||||
</div>
|
||||
<div ng-if="!showAlternative">
|
||||
<label for="amount">
|
||||
<span translate>Amount</span>
|
||||
</label>
|
||||
<div class="input">
|
||||
<input type="number" id="amount" name="amount" ng-attr-placeholder="{{'Amount'|translate}}"
|
||||
ng-model="_customAmount" valid-amount required autocomplete="off">
|
||||
<input type="number" id="alternative" name="alternative" ng-model="_customAlternative" style="display:none">
|
||||
<a class="postfix" ng-click="toggleAlternative()">{{unitName}}</a>
|
||||
</div>
|
||||
</div>
|
||||
<div ng-if="showAlternative">
|
||||
<label for="alternative"><span translate>Amount in</span> {{ alternativeName }}
|
||||
</label>
|
||||
<div class="input">
|
||||
<input type="number" id="alternative" name="alternative" ng-attr-placeholder="{{'Amount'|translate}}"
|
||||
ng-model="_customAlternative" required autocomplete="off" required>
|
||||
<input type="number" id="amount" name="amount" ng-model="_customAmount" style="display:none">
|
||||
<a class="postfix" ng-click="toggleAlternative()"> {{ alternativeIsoCode }}</a>
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="button black round expand" ng-disabled="amountForm.$invalid" ng-style="{'background-color':color}" translate>
|
||||
Generate QR Code
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="extra-margin-bottom"></div>
|
||||
</div>
|
||||
41
public/views/paperWallet.html
Normal file
41
public/views/paperWallet.html
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
<div
|
||||
class="topbar-container"
|
||||
ng-include="'views/includes/topbar.html'"
|
||||
ng-init="titleSection='Scan Paper Wallet'; goBackToState = 'preferencesAdvanced';">
|
||||
</div>
|
||||
|
||||
<div class="content p20v" ng-controller="paperWalletController as paperWallet">
|
||||
<div class="row">
|
||||
<div class="large-12 medium-12 columns">
|
||||
<div class="text-warning size-14 m20b" ng-show="paperWallet.error">
|
||||
<i class="fi-alert size-12"></i>
|
||||
<span translate>{{paperWallet.error}}</span>
|
||||
</div>
|
||||
<div ng-show="!paperWallet.balance" class="input">
|
||||
<label for="privateKey"><span>Paper Wallet Private Key</span></label>
|
||||
<input type="text" placeholder="Paste your paper wallet private key here" ng-model="privateKey" id="privateKey">
|
||||
<div class="qr-scanner-input">
|
||||
<qr-scanner on-scan="paperWallet.onQrCodeScanned(data)"></qr-scanner>
|
||||
</div>
|
||||
<label for="passphrase">
|
||||
<span>Passphrase (if you have one): </span>
|
||||
</label>
|
||||
<input id="passphrase" type="password" name="passphrase" placeholder="Passphrase" ng-model="passphrase">
|
||||
</div>
|
||||
<div ng-show="paperWallet.balance">
|
||||
<label for="totalBalance">
|
||||
<h2 translate>Total Amount to be recived: {{paperWallet.balance}} BTC</h2>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="large-12 medium-12 columns" ng-show="paperWallet.balance">
|
||||
<button ng-style="{'background-color':index.backgroundColor}" class="button black round expand" ng-click="paperWallet.transaction()" translate>Accept</button>
|
||||
</div>
|
||||
<div class="large-12 medium-12 columns" ng-show="!paperWallet.balance" >
|
||||
<button ng-style="{'background-color':index.backgroundColor}" class="button black round expand" ng-click="paperWallet.createTx(privateKey, passphrase)" translate>Create transaction</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="extra-margin-bottom"></div>
|
||||
|
|
@ -16,6 +16,11 @@
|
|||
<li class="line-b p20" ng-click="index.retryScan(); $root.go('walletHome'); ">
|
||||
<span translate>Scan addresses for funds</span>
|
||||
</li>
|
||||
|
||||
<li class="line-b p20" ng-click="$root.go('paperWallet')">
|
||||
<i class="icon-arrow-right3 size-24 right text-gray"></i>
|
||||
<span translate>Scan Paper Wallet</span>
|
||||
</li>
|
||||
|
||||
<li class="line-b p20" ng-click="$root.go('export')">
|
||||
<i class="icon-arrow-right3 size-24 right text-gray"></i>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue