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" } }