home.component.html raw

   1  <div class="vertically-centered">
   2    <div class="sam-flex-column center">
   3      <div class="sam-flex-column gap" style="align-items: center">
   4        <span class="title">Smesh Signer</span>
   5  
   6        <div class="logo-frame">
   7          <img src="logo.svg" height="120" width="120" alt="" />
   8        </div>
   9  
  10        <button
  11          type="button"
  12          class="sam-mt-2 btn btn-primary"
  13          (click)="router.navigateByUrl('/vault-create/new')"
  14        >
  15          <div class="sam-flex-row gap-h">
  16            <i class="bi bi-plus-circle" style="height: 22px"></i>
  17            <span>Create a new vault</span>
  18          </div>
  19        </button>
  20  
  21        <span class="sam-text-muted">or</span>
  22  
  23        @if (snapshots.length > 0) {
  24          <select class="form-select sam-text-sm" [(ngModel)]="selectedSnapshot">
  25            @for (snapshot of snapshots; track snapshot) {
  26              <option [ngValue]="snapshot">
  27                {{ snapshot.fileName }}
  28              </option>
  29            }
  30          </select>
  31  
  32          <button
  33            [disabled]="!selectedSnapshot"
  34            class="btn btn-primary"
  35            (click)="onClickImport()"
  36          >
  37            Import selected vault
  38          </button>
  39        } @else {
  40          <span class="sam-text-muted sam-text-sm">No vault snapshots available</span>
  41        }
  42  
  43        <button
  44          type="button"
  45          class="btn btn-secondary"
  46          (click)="openOptionsPage()"
  47        >
  48          Import vault snapshot
  49        </button>
  50      </div>
  51    </div>
  52  </div>
  53