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

Logic of transaction summary at send view

Browse source
This commit is contained in:
Yemel Jardi 2014-07-21 15:36:53 -03:00
commit f5b30a088c
2 changed files with 15 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

4
css/main.css
View file

@ -267,6 +267,10 @@ body, html{
color: #7A8C9E; color: #7A8C9E;
} }
.hidden {
visibility: hidden;
}
/* Turn Off Number Input Spinners */ /* Turn Off Number Input Spinners */
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { input[type=number]::-webkit-outer-spin-button {

24
views/send.html
View file

@ -54,7 +54,7 @@
Use all funds ({{getAvailableAmount()}} {{$root.unitName}}) Use all funds ({{getAvailableAmount()}} {{$root.unitName}})
</a> </a>
<div for="amount"> <div for="amount">
<small class="is-valid" ng-show="!sendForm.amount.$invalid && !sendForm.amount.$pristine">Valid</small> <small class="is-valid" ng-show="!sendForm.amount.$invalid">Valid</small>
<small class="has-error" ng-show="sendForm.amount.$invalid && !sendForm.amount.$pristine && !notEnoughAmount">Not valid</small> <small class="has-error" ng-show="sendForm.amount.$invalid && !sendForm.amount.$pristine && !notEnoughAmount">Not valid</small>
<small ng-show="notEnoughAmount" class="has-error">Insufficient funds</small> <small ng-show="notEnoughAmount" class="has-error">Insufficient funds</small>
<small class="icon-input" ng-show="!sendForm.amount.$invalid && amount"><i class="fi-check"></i></small> <small class="icon-input" ng-show="!sendForm.amount.$invalid && amount"><i class="fi-check"></i></small>
@ -78,21 +78,19 @@
<div class="send-bar large-4 columns left"> <div class="send-bar large-4 columns left">
<h6>Send to</h6> <h6>Send to</h6>
<p class="text-gray">address</p> <p class="text-gray" ng-class="{'hidden': sendForm.address.$invalid || !address}">
<div class="large-6 medium-6 columns m10t" ng-show="amount>0"> {{address}}&nbsp;
<h6> </p>
Total amount for this transaction: <h6>Total amount for this transaction:</h6>
</h6> <p class="text-gray" ng-class="{'hidden': sendForm.amount.$invalid || !amount > 0}">
<div class="totalAmount"> <b>{{amount + defaultFee |noFractionNumber}}</b> {{$root.unitName}}
<b>{{amount + defaultFee |noFractionNumber}}</b> {{$root.unitName}}
<small>
{{ ((amount + defaultFee) * unitToBtc)|noFractionNumber:8}} BTC
</small>
</div>
<small> <small>
{{ ((amount + defaultFee) * unitToBtc)|noFractionNumber:8}} BTC <br/>
Including fee of {{defaultFee|noFractionNumber}} {{$root.unitName}} Including fee of {{defaultFee|noFractionNumber}} {{$root.unitName}}
</small> </small>
</div> </p>
<h6>Note</h6>
<p ng-class="{'hidden': !commentText}">{{commentText}}&nbsp;</p>
<div> <div>
<button type="submit" class="button secondary expand text-center m0" ng-disabled="sendForm.$invalid || loading" loading="Sending"> <button type="submit" class="button secondary expand text-center m0" ng-disabled="sendForm.$invalid || loading" loading="Sending">
Send Send