Wallet/www/views/shapeshift.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>
              &nbsp;
            </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>
              &nbsp;
            </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>-->