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

Fix send view

Browse source
This commit is contained in:
Gustavo Maximiliano Cortez 2015-02-18 19:19:01 -03:00
commit 59d6bec60f
1 changed files with 45 additions and 51 deletions
Download patch file Download diff file Expand all files Collapse all files

96
views/send.html
View file

@ -1,40 +1,42 @@
<div class="send" ng-controller="SendController" ng-init="init()"> <div class="send" ng-controller="SendController" ng-init="init()">
<div class="columns" ng-show="$root.wallet.balanceInfo.lockedBalance"> <div class="row" ng-show="$root.wallet.balanceInfo.lockedBalance">
<div class="panel">
<div class="left">
<i class="fi-info size-42 m10r"></i>
</div>
<div>
<p class="m0 size-14 text-bold">Available Balance: {{$root.wallet.balanceInfo.availableBalance}} {{$root.wallet.settings.unitName}}</p>
<span class="size-12 text-gray">{{$root.wallet.balanceInfo.lockedBalance}} {{$root.wallet.settings.unitName}} in pending transactions</span>
</div>
</div>
</div>
<div class="row show-for-large-up">
<div class="large-8 large-centered columns">
<h1>{{$root.title}}</h1>
</div>
</div>
<div class="row" ng-show="fetchingURL">
<div class="large-12 columns"> <div class="large-12 columns">
<div class="panel"> <div class="panel">
<div class="box-notification"> <div class="left">
<div class="box-icon secondary"> <i class="fi-info size-42 m10r"></i>
<i class="fi-bitcoin-circle icon-rotate spinner size-24"></i> </div>
</div> <div>
<span class="text-secondary size-14"> <p class="m0 size-14 text-bold">Available Balance: {{$root.wallet.balanceInfo.availableBalance}} {{$root.wallet.settings.unitName}}</p>
Fetching Payment Information... <span class="size-12 text-gray">{{$root.wallet.balanceInfo.lockedBalance}} {{$root.wallet.settings.unitName}} in pending transactions</span>
</span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="row">
<div class="row" ng-show="!fetchingURL">
<div class="large-8 large-centered columns"> <div class="large-8 large-centered columns">
<form name="sendForm" ng-submit="submitForm(sendForm)" ng-disabled="loading" novalidate> <div class="row show-for-large-up">
<div class="large-7 columns">
<h1>{{$root.title}}</h1>
</div>
<div class="large-5 columns show-for-large-up text-right"
ng-show="(!lockAddress && !_merchantData && !fetchingURL)">
<div ng-hide="showScanner || disableScanner">
<a class="button radius black tiny m0" ng-click="openScanner()"><i class="fi-camera size-18 vm m5r"></i> Scan QR </a>
</div>
<div ng-show="showScanner">
<a translate class="button radius tiny warning m0" ng-click="cancelScanner()"><i class="fi-x size-18"></i> </a>
</div>
</div>
</div>
<div class="box-notification" ng-show="fetchingURL">
<div class="box-icon secondary">
<i class="fi-bitcoin-circle size-24"></i>
</div>
<span class="text-secondary size-14">
Fetching Payment Information...
</span>
</div>
<form ng-show="!fetchingURL" name="sendForm" ng-submit="submitForm(sendForm)" ng-disabled="loading" novalidate>
<div class="panel"> <div class="panel">
<div class="box-notification" ng-show="error && !hideForWP "> <div class="box-notification" ng-show="error && !hideForWP ">
<div class="box-icon error"> <div class="box-icon error">
@ -63,15 +65,15 @@
</label> </label>
<span ng-hide="sendForm.address.$pristine"> <span ng-hide="sendForm.address.$pristine">
<span translate class="has-error right size-12" ng-show="sendForm.address.$invalid && _address"> <span translate class="has-error right size-12" ng-show="sendForm.address.$invalid && _address">
<span class="icon-input"> <span class="icon-input">
<i class="fi-x"></i> <i class="fi-x"></i>
</span> </span>
Not valid Not valid
</span> </span>
<small class="icon-input right" ng-show="!sendForm.address.$invalid"> <small class="icon-input right" ng-show="!sendForm.address.$invalid">
<i class="fi-check"></i> <i class="fi-check"></i>
</small> </small>
</span> </span>
</div> </div>
@ -101,10 +103,10 @@
<div class="m5b right" ng-hide="sendForm.amount.$pristine"> <div class="m5b right" ng-hide="sendForm.amount.$pristine">
<span translate class="has-error right size-12" ng-show="sendForm.amount.$invalid"> <span translate class="has-error right size-12" ng-show="sendForm.amount.$invalid">
<span class="icon-input"><i class="fi-x"></i></span> <span class="icon-input"><i class="fi-x"></i></span>
Not valid Not valid
</span> </span>
<small class="icon-input right" ng-show="!sendForm.amount.$invalid"> <small class="icon-input right" ng-show="!sendForm.amount.$invalid">
<i class="fi-check"></i> <i class="fi-check"></i>
</small> </small>
</div> </div>
<div ng-show="!showAlternative"> <div ng-show="!showAlternative">
@ -141,21 +143,13 @@
</div> </div>
<div class="row"> <div class="row">
<div class="large-6 medium-6 small-12 columns text-right"> <div class="large-6 medium-6 small-12 columns">
<button type="submit" class="button primary expand" ng-disabled="sendForm.$invalid || loading"> <button type="submit" class="button primary expand" ng-disabled="sendForm.$invalid || loading">
Send Send
</button> </button>
</div> </div>
<div class="large-4 medium-4 small-12 columns text-left"> <div class="large-4 medium-4 small-12 columns text-right">
<div class="show-for-large-up text-right" ng-show="!lockAddress && !_merchantData"> <a ng-click="resetForm()" class="button expand warning"
<div ng-hide="showScanner || disableScanner">
<a class="button radius black size-12" ng-click="openScanner()"><i class="fi-camera size-18 vm m5r"></i> Scan QR </a>
</div>
<div ng-show="showScanner">
<a translate class="button radius tiny warning" ng-click="cancelScanner()"><i class="fi-x size-18"></i> </a>
</div>
</div>
<a ng-click="resetForm()" class="button expand warning m0"
ng-show="(_merchantData || lockAddress) && !loading">Cancel</a> ng-show="(_merchantData || lockAddress) && !loading">Cancel</a>
</div> </div>
</div> </div>