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">×</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 × {{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>
|