2018-07-03 15:27:59 +02:00
|
|
|
<div class="page-header">
|
|
|
|
<h1>{{'goPremium' | i18n}}</h1>
|
|
|
|
</div>
|
2018-08-31 23:42:19 +02:00
|
|
|
<app-callout type="info" *ngIf="canAccessPremium" title="{{'youHavePremiumAccess' | i18n}}" icon="fa-star">
|
|
|
|
{{'alreadyPremiumFromOrg' | i18n}}
|
|
|
|
</app-callout>
|
2018-07-03 15:27:59 +02:00
|
|
|
<app-callout type="success">
|
2018-07-20 16:44:17 +02:00
|
|
|
<p>{{'premiumUpgradeUnlockFeatures' | i18n}}</p>
|
2018-06-29 04:40:07 +02:00
|
|
|
<ul class="fa-ul">
|
|
|
|
<li>
|
2019-10-11 17:22:21 +02:00
|
|
|
<i class="fa fa-check text-success fa-li" aria-hidden="true"></i>
|
2018-06-29 04:40:07 +02:00
|
|
|
{{'premiumSignUpStorage' | i18n}}
|
|
|
|
</li>
|
|
|
|
<li>
|
2019-10-11 17:22:21 +02:00
|
|
|
<i class="fa fa-check text-success fa-li" aria-hidden="true"></i>
|
2018-06-29 04:40:07 +02:00
|
|
|
{{'premiumSignUpTwoStep' | i18n}}
|
|
|
|
</li>
|
2021-02-17 16:22:51 +01:00
|
|
|
<li>
|
|
|
|
<i class="fa fa-check text-success fa-li" aria-hidden="true"></i>
|
|
|
|
{{'premiumSignUpEmergency' |i18n}}
|
|
|
|
</li>
|
2018-12-12 16:05:54 +01:00
|
|
|
<li>
|
2019-10-11 17:22:21 +02:00
|
|
|
<i class="fa fa-check text-success fa-li" aria-hidden="true"></i>
|
2018-12-12 16:05:54 +01:00
|
|
|
{{'premiumSignUpReports' | i18n}}
|
|
|
|
</li>
|
2018-06-29 04:40:07 +02:00
|
|
|
<li>
|
2019-10-11 17:22:21 +02:00
|
|
|
<i class="fa fa-check text-success fa-li" aria-hidden="true"></i>
|
2018-06-29 04:40:07 +02:00
|
|
|
{{'premiumSignUpTotp' | i18n}}
|
|
|
|
</li>
|
|
|
|
<li>
|
2019-10-11 17:22:21 +02:00
|
|
|
<i class="fa fa-check text-success fa-li" aria-hidden="true"></i>
|
2018-06-29 04:40:07 +02:00
|
|
|
{{'premiumSignUpSupport' | i18n}}
|
|
|
|
</li>
|
|
|
|
<li>
|
2019-10-11 17:22:21 +02:00
|
|
|
<i class="fa fa-check text-success fa-li" aria-hidden="true"></i>
|
2018-06-29 04:40:07 +02:00
|
|
|
{{'premiumSignUpFuture' | i18n}}
|
|
|
|
</li>
|
|
|
|
</ul>
|
2018-07-02 16:30:51 +02:00
|
|
|
<p class="text-lg" [ngClass]="{'mb-0':!selfHosted}">{{'premiumPrice' | i18n : (premiumPrice | currency:'$')}}</p>
|
2019-02-21 22:50:37 +01:00
|
|
|
<a href="https://vault.bitwarden.com/#/settings/premium" target="_blank" rel="noopener"
|
|
|
|
class="btn btn-outline-secondary" *ngIf="selfHosted">
|
2018-07-02 16:30:51 +02:00
|
|
|
{{'purchasePremium' | i18n}}
|
|
|
|
</a>
|
2018-06-29 04:40:07 +02:00
|
|
|
</app-callout>
|
2018-07-02 16:30:51 +02:00
|
|
|
<ng-container *ngIf="selfHosted">
|
|
|
|
<p>{{'uploadLicenseFilePremium' | i18n}}</p>
|
2018-07-03 15:55:59 +02:00
|
|
|
<form #form (ngSubmit)="submit()" [appApiAction]="formPromise" ngNativeValidate>
|
|
|
|
<div class="form-group">
|
|
|
|
<label for="file">{{'licenseFile' | i18n}}</label>
|
|
|
|
<input type="file" id="file" class="form-control-file" name="file" required>
|
|
|
|
<small class="form-text text-muted">{{'licenseFileDesc' | i18n : 'bitwarden_premium_license.json'}}</small>
|
|
|
|
</div>
|
|
|
|
<button type="submit" class="btn btn-primary btn-submit" [disabled]="form.loading">
|
2019-10-11 16:35:24 +02:00
|
|
|
<i class="fa fa-spinner fa-spin" title="{{'loading' | i18n}}" aria-hidden="true"></i>
|
2018-07-03 15:55:59 +02:00
|
|
|
<span>{{'submit' | i18n}}</span>
|
|
|
|
</button>
|
|
|
|
</form>
|
2018-07-02 16:30:51 +02:00
|
|
|
</ng-container>
|
|
|
|
<form #form (ngSubmit)="submit()" [appApiAction]="formPromise" ngNativeValidate *ngIf="!selfHosted">
|
2018-06-29 04:40:07 +02:00
|
|
|
<h2 class="mt-5">{{'addons' | i18n}}</h2>
|
2018-06-29 16:49:46 +02:00
|
|
|
<div class="row">
|
|
|
|
<div class="form-group col-6">
|
|
|
|
<label for="additionalStorage">{{'additionalStorageGb' | i18n}}</label>
|
2019-02-21 22:50:37 +01:00
|
|
|
<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">{{'additionalStorageIntervalDesc' | i18n : '1 GB' : (storageGbPrice | currency:'$') : ('year' | i18n)}}</small>
|
2018-06-29 16:49:46 +02:00
|
|
|
</div>
|
2018-06-28 23:17:14 +02:00
|
|
|
</div>
|
2018-06-29 04:27:32 +02:00
|
|
|
<h2 class="spaced-header">{{'summary' | i18n}}</h2>
|
2018-06-29 22:55:54 +02:00
|
|
|
{{'premiumMembership' | i18n}}: {{premiumPrice | currency:'$'}}
|
|
|
|
<br> {{'additionalStorageGb' | i18n}}: {{additionalStorage || 0}} GB × {{storageGbPrice | currency:'$'}} = {{additionalStorageTotal
|
|
|
|
| currency:'$'}}
|
2018-07-03 06:16:34 +02:00
|
|
|
<hr class="my-3">
|
2018-06-30 19:36:39 +02:00
|
|
|
<h2 class="spaced-header mb-4">{{'paymentInformation' | i18n}}</h2>
|
2018-07-16 23:17:07 +02:00
|
|
|
<app-payment [hideBank]="true"></app-payment>
|
2020-06-13 01:33:29 +02:00
|
|
|
<app-tax-info></app-tax-info>
|
2021-01-14 23:53:46 +01:00
|
|
|
<div id="price" class="my-4">
|
|
|
|
<div class="text-muted text-sm">
|
|
|
|
{{ 'planPrice' | i18n }}: {{ subtotal | currency: 'USD $' }}
|
|
|
|
<br />
|
|
|
|
<ng-container>
|
|
|
|
{{ 'estimatedTax' | i18n }}: {{ taxCharges | currency: 'USD $' }}
|
|
|
|
</ng-container>
|
|
|
|
</div>
|
|
|
|
<hr class="my-1 col-3 ml-0">
|
|
|
|
<p class="text-lg"><strong>{{'total' | i18n}}:</strong>
|
|
|
|
{{total | currency:'USD $'}}/{{'year' | i18n}}</p>
|
|
|
|
</div>
|
|
|
|
<small class="text-muted font-italic">{{'paymentChargedAnnually' | i18n}}</small>
|
2018-07-18 05:15:15 +02:00
|
|
|
<button type="submit" class="btn btn-primary btn-submit" [disabled]="form.loading">
|
2019-10-11 16:35:24 +02:00
|
|
|
<i class="fa fa-spinner fa-spin" title="{{'loading' | i18n}}" aria-hidden="true"></i>
|
2018-06-28 23:17:14 +02:00
|
|
|
<span>{{'submit' | i18n}}</span>
|
|
|
|
</button>
|
|
|
|
</form>
|