bitwarden-estensione-browser/src/app/settings/adjust-storage.component.html

27 lines
1.4 KiB
HTML
Raw Normal View History

2018-06-30 05:41:35 +02:00
<form #form class="card" (ngSubmit)="submit()" [appApiAction]="formPromise" ngNativeValidate>
<div class="card-body">
2018-06-30 19:36:39 +02:00
<h3 class="card-body-header">{{(add ? 'addStorage' : 'removeStorage') | i18n}}</h3>
2018-06-30 05:41:35 +02:00
<div class="row">
<div class="form-group col-6">
<label for="storageAdjustment">{{(add ? 'gbStorageAdd' : 'gbStorageRemove') | i18n}}</label>
<input id="storageAdjustment" class="form-control" type="number" name="StroageGbAdjustment" [(ngModel)]="storageAdjustment"
2018-07-17 18:07:52 +02:00
min="0" max="99" step="1" required>
2018-06-30 05:41:35 +02:00
</div>
</div>
<div *ngIf="add" class="mb-3">
<strong>{{'total' | i18n}}:</strong> {{storageAdjustment || 0}} GB &times; {{storageGbPrice | currency:'$'}} = {{adjustedStorageTotal
| currency:'$'}} /{{interval | i18n}}
</div>
<button type="submit" class="btn btn-primary btn-submit" [disabled]="form.loading">
2018-07-18 05:15:15 +02:00
<i class="fa fa-spinner fa-spin" title="{{'loading' | i18n}}"></i>
2018-06-30 05:41:35 +02:00
<span>{{'submit' | i18n}}</span>
</button>
<button type="button" class="btn btn-outline-secondary" (click)="cancel()">
{{'cancel' | i18n}}
</button>
<small class="d-block text-muted mt-3">
{{(add ? 'storageAddNote' : 'storageRemoveNote') | i18n}}
</small>
</div>
</form>