copay-crown/src/pages/backup/backup-game/backup-game.html

A Secure Crown Wallet

<ion-header>

  <ion-navbar>
    <ion-title>{{'Backup' | translate}}</ion-title>
  </ion-navbar>

</ion-header>


<ion-content no-bounce>
  <div *ngIf="deleted">
    <h1 class="deleted-title">{{'Wallet recovery phrase not available' |translate}}</h1>
    <ion-item-divider text-wrap>
      {{'You can still export it from Advanced &gt; Export.' |translate}}
      <span *ngIf="wallet.coin == 'bch'" translate>
        Note: if this BCH wallet was duplicated from a BTC wallet, they share the same recovery phrase.
      </span>
    </ion-item-divider>
  </div>

  <ion-slides pager="true" *ngIf="!deleted">
    <ion-slide>
      <div *ngIf="mnemonicWords && mnemonicWords[0] || !credentialsEncrypted">
        <h4 class="slide-title" translate>Please carefully write down this phrase.</h4>
        <div copy-to-clipboard="{{ copyRecoveryPhrase() }}" class="phrase">
          <span *ngFor="let word of mnemonicWords">
            <span>{{word}}</span>
            <span *ngIf="useIdeograms">&#x3000;</span>
          </span>
        </div>

        <div class="bottom-absolute">
          <ion-item-divider>{{"We'll confirm on the next screen." | translate}}</ion-item-divider>
          <button ion-button block [disabled]="credentialsEncrypted || error" (click)="slideNext()" translate>I've written it down</button>
        </div>
      </div>
    </ion-slide>

    <ion-slide>
      <h4 class="slide-title" translate>Let's verify your backup phrase.</h4>
      <div class="phrase">
        <button ion-button outline *ngFor="let customWord of customWords; let i = index" (click)="removeButton(i, customWord)">{{customWord.word}}</button>
      </div>
      <div class="bottom-absolute">
        <div *ngIf="!selectComplete">
          <ion-item-divider>{{'Please tap each word in the correct order.' | translate}}</ion-item-divider>
          <div class="words">
            <button ion-button *ngFor="let shuffledWord of shuffledMnemonicWords; let i = index" (click)="addButton(i, shuffledWord)"
              [disabled]="shuffledWord.selected">{{shuffledWord.word}}
            </button>
          </div>
        </div>

        <div *ngIf="selectComplete">
          <ion-item-divider>{{'Is this correct?' | translate}}</ion-item-divider>
          <div>
            <button ion-button block (click)="slideNext();" translate>Confirm</button>
            <button ion-button block outline (click)="setFlow();" translate>Clear</button>
          </div>
        </div>
      </div>
    </ion-slide>

    <ion-slide *ngIf="wallet.mnemonicHasPassphrase">
      <h4 translate>Enter your password</h4>
      <ion-item-divider text-wrap>{{'In order to verify your wallet backup, please type your password.' | translate}}</ion-item-divider>
      <ion-item>
        <ion-label stacked translate>Password</ion-label>
        <ion-input type="password" id="password" [(ngModel)]="password" autocapitalize="off" spellcheck="false"></ion-input>
      </ion-item>
      <ion-item-divider text-wrap class="assertive">
        {{'This recovery phrase was created with a password. To recover this wallet both the recovery phrase and password are needed.'
        | translate}}
      </ion-item-divider>

      <div class="bottom-absolute">
        <button ion-button block [disabled]="!password" (click)="finalStep()" translate>Confirm</button>
      </div>
    </ion-slide>
  </ion-slides>
</ion-content>