vault-import.component.html raw

   1  <div class="custom-header">
   2    <lib-icon-button
   3      class="button"
   4      icon="chevron-left"
   5      (click)="navigateBack()"
   6    ></lib-icon-button>
   7  
   8    <span class="text">Import Vault </span>
   9  </div>
  10  
  11  <div class="sam-pl sam-pr sam-flex-column gap">
  12    <span class="sam-text-muted">
  13      You can select any snapshot that you have previously imported on the
  14      <a href="options.html" target="_blank">options page</a>.
  15    </span>
  16  
  17    <select class="form-select sam-text-sm" [(ngModel)]="selectedSnapshot">
  18      @for(snapshot of snapshots; track snapshot) {
  19      <option [ngValue]="snapshot">
  20        <span>{{ snapshot.fileName }}</span>
  21      </option>
  22      }
  23    </select>
  24  
  25  </div>
  26  
  27  <div class="sam-flex-grow"></div>
  28  
  29  <button
  30    [disabled]="!selectedSnapshot"
  31    class="import-button btn btn-primary"
  32    (click)="onClickImport()"
  33  >
  34    Import
  35  </button>
  36