diff --git a/jslib b/jslib
index a097ef9b..3aebe1a0 160000
--- a/jslib
+++ b/jslib
@@ -1 +1 @@
-Subproject commit a097ef9beabe7da67c4c338e85a15bf3ad02a7f1
+Subproject commit 3aebe1a09a282fdba1a2b27d42e0c154635b3188
diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index 65eb5068..dcf8d1bf 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -19,6 +19,7 @@ import { DomainRulesComponent } from './settings/domain-rules.component';
import { OptionsComponent } from './settings/options.component';
import { SettingsComponent } from './settings/settings.component';
import { TwoFactorSetupComponent } from './settings/two-factor-setup.component';
+import { UserBillingComponent } from './settings/user-billing.component';
import { BreachReportComponent } from './tools/breach-report.component';
import { ExportComponent } from './tools/export.component';
@@ -58,6 +59,7 @@ const routes: Routes = [
{ path: 'options', component: OptionsComponent, canActivate: [AuthGuardService] },
{ path: 'domain-rules', component: DomainRulesComponent, canActivate: [AuthGuardService] },
{ path: 'two-factor', component: TwoFactorSetupComponent, canActivate: [AuthGuardService] },
+ { path: 'billing', component: UserBillingComponent, canActivate: [AuthGuardService] },
],
},
{
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 8c6b69e4..ad1b8261 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -50,6 +50,7 @@ import { TwoFactorSetupComponent } from './settings/two-factor-setup.component';
import { TwoFactorU2fComponent } from './settings/two-factor-u2f.component';
import { TwoFactorVerifyComponent } from './settings/two-factor-verify.component';
import { TwoFactorYubiKeyComponent } from './settings/two-factor-yubikey.component';
+import { UserBillingComponent } from './settings/user-billing.component';
import { BreachReportComponent } from './tools/breach-report.component';
import { ExportComponent } from './tools/export.component';
@@ -162,6 +163,7 @@ import { SearchCiphersPipe } from 'jslib/angular/pipes/search-ciphers.pipe';
TwoFactorU2fComponent,
TwoFactorVerifyComponent,
TwoFactorYubiKeyComponent,
+ UserBillingComponent,
UserLayoutComponent,
VaultComponent,
],
diff --git a/src/app/settings/settings.component.html b/src/app/settings/settings.component.html
index 5388bffb..61071947 100644
--- a/src/app/settings/settings.component.html
+++ b/src/app/settings/settings.component.html
@@ -14,7 +14,7 @@
Organizations
- Billing & Licensing
+ {{'billingAndLicensing' | i18n}}
{{'twoStepLogin' | i18n}}
diff --git a/src/app/settings/user-billing.component.html b/src/app/settings/user-billing.component.html
new file mode 100644
index 00000000..c4f6b837
--- /dev/null
+++ b/src/app/settings/user-billing.component.html
@@ -0,0 +1,3 @@
+
diff --git a/src/app/settings/user-billing.component.ts b/src/app/settings/user-billing.component.ts
new file mode 100644
index 00000000..ee90f12a
--- /dev/null
+++ b/src/app/settings/user-billing.component.ts
@@ -0,0 +1,20 @@
+import {
+ Component,
+ OnInit,
+} from '@angular/core';
+
+import { TokenService } from 'jslib/abstractions/token.service';
+
+@Component({
+ selector: 'app-user-billing',
+ templateUrl: 'user-billing.component.html',
+})
+export class UserBillingComponent implements OnInit {
+ premium = false;
+
+ constructor(private tokenService: TokenService) { }
+
+ async ngOnInit() {
+ this.premium = this.tokenService.getPremium();
+ }
+}
diff --git a/src/locales/en/messages.json b/src/locales/en/messages.json
index 1d7a7a47..8e2f9dab 100644
--- a/src/locales/en/messages.json
+++ b/src/locales/en/messages.json
@@ -1188,5 +1188,8 @@
},
"reportError": {
"message": "An error occurred trying to load the report. Try again"
+ },
+ "billingAndLicensing": {
+ "message": "Billing & Licensing"
}
}