recover.component.html 2.57 KB
Newer Older
1 2 3
<section id="breeze">
  <div class="login d-flex align-items-center text-center">
    <div class="container">
4 5 6 7 8 9
      <p class="textback text-left mb-5 col-11 mx-auto">
        <a (click)="onBackClicked()">
          <span class="ico-arrow-left2"></span>
        </a>
      </p>
      <h3 class="display-5 mb-4">Restore a wallet</h3>
10
      <div class="row d-flex justify-content-center">
11
        <form class="col-8 mx-auto row text-left mt-4" [formGroup]="recoverWalletForm">
dev0tion's avatar
dev0tion committed
12
          <!--<div class="form-group has-success">-->
13 14
          <div class="form-group col-6">
            <label class="text-left" for="walletName">Name</label>
dev0tion's avatar
dev0tion committed
15 16
            <input type="text" class="form-control form-control-success" formControlName="walletName" id="walletName" placeholder="Enter a wallet name.">
          </div>
17 18
          <div class="form-group col-6">
            <label class="text-left" for="creationDate">Earliest Possible Creation Date</label>
19
            <input type="text" class="form-control" bsDatepicker formControlName="walletDate" placeholder="Select the date your wallet was created." [bsConfig]="bsConfig" [maxDate]="maxDate"/>
20
            <div *ngIf="formErrors.walletDate" class="text-danger mt-2">{{ formErrors.walletDate }}</div>
21
          </div>
22 23 24 25 26
          <div class="col-12 mb-2">
            <div *ngIf="formErrors.walletName" class="text-danger mt-2">{{ formErrors.walletName }}</div>
          </div>
          <div class="form-group col-12">
            <label class="text-left" for="walletMnemonic">Secret Words</label>
27
            <input type="text" class="form-control form-control-success" formControlName="walletMnemonic" id="walletName" placeholder="Enter your secret words.">
28
            <div *ngIf="formErrors.walletMnemonic" class="text-danger mt-2">{{ formErrors.walletMnemonic }}</div>
29
          </div>
30
          <div class="form-group col-12">
31 32
            <label class="text-left" for="walletPassword">Password</label>
            <input type="password" class="form-control form-control-success" formControlName="walletPassword" id="walletPassword" placeholder="Enter a password.">
33
            <div *ngIf="formErrors.walletPassword" class="text-danger mt-2">{{ formErrors.walletPassword }}</div>
34 35 36 37 38
          </div>
        </form>
      </div>
      <!-- /row-->
      <div class="row d-flex justify-content-center">
39
        <button type="button" class="btn btn-darkgray btn-lg" [disabled]="!recoverWalletForm.valid || isRecovering" (click)="onRecoverClicked()">Recover</button>
40 41
      </div>
      <!-- /row-->
42
    </div>
43
    <!-- /container-->
44
  </div>
45 46 47
  <!-- /login-->
</section>
<!-- /breeze-->