copay-crown/src/pages/send/amount/amount.html

A Secure Crown Wallet

<ion-header>
  <ion-navbar>
    <ion-title>{{'Amount' | translate}}</ion-title>
    <ion-buttons end *ngIf="showSendMax">
      <button (click)="showSendMaxMenu()" ion-button icon-only>
        <ion-icon name="more"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>

<ion-content no-bounce>
  <ion-list *ngIf="showRecipient">
    <ion-item-divider>
      <span translate>Recipient</span>
    </ion-item-divider>
    <ion-item>
      <ion-icon *ngIf="recipientType == 'wallet'" item-start>
        <img *ngIf="network == 'testnet'" [ngStyle]="{'background-color': color}" src="assets/img/icon-wallet-testnet.svg" class="icon-wallet"
        />
        <img *ngIf="network != 'testnet'" [ngStyle]="{'background-color': color}" src="assets/img/icon-wallet.svg" class="icon-wallet"
        />
      </ion-icon>
      <ion-icon *ngIf="recipientType == 'contact'" item-start>
        <gravatar [name]="name" [height]="30" [width]="30" [email]="email"></gravatar>
      </ion-icon>
      <ion-icon *ngIf="!recipientType" item-start>
        <img src="assets/img/contact-placeholder.svg" class="icon-contact">
      </ion-icon>
      <span>{{name || toAddress}}</span>
    </ion-item>
  </ion-list>
  <div>
    <div class="amount-pane">

      <div *ngIf="shiftMin && shiftMax" class="shapeshift-values">
        <div>Min: {{shiftMin}}</div>
        <div>Max: {{shiftMax}}</div>
      </div>

      <div class="amount-content">
        <div class="expression-container">
          <span class="expression">{{expression || '0.00'}}</span>
          <span class="unit-button" (click)="changeUnit()">{{unit}}</span>
        </div>
        <div class="amount" [hidden]="!globalResult">{{globalResult}} {{unit}}</div>
        <div class="result" *ngIf="alternativeAmount">&asymp; {{alternativeAmount || '0.00'}} {{alternativeUnit}}</div>
        <div class="result" *ngIf="!alternativeAmount">&nbsp;</div>
      </div>
    </div>
    <div class="keypad">
      <div class="operator-row">
        <div class="col operator-send" [hidden]="!allowSend" (click)="finish()">
          <ion-icon name="arrow-round-forward"></ion-icon>
        </div>
      </div>
      <div class="row">
        <div class="col digit" (click)="pushDigit('7')">7</div>
        <div class="col digit" (click)="pushDigit('8')">8</div>
        <div class="col digit" (click)="pushDigit('9')">9</div>
        <div class="col operator" (click)="pushOperator('/')">&#247;</div>
      </div>

      <div class="row">
        <div class="col digit" (click)="pushDigit('4')">4</div>
        <div class="col digit" (click)="pushDigit('5')">5</div>
        <div class="col digit" (click)="pushDigit('6')">6</div>
        <div class="col operator" (click)="pushOperator('x')">&#215;</div>
      </div>

      <div class="row">
        <div class="col digit" (click)="pushDigit('1')">1</div>
        <div class="col digit" (click)="pushDigit('2')">2</div>
        <div class="col digit" (click)="pushDigit('3')">3</div>
        <div class="col operator" (click)="pushOperator('+')">&#43;</div>
      </div>

      <div class="row">
        <div class="col digit" (click)="pushDigit('.')">.</div>
        <div class="col digit" (click)="pushDigit('0')">0</div>
        <div class="col digit" (click)="removeDigit()">
          <ion-icon name="backspace"></ion-icon>
        </div>
        <div class="col operator" (click)="pushOperator('-')">&#45;</div>
      </div>
    </div>
  </div>
</ion-content>