copay-crown

Version:
A Secure Crown Wallet
93 lines (78 loc) • 3.49 kB
HTML
<ion-header>
  <ion-navbar>
    <ion-title>{{'Wallet Addresses' | translate}}</ion-title>
  </ion-navbar>
</ion-header>

<ion-content>
  <page-wallet-item [wallet]="wallet"></page-wallet-item>
  <ion-item-divider text-wrap>
    <span translate>Each bitcoin wallet can generate billions of addresses from your 12-word backup. A new address is automatically generated
      and shown each time you receive a payment.
    </span>
    <a (click)="showInfo = !showInfo" *ngIf="!showInfo" translate>Why?</a>

    <div *ngIf="showInfo">
      <span translate>It's a good idea to avoid reusing addresses - this both protects your privacy and keeps your bitcoins secure against
        hypothetical attacks by quantum computers.</span>
      <a (click)="showInfo = !showInfo" translate>Hide</a>
    </div>
  </ion-item-divider>

  <button ion-item (click)="scan()" translate>
    Scan addresses for funds
  </button>

  <button ion-item *ngIf="viewAll" (click)="viewAllAddresses()" translate>
    View all addresses
  </button>

  <div class="loading" *ngIf="loading">
    <ion-spinner icon="crescent"></ion-spinner>
    <span translate>Loading addresses...</span>
  </div>

  <ion-list *ngIf="!loading">
    <ion-item-divider>
      {{'Unused addresses' | translate}}
      <button ion-button clear item-end class="add-icon" (click)="newAddress()">
        <ion-icon name="ios-add"></ion-icon>
      </button>
    </ion-item-divider>

    <div *ngIf="latestUnused && latestUnused[0]">
      <div *ngIf="gapReached">
        <h5 translate>Unused addresses limit</h5>
        <p>
          <span translate>The maximum number of consecutive unused addresses (20) has been reached. When one of your unused addresses receives
            a payment, a new address will be generated and shown in your Receive tab.</span>&nbsp
          <a (click)="readMore()" *ngIf="!showMore" translate>Read more</a>
        </p>
        <p *ngIf="showMore">
          <span translate>The restore process will stop when 20 addresses are generated in a row which contain no funds. To safely generate
            more addresses, make a payment to one of the unused addresses which has already been generated.</span>&nbsp
          <a (click)="readMore()" translate>Read less</a>
        </p>
      </div>

      <ion-item *ngFor="let u of latestUnused" copy-to-clipboard="{{u.address}}">
        <h3>{{u.address}}</h3>
        <p>{{u.path}} {{u.createdOn * 1000 | amDateFormat:'MMMM Do YYYY, hh:mm a'}}</p>
      </ion-item>
    </div>

    <div *ngIf="latestWithBalance && latestWithBalance[0]">
      <ion-item-divider>{{'Addresses with balance' | translate}}</ion-item-divider>

      <ion-item *ngFor="let w of latestWithBalance" copy-to-clipboard="{{w.address}}">
        <h3>{{w.address}}</h3>
        <p class="amount">{{w.amount | satToUnit: wallet.coin}}</p>
      </ion-item>
    </div>

    <div *ngIf="allUtxosNb">
      <ion-item-divider>{{'Wallet Inputs' | translate}}</ion-item-divider>

      <ion-item>
        <span translate>Total wallet inputs</span>
        <div>{{allUtxosNb}} [{{allUtxosSum}}]</div>
      </ion-item>

      <ion-item>
        <span translate> Low amount inputs </span>
        <div>{{lowUtxosNb}} [{{ lowUtxosSum }}]</div>
      </ion-item>

      <ion-item>
        <span translate> Approximate Bitcoin network fee to transfer wallet's balance (with normal priority) </span>
        <div>{{minFeePer}} [{{minFee}}]</div>
      </ion-item>
    </div>
  </ion-list>
</ion-content>