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

31 lines
1.6 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">
2019-03-20 15:16:01 +01:00
<button type="button" class="close" attr.aria-label="{{'cancel' | i18n}}" title="{{'cancel' | i18n}}"
(click)="cancel()"><span aria-hidden="true">&times;</span></button>
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>
2019-02-21 22:50:37 +01:00
<input id="storageAdjustment" class="form-control" type="number" name="StroageGbAdjustment"
[(ngModel)]="storageAdjustment" min="0" max="99" step="1" required>
2018-06-30 05:41:35 +02:00
</div>
</div>
<div *ngIf="add" class="mb-3">
2019-02-21 22:50:37 +01:00
<strong>{{'total' | i18n}}:</strong> {{storageAdjustment || 0}} GB &times; {{storageGbPrice | currency:'$'}}
= {{adjustedStorageTotal
2018-06-30 05:41:35 +02:00
| 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>
<app-payment [showMethods]="false"></app-payment>