anders/Wallet
1
0
Fork 0
Code Issues Projects Releases Packages Wiki Activity

Generate QR code with customized amount

Browse source
This commit is contained in:
Gustavo Maximiliano Cortez 2015-06-24 17:55:08 -03:00
commit 599f53d39f
No known key found for this signature in database
GPG key ID: 15EDAD8D9F2EB1AF
3 changed files with 166 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

80
public/views/modals/customized-amount.html Normal file
View file

@ -0,0 +1,80 @@
<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>
Receive a customized amount
</h1>
</section>
</nav>
<div class="modal-content">
<div ng-show="customizedAmount">
<h4 class="title m0" translate>QR Code</h4>
<ul class="no-bullet size-14 m0">
<li class="line-b p10 oh text-center">
<qrcode size="220" data="bitcoin:{{addr + '?amount=' + customizedAmount}}"></qrcode>
</li>
</ul>
<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">
{{customizedAmount}}
<span class="label gray radius">{{customizedAlternative}}</span>
</span>
</li>
</ul>
</div>
<div ng-show="!customizedAmount" 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-minlength="0.00000001" ng-maxlength="10000000000" 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" requiredautocomplete="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>

5
public/views/walletHome.html
View file

@ -264,6 +264,11 @@
</button>
</div>
</div>
<div class="text-center" ng-show="!home.generatingAddress && home.addr[index.walletId]">
<a class="size-12" ng-click="home.openCustomizedAmountModal(home.addr[index.walletId])" translate>
Receive a customized amount
</a>
</div>
</div>
<div class="extra-margin-bottom"></div>
</div> <!-- END Receive -->