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

Fix UI

Browse source
This commit is contained in:
Gustavo Maximiliano Cortez 2017-01-13 11:00:04 -03:00
commit 3bf8b68b3c
No known key found for this signature in database
GPG key ID: 15EDAD8D9F2EB1AF
4 changed files with 193 additions and 74 deletions
Download patch file Download diff file Expand all files Collapse all files

69
www/views/buyCoinbase.html
View file

@ -7,51 +7,52 @@
<ion-content class="add-bottom-for-cta">
<!-- BUY -->
<div class="list">
<div class="item item-divider">
Purchase Info
</div>
<label class="item item-input item-select">
<div class="input-label">
Payment Method
</div>
<select ng-model="selectedPaymentMethodId.value"
ng-options="item.id as item.name for item in paymentMethods"
ng-change="buyRequest()">
</select>
</label>
<div class="list" ng-if="buyRequestInfo">
<div ng-if="buyRequestInfo">
<div class="item">
Amount
<span class="item-note">
{{buyRequestInfo.amount.amount}} {{buyRequestInfo.amount.currency}}
</span>
<div class="item head">
<div class="sending-label">
<img src="img/buy-bitcoin.svg" alt="buy bitcoin" width="35" class="item-img-buy">
<span>Buying</span>
</div>
<div class="item" ng-click="showWalletSelector()">
<span>Receive in</span>
<span class="item-note">{{wallet ? wallet.name : '...'}}</span>
<div class="amount-label">
<div class="amount">{{buyRequestInfo.amount.amount}} {{buyRequestInfo.amount.currency}}</div>
<div class="alternative">{{buyRequestInfo.subtotal.amount}} {{buyRequestInfo.subtotal.currency}}</div>
</div>
</div>
<div class="info">
<label class="item item-input item-select">
<div class="input-label">
Payment Method
</div>
<select ng-model="selectedPaymentMethodId.value"
ng-options="item.id as item.name for item in paymentMethods"
ng-change="buyRequest()">
</select>
</label>
<div class="item item-icon-right" ng-click="showWalletSelector()">
<div class="label">Receive in</div>
<div class="wallet">
<i class="icon big-icon-svg">
<img src="img/icon-wallet.svg" ng-style="{'background-color': wallet.color}" class="bg">
</i>
{{wallet ? wallet.name : '...'}}
</div>
<i class="icon bp-arrow-right"></i>
</div>
<div class="item item-divider">
Fees
Total to pay
</div>
<div class="item" ng-repeat="fee in buyRequestInfo.fees">
{{fee.type}}
<span class="capitalized">
{{fee.type}}
</span>
<span class="item-note">
{{fee.amount.amount}} {{fee.amount.currency}}
</span>
</div>
<div class="item item-divider">
Total
</div>
<div class="item">
Subtotal
<span class="item-note">
{{buyRequestInfo.subtotal.amount}} {{buyRequestInfo.subtotal.currency}}
</span>
</div>
<div class="item">
Total
<span class="item-note">

2
www/views/coinbase.html
View file

@ -77,7 +77,7 @@
</a>
<a class="item item-icon-right"
href ui-sref="tabs.buyandsell.coinbase.amount({nextStep: 'tabs.buyandsell.coinbase.sell', currency: currency})">
<img src="img/sell-bitcoin.svg" alt="buy bitcoin" width="35" class="item-img-sell">
<img src="img/sell-bitcoin.svg" alt="sell bitcoin" width="35" class="item-img-sell">
Sell Bitcoin
<i class="icon bp-arrow-right"></i>
</a>

80
www/views/sellCoinbase.html
View file

@ -7,21 +7,42 @@
<ion-content class="add-bottom-for-cta">
<!-- SELL -->
<div class="list">
<div class="item item-divider">
Sale Info
</div>
<label class="item item-input item-select">
<div class="input-label">
Deposit into
</div>
<select ng-model="selectedPaymentMethodId.value"
ng-options="item.id as item.name for item in paymentMethods"
ng-change="sellRequest()">
</select>
</label>
<div class="list" ng-if="sellRequestInfo">
<div class="item head">
<div class="sending-label">
<img src="img/sell-bitcoin.svg" alt="sell bitcoin" width="35" class="item-img-sell">
<span>Selling</span>
</div>
<div class="amount-label">
<div class="amount">{{sellRequestInfo.amount.amount}} {{sellRequestInfo.amount.currency}}</div>
<div class="alternative">{{sellRequestInfo.subtotal.amount}} {{sellRequestInfo.subtotal.currency}}</div>
</div>
</div>
<div class="info">
<div class="item item-icon-right" ng-click="showWalletSelector()">
<div class="label">From</div>
<div class="wallet">
<i class="icon big-icon-svg">
<img src="img/icon-wallet.svg" ng-style="{'background-color': wallet.color}" class="bg">
</i>
{{wallet ? wallet.name : '...'}}
</div>
<i class="icon bp-arrow-right"></i>
</div>
<label class="item item-input item-select">
<div class="input-label">
Deposit into
</div>
<select ng-model="selectedPaymentMethodId.value"
ng-options="item.id as item.name for item in paymentMethods"
ng-change="sellRequest()">
</select>
</label>
<div ng-if="sellRequestInfo">
<div class="item item-divider">
At what percentage lower price would you accept to sell?
</div>
@ -54,36 +75,15 @@
</div>
<div class="item item-divider">
Sell from
</div>
<div class="item" ng-click="showWalletSelector()">
<span>Wallet</span>
<span class="item-note">{{wallet ? wallet.name : '...'}}</span>
</div>
<div class="item">
Amount
<span class="item-note">
{{sellRequestInfo.amount.amount}} {{sellRequestInfo.amount.currency}}
</span>
</div>
<div class="item item-divider">
Fees
Total to receive
</div>
<div class="item" ng-repeat="fee in sellRequestInfo.fees">
{{fee.type}}
<span class="item-note">
{{fee.amount.amount}} {{fee.amount.currency}}
<span class="capitalized">
{{fee.type}}
</span>
</div>
<div class="item item-divider">
Total
</div>
<div class="item">
Subtotal
<span class="item-note">
{{sellRequestInfo.subtotal.amount}} {{sellRequestInfo.subtotal.currency}}
<span ng-if="fee.amount.amount != '0.00'">-</span>
{{fee.amount.amount}} {{fee.amount.currency}}
</span>
</div>
<div class="item">