copay-crown/src/pages/add/join-wallet/join-wallet.html

A Secure Crown Wallet

<ion-header>
  <ion-navbar>
    <ion-title>{{'Join wallet' | translate}}</ion-title>
  </ion-navbar>
</ion-header>

<ion-content no-bounce>
  <form [formGroup]="joinForm" (ngSubmit)="setOptsAndJoin()">
    <ion-item>
      <ion-label stacked>{{'Your name' | translate}}</ion-label>
      <ion-input type="text" formControlName="myName"></ion-input>
    </ion-item>

    <ion-item>
      <ion-label stacked>{{'Wallet invitation' | translate}}</ion-label>
      <ion-input type="text" formControlName="invitationCode"></ion-input>
      <ion-icon class="scanner-icon" name="qr-scanner" item-right (click)="openScanner()"></ion-icon>
    </ion-item>

    <ion-item>
      <ion-label stacked>{{'Coin' | translate}}</ion-label>
      <ion-select formControlName="coin">
        <ion-option value="btc">BTC</ion-option>
        <ion-option value="bch">BCH</ion-option>
      </ion-select>
    </ion-item>

    <ion-item-divider></ion-item-divider>

    <ion-item (click)="showAdvOpts = !showAdvOpts">
      <ion-label *ngIf="!showAdvOpts">{{'Show advanced options' | translate}}</ion-label>
      <ion-label *ngIf="showAdvOpts">{{'Hide advanced options' | translate}}</ion-label>
    </ion-item>

    <div *ngIf="showAdvOpts">
      <ion-item>
        <ion-label stacked>{{'Wallet service URL' | translate}}</ion-label>
        <ion-input type="text" formControlName="bwsURL"></ion-input>
      </ion-item>

      <ion-item>
        <ion-label stacked>{{'Wallet key' | translate}}</ion-label>
        <ion-select formControlName="selectedSeed" (ionChange)="seedOptionsChange(joinForm.value.selectedSeed)">
          <ion-option *ngFor="let opt of seedOptions" [value]="opt.id">{{opt.label}}</ion-option>
        </ion-select>
      </ion-item>

      <ion-item *ngIf="joinForm.value.selectedSeed == 'set'">
        <ion-label stacked>{{'Wallet recovery phrase' | translate}}</ion-label>
        <ion-input type="text" formControlName="recoveryPhrase"></ion-input>
      </ion-item>

      <ion-item *ngIf="joinForm.value.selectedSeed == 'set'">
        <ion-label stacked>{{'Derivation path' | translate}}</ion-label>
        <ion-input type="text" formControlName="derivationPath"></ion-input>
      </ion-item>
    </div>
  </form>
</ion-content>

<ion-footer>
  <button ion-button block class="button-footer" (click)="setOptsAndJoin()" [disabled]="!joinForm.valid" translate>Join wallet</button>
</ion-footer>