52 lines
2.9 KiB
HTML
52 lines
2.9 KiB
HTML
<div class="modal fade" role="dialog" aria-modal="true" aria-labelledby="exportTitle">
|
|
<div class="modal-dialog" role="document">
|
|
<form class="modal-content" #form (ngSubmit)="submit()">
|
|
<div class="modal-body">
|
|
<app-callout type="warning" title="{{'vaultExportDisabled' | i18n}}" *ngIf="disabledByPolicy">
|
|
{{'personalVaultExportPolicyInEffect' | i18n}}
|
|
</app-callout>
|
|
<div class="box">
|
|
<div class="box-header" id="exportTitle">
|
|
{{'exportVault' | i18n}}
|
|
</div>
|
|
<div class="box-content">
|
|
<div class="box-content-row" appBoxRow>
|
|
<label for="format">{{'fileFormat' | i18n}}</label>
|
|
<select id="format" name="Format" [(ngModel)]="format" [disabled]="disabledByPolicy">
|
|
<option value="json">.json</option>
|
|
<option value="csv">.csv</option>
|
|
<option value="encrypted_json">.json (Encrypted)</option>
|
|
</select>
|
|
</div>
|
|
<div class="box-content-row box-content-row-flex" appBoxRow>
|
|
<div class="row-main">
|
|
<label for="masterPassword">{{'masterPass' | i18n}}</label>
|
|
<input id="masterPassword" type="{{showPassword ? 'text' : 'password'}}"
|
|
name="MasterPassword" class="monospaced" [(ngModel)]="masterPassword" required
|
|
appAutofocus [disabled]="disabledByPolicy">
|
|
</div>
|
|
<div class="action-buttons">
|
|
<a class="row-btn" href="#" appStopClick appBlurClick role="button"
|
|
appA11yTitle="{{'toggleVisibility' | i18n}}" (click)="togglePassword()">
|
|
<i class="fa fa-lg" aria-hidden="true"
|
|
[ngClass]="{'fa-eye': !showPassword, 'fa-eye-slash': showPassword}"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="box-footer">
|
|
<p>{{'exportMasterPassword' | i18n}}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button appBlurClick type="submit" class="primary" appA11yTitle="{{'submit' | i18n}}"
|
|
[disabled]="disabledByPolicy">
|
|
<i class="fa fa-download fa-lg fa-fw" aria-hidden="true"></i>
|
|
</button>
|
|
<button type="button" data-dismiss="modal">{{'cancel' | i18n}}</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|