copay/public/views/sellGlidera.html

<div 
  class="topbar-container" 
  ng-include="'views/includes/topbar.html'"
  ng-init="titleSection='Sell'; goBackToState = 'glidera'">
</div>


<div class="content glidera" ng-controller="sellGlideraController as sell">

  <div class="onGoingProcess" ng-show="sell.loading">
    <div class="onGoingProcess-content" ng-style="{'background-color':index.backgroundColor}">
    <div class="spinner">
      <div class="rect1"></div>
      <div class="rect2"></div>
      <div class="rect3"></div>
      <div class="rect4"></div>
      <div class="rect5"></div>
    </div>
    <span>{{sell.loading|translate}}</span>
    </div>
  </div>

  <div ng-show="index.glideraLimits && !sell.show2faCodeInput && !sell.success">
    <h4 class="title m0">
      <div class="left">
        <i class="fi-info size-24 m10r"></i>
      </div>
      <div class="size-10">
        <span class="text-light" translate>Daily sell limit</span>:
        {{index.glideraLimits.dailySell|currency:'':2}} {{index.glideraLimits.currency}}
        (remaining {{index.glideraLimits.dailySellRemaining|currency:'':2}} {{index.glideraLimits.currency}}) 
        <br>
        <span class="text-light" translate>Monthly sell limit</span>:
        {{index.glideraLimits.monthlySell|currency:'':2}} {{index.glideraLimits.currency}}
        (remaining {{index.glideraLimits.monthlySellRemaining|currency:'':2}} {{index.glideraLimits.currency}})
      </div>
    </h4>
  </div>

  <div class="row m20t">
    <div class="columns">

      <div class="box-notification" ng-show="index.glideraLimits.transactDisabledPendingFirstTransaction">
        <span class="text-warning size-14" translate>
          This operation was disabled because you have a pending first transaction
        </span>
      </div>

      <div ng-show="!sell.show2faCodeInput && !sell.success">
        <form name="sellPriceForm" 
          ng-submit="sell.get2faCode(index.glideraToken)" novalidate>
          <label><span translate>Amount in</span> {{showAlternative ? 'USD' : 'BTC'}}</label>
          <div class="input">
            <input ng-show="!showAlternative" type="number" id="qty" 
            name="qty" ng-attr-placeholder="{{'Amount'|translate}}"
            ng-minlength="0.00000001" ng-maxlength="10000000000" 
            ng-model="qty" autocomplete="off" ng-change="sell.getSellPrice(index.glideraToken, {'qty': qty})">

            <input ng-show="showAlternative" type="number" id="fiat" 
            name="fiat" ng-attr-placeholder="{{'Amount'|translate}}" 
            ng-model="fiat" autocomplete="off" ng-change="sell.getSellPrice(index.glideraToken, {'fiat': fiat})">

            <a ng-show="!showAlternative" class="postfix" 
              ng-click="showAlternative = true; qty = null; sell.sellPrice = null">BTC</a>
            <a ng-show="showAlternative" class="postfix" 
              ng-click="showAlternative = false; fiat = null; sell.sellPrice = null">USD</a>
            
            <div class="text-center text-gray size-12 m20b" ng-show="!sell.gettingSellPrice && sell.sellPrice.qty">
              Sell 
              <span ng-show="qty">{{sell.sellPrice.subtotal|currency:'':2}} {{sell.sellPrice.currency}} in Bitcoin</span> 
              <span ng-show="fiat">{{sell.sellPrice.qty}} BTC</span> 
              at {{sell.sellPrice.price|currency:'':2}} {{sell.sellPrice.currency}}/BTC

            </div>
            <div class="text-center text-gray size-12 m20b" ng-show="!sell.gettingSellPrice && !sell.sellPrice.qty" translate>
              (Enter the amount to get the exchange rate)
            </div>

            <div class="text-center text-gray size-12 m20b" ng-show="sell.gettingSellPrice">
              ...
            </div>

            <input class="button black expand round" 
            ng-style="{'background-color':index.backgroundColor}"
            type="submit" value="{{'Continue'|translate}}" 
            ng-disabled="index.glideraLimits.transactDisabledPendingFirstTransaction || !sell.sellPrice.qty || sell.loading">
          </div>
        </form> 
      </div>
      <div ng-show="sell.show2faCodeInput && !sell.success">
        <div class="m10t text-center" translate>
{{sell.sellPrice.qty}} BTC &rarr; {{sell.sellPrice.subtotal|currency:'':2}} {{sell.sellPrice.currency}}
          <p class="m20t" translate>
            A SMS containing a confirmation code was sent to your phone. <br>
            Please, enter the code below
          </p>
          <form name="sellForm" 
            ng-submit="sell.createTx(index.glideraToken, index.glideraPermissions, twoFaCode)" novalidate>
              <input type="number" ng-model="twoFaCode" required>
              <input class="button black expand round" 
              ng-style="{'background-color':index.backgroundColor}"
              type="submit" value="{{'Sell'|translate}}" ng-disabled="sellForm.$invalid || sell.loading">
          </form>
          <p class="m10t size-12 text-gray" translate>
          Bitcoins will be immediately sent from your wallet to Glidera. Fiat will be deposited in your bank account in 4-6 business days.
          </p>
        </div>
      </div>
      <div class="box-notification" ng-show="sell.error && !sell.success">
        <span class="text-warning size-14">
          {{sell.error|translate}}
        </span>
      </div>
      <div class="text-center" ng-show="sell.success">
        <h1 translate>Sale initiated</h1>
        <p class="text-gray" translate>
        A transfer has been initiated to your bank account and should arrive in 4-6 business days.
        </p>

        <button class="outline dark-gray round expand"
          ng-click="$root.go('glidera')">OK</button>
      </div>
  </div>
</div>
<div class="extra-margin-bottom"></div>