bitwarden-estensione-browser/src/app/settings/premium.component.html

24 lines
1.4 KiB
HTML
Raw Normal View History

<form #form (ngSubmit)="submit()" [appApiAction]="formPromise" ngNativeValidate>
2018-06-29 04:27:32 +02:00
<h2 class="spaced-header">{{'addons' | i18n}}</h2>
<div class="form-group">
<label for="additionalStorage">{{'additionalStorageGb' | i18n}}</label>
<input id="additionalStorage" class="form-control" type="number" name="AdditionalStorageGb" [(ngModel)]="additionalStorage"
min="0" max="99" step="1" placeholder="{{'additionalStorageGbDesc' | i18n}}">
<small class="text-muted form-text">{{'additionalStorageDesc' | i18n : (storageGbPrice | currency:'USD')}}</small>
</div>
2018-06-29 04:27:32 +02:00
<h2 class="spaced-header">{{'summary' | i18n}}</h2>
{{'premiumMembership' | i18n}}: {{premiumPrice | currency:'USD':'$'}}
<br> {{'additionalStorageGb' | i18n}}: {{additionalStorage || 0}} GB &times; {{storageGbPrice | currency:'USD'}} = {{additionalStorageTotal
| currency:'USD':'$'}}
<hr class="my-2">
<strong>{{'total' | i18n}}:</strong> USD {{total | currency:'USD'}} /{{'year' | i18n}}
<br>
2018-06-29 04:27:32 +02:00
<small class="text-muted">{{'paymentChargedAnnually' | i18n}}</small>
<h2 class="spaced-header">{{'paymentInformation' | i18n}}</h2>
<app-payment></app-payment>
<button type="submit" class="btn btn-primary btn-submit" appBlurClick [disabled]="form.loading">
<i class="fa fa-spinner fa-spin"></i>
<span>{{'submit' | i18n}}</span>
</button>
</form>