Fix send view
This commit is contained in:
Gustavo Maximiliano Cortez
parent
17a70c1d50
commit
59d6bec60f
1 changed files with 45 additions and 51 deletions
|
|
@ -1,40 +1,42 @@
|
|||
<div class="send" ng-controller="SendController" ng-init="init()">
|
||||
<div class="columns" 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="row" ng-show="$root.wallet.balanceInfo.lockedBalance">
|
||||
<div class="large-12 columns">
|
||||
<div class="panel">
|
||||
<div class="box-notification">
|
||||
<div class="box-icon secondary">
|
||||
<i class="fi-bitcoin-circle icon-rotate spinner size-24"></i>
|
||||
</div>
|
||||
<span class="text-secondary size-14">
|
||||
Fetching Payment Information...
|
||||
</span>
|
||||
<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>
|
||||
|
||||
<div class="row" ng-show="!fetchingURL">
|
||||
<div class="row">
|
||||
<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="box-notification" ng-show="error && !hideForWP ">
|
||||
<div class="box-icon error">
|
||||
|
|
@ -63,15 +65,15 @@
|
|||
</label>
|
||||
|
||||
<span ng-hide="sendForm.address.$pristine">
|
||||
<span translate class="has-error right size-12" ng-show="sendForm.address.$invalid && _address">
|
||||
<span class="icon-input">
|
||||
<i class="fi-x"></i>
|
||||
</span>
|
||||
Not valid
|
||||
</span>
|
||||
<small class="icon-input right" ng-show="!sendForm.address.$invalid">
|
||||
<i class="fi-check"></i>
|
||||
</small>
|
||||
<span translate class="has-error right size-12" ng-show="sendForm.address.$invalid && _address">
|
||||
<span class="icon-input">
|
||||
<i class="fi-x"></i>
|
||||
</span>
|
||||
Not valid
|
||||
</span>
|
||||
<small class="icon-input right" ng-show="!sendForm.address.$invalid">
|
||||
<i class="fi-check"></i>
|
||||
</small>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -101,10 +103,10 @@
|
|||
<div class="m5b right" ng-hide="sendForm.amount.$pristine">
|
||||
<span translate class="has-error right size-12" ng-show="sendForm.amount.$invalid">
|
||||
<span class="icon-input"><i class="fi-x"></i></span>
|
||||
Not valid
|
||||
Not valid
|
||||
</span>
|
||||
<small class="icon-input right" ng-show="!sendForm.amount.$invalid">
|
||||
<i class="fi-check"></i>
|
||||
<i class="fi-check"></i>
|
||||
</small>
|
||||
</div>
|
||||
<div ng-show="!showAlternative">
|
||||
|
|
@ -141,21 +143,13 @@
|
|||
</div>
|
||||
|
||||
<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">
|
||||
Send
|
||||
</button>
|
||||
</div>
|
||||
<div class="large-4 medium-4 small-12 columns text-left">
|
||||
<div class="show-for-large-up text-right" ng-show="!lockAddress && !_merchantData">
|
||||
<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"
|
||||
<div class="large-4 medium-4 small-12 columns text-right">
|
||||
<a ng-click="resetForm()" class="button expand warning"
|
||||
ng-show="(_merchantData || lockAddress) && !loading">Cancel</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue