129 lines
5.7 KiB
HTML
129 lines
5.7 KiB
HTML
<ion-view id="shapeshift" class="settings" show-tabs>
|
|
<ion-nav-bar class="bar-royal">
|
|
<ion-nav-title>
|
|
{{'Shapeshift'|translate}}
|
|
</ion-nav-title>
|
|
<ion-nav-back-button>
|
|
</ion-nav-back-button>
|
|
</ion-nav-bar>
|
|
<ion-content>
|
|
<div ng-include="'views/thirdparty/shapeshift-header.html'"></div>
|
|
<div class="list card empty-case">
|
|
<div>
|
|
<img class="swap-image" src="img/shapeshift_swap.png"/>
|
|
</div>
|
|
<div class="subtitle">
|
|
<p translate>Exchange your BTC to BCH in minutes.</p>
|
|
<div ng-show="!walletsWithFunds.length">
|
|
<p translate>To start the process you need to add funds to your wallet.</p>
|
|
</div>
|
|
<div ng-show="walletsWithFunds.length">
|
|
<p translate>The process is fast and you will receive the exchanged amount in your wallet.</p>
|
|
</div>
|
|
<div ng-show="!hasWallets" translate>To get started, you'll need to create a bitcoin wallet and get some bitcoin.</div>
|
|
<div class="padding buttons">
|
|
<button class="button button-standard button-green" ng-click="buyBitcoin()" ng-show="!walletsWithFunds.length" translate>Buy Bitcoin now</button>
|
|
<button class="button button-standard button-green" ng-click="createWallet()" ng-show="!hasWallets" translate>Create bitcoin wallet</button>
|
|
<button class="button button-standard button-shapeshift track_shapeshift_start_click" ng-click="shapeshift()" ng-show="walletsWithFunds.length" translate>Start ShapeShift</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="third-party-notice" translate>This service is provided by the third-party ShapeShift, who will charge a small fee for the service. The fee will be shown before you start the transaction.</div>
|
|
|
|
<shapeshift-coin-trader class="ng-hide" ng-show="fromWallets.length > 0 && toWallets.length > 0">
|
|
<div class="list card">
|
|
<div class="item item-heading">
|
|
<span translate><strong>From</strong></span>
|
|
</div>
|
|
<div class="item wallet-selector" ng-click="showFromWalletSelector()" ng-if="fromWallet">
|
|
<a ng-if="fromWallet" class="item item-sub item-icon-left item-big-icon-left item-icon-right">
|
|
<i class="icon big-icon-svg" ng-include="'views/includes/fromWalletIcon.html'"></i>
|
|
<span>
|
|
{{fromWallet.name || fromWallet.id}}
|
|
</span>
|
|
<p>
|
|
<span ng-if="!fromWallet.balanceHidden"> {{fromWallet.status.totalBalanceStr}} </span>
|
|
|
|
<span ng-if="fromWallet.balanceHidden" translate>[Balance Hidden]</span>
|
|
<span class="tab-home__wallet__multisig-number" ng-if="fromWallet.n > 1">
|
|
{{fromWallet.m}}-of-{{fromWallet.n}}
|
|
</span>
|
|
<span class="assertive" ng-if="fromWallet.error">{{fromWallet.error}}</span>
|
|
|
|
</p>
|
|
<i ng-if="!singleFromWallet" class="icon bp-arrow-right"></i>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="item item-heading">
|
|
<span translate><strong>To</strong></span>
|
|
</div>
|
|
<div class="item wallet-selector" ng-click="showToWalletSelector()" ng-if="toWallet">
|
|
<a ng-if="toWallet" class="item item-sub item-icon-left item-big-icon-left item-icon-right">
|
|
<i class="icon big-icon-svg" ng-include="'views/includes/toWalletIcon.html'"></i>
|
|
<span>
|
|
{{toWallet.name || toWallet.id}}
|
|
</span>
|
|
<p>
|
|
<span ng-if="!toWallet.balanceHidden"> {{toWallet.status.totalBalanceStr}} </span>
|
|
|
|
<span ng-if="toWallet.balanceHidden" translate>[Balance Hidden]</span>
|
|
<span class="tab-home__wallet__multisig-number" ng-if="toWallet.n > 1">
|
|
{{toWallet.m}}-of-{{toWallet.n}}
|
|
</span>
|
|
<span class="assertive" ng-if="toWallet.error">{{toWallet.error}}</span>
|
|
|
|
</p>
|
|
<i ng-if="!singleToWallet" class="icon bp-arrow-right"></i>
|
|
</a>
|
|
</div>
|
|
<div class="item item-heading">
|
|
Rate: {{rateString}}
|
|
</div>
|
|
</div>
|
|
|
|
<shapeshift-coin-selector
|
|
coins="coins"
|
|
label="'Return Address'"
|
|
get-market-data="getMarketDataIn"
|
|
market-data="marketData"
|
|
selected-coin="fromWallet.coin"
|
|
coin-address="fromWalletAddress"
|
|
wallet-id="fromWallet.id"
|
|
amount="amount"
|
|
direction="'in'">
|
|
</shapeshift-coin-selector>
|
|
<br/>
|
|
<shapeshift-coin-selector
|
|
coins="coins"
|
|
label="'Withdrawal Address'"
|
|
get-market-data="getMarketDataOut"
|
|
selected-coin="toWallet.coin"
|
|
coin-address="toWalletAddress"
|
|
wallet-id="toWallet.id"
|
|
direction="'out'">
|
|
</shapeshift-coin-selector>
|
|
<shapeshift-coin-error ssError="ssError"></shapeshift-coin-error>
|
|
<!--<shapeshift-coin-deposit-info deposit-status="DepositStatus" deposit-info="depositInfo"></shapeshift-coin-deposit-info>-->
|
|
<shapeshift-coin-shift-button shift-it="shiftIt" shift-state="ShiftState"></shapeshift-coin-shift-button>
|
|
</shapeshift-coin-trader>
|
|
</ion-content>
|
|
|
|
<!--<wallet-selector-->
|
|
<!--wallet-selector-title="fromWalletSelectorTitle"-->
|
|
<!--wallet-selector-wallets="fromWallets"-->
|
|
<!--wallet-selector-selected-wallet="fromWallet"-->
|
|
<!--wallet-selector-show="showFromWallets"-->
|
|
<!--wallet-selector-on-select="onFromWalletSelect"-->
|
|
<!--wallet-selector-always-display-bitcoin-core="true">-->
|
|
<!--</wallet-selector>-->
|
|
|
|
<!--<wallet-selector-->
|
|
<!--wallet-selector-title="toWalletSelectorTitle"-->
|
|
<!--wallet-selector-wallets="toWallets"-->
|
|
<!--wallet-selector-selected-wallet="toWallet"-->
|
|
<!--wallet-selector-show="showToWallets"-->
|
|
<!--wallet-selector-on-select="onToWalletSelect"-->
|
|
<!--wallet-selector-always-display-bitcoin-core="true">-->
|
|
<!--</wallet-selector>-->
|
|
<!--</ion-view>-->
|