new.component.html raw

   1  <app-deriving-modal #derivingModal></app-deriving-modal>
   2  
   3  <div class="sam-text-header">
   4    <span>Smesh Signer</span>
   5  </div>
   6  
   7  <div class="content">
   8    <div class="sam-flex-column gap" style="align-items: center">
   9      <div class="logo-frame">
  10        <img src="logo.svg" height="120" width="120" alt="" />
  11      </div>
  12  
  13      <span class="sam-mt-2"> Please define a password for your vault. </span>
  14  
  15      <small class="sam-text-muted">
  16        Sensitive data is encypted before it is stored.
  17      </small>
  18  
  19      <div class="sam-mt input-group">
  20        <input
  21          #passwordInputElement
  22          type="password"
  23          class="form-control form-control-lg"
  24          style="font-size: 1rem"
  25          placeholder="vault password"
  26          [(ngModel)]="password"
  27        />
  28        <button
  29          class="btn btn-outline-secondary"
  30          type="button"
  31          (click)="toggleType(passwordInputElement)"
  32        >
  33          <i
  34            class="bi bi-eye"
  35            [class.bi-eye]="passwordInputElement.type === 'password'"
  36            [class.bi-eye-slash]="passwordInputElement.type === 'text'"
  37          ></i>
  38        </button>
  39      </div>
  40  
  41      <button
  42        [disabled]="!password || password.length < 4"
  43        type="button"
  44        class="sam-mt btn btn-primary"
  45        (click)="createVault()"
  46      >
  47        Create vault
  48      </button>
  49    </div>
  50  </div>
  51