diff --git a/src/app/accounts/register.component.html b/src/app/accounts/register.component.html index 1eabdaa2ae..4dc417e123 100644 --- a/src/app/accounts/register.component.html +++ b/src/app/accounts/register.component.html @@ -1,103 +1,149 @@ -
-
-
-

{{'createAccount' | i18n}}

-
-
- - {{'createOrganizationCreatePersonalAccount' | i18n}} - -
- - - {{'emailAddressDesc' | i18n}} -
-
- - - {{'yourNameDesc' | i18n}} -
-
- - {{'masterPasswordPolicyInEffect' | i18n}} -
    -
  • - {{'policyInEffectMinComplexity' | i18n : getPasswordScoreAlertDisplay()}} -
    • -
  • - {{'policyInEffectMinLength' | i18n : enforcedPolicyOptions?.minLength.toString()}} -
    • -
  • - {{'policyInEffectUppercase' | i18n}}
    • -
  • - {{'policyInEffectLowercase' | i18n}}
    • -
  • - {{'policyInEffectNumbers' | i18n}}
    • -
  • - {{'policyInEffectSpecial' | i18n : '!@#$%^&*'}}
    • -
- - -
-
- - - -
-
- - -
-
- {{'masterPassDesc' | i18n}} -
-
- -
- - -
-
-
- - - {{'masterPassHintDesc' | i18n}} -
-
-
- - - {{'cancel' | i18n}} - -
- - {{'submitAgreePolicies' | i18n}} - {{'termsOfService' | i18n}}, - {{'privacyPolicy' | i18n}} - +
+
+
+
+
+
-
- + +
+
+
+
+
+

Companies globally trust Bitwarden for password management.

+

Start your 7-day free trial!

+

Quickly deploy your organization

+

Use Bitwarden across all platforms

+

Collaborate and share securely

+
+
+ + Wired + +
+
+ "Bitwarden has become a popular choice among open-source software advocates. After using it for a + few months, I can see why." - February 2020 +
+
+
+
+

Enterprise 3 layout

+
+
+

Enterprise 4 layout

+
+
+
+
+
+
+

{{'createAccount' | i18n}}

+
+
+ + {{'createOrganizationCreatePersonalAccount' | i18n}} + +
+ + + {{'emailAddressDesc' | i18n}} +
+
+ + + {{'yourNameDesc' | i18n}} +
+
+ + {{'masterPasswordPolicyInEffect' | i18n}} +
    +
  • + {{'policyInEffectMinComplexity' | i18n : getPasswordScoreAlertDisplay()}} +
    • +
  • + {{'policyInEffectMinLength' | i18n : enforcedPolicyOptions?.minLength.toString()}} +
    • +
  • + {{'policyInEffectUppercase' | i18n}}
    • +
  • + {{'policyInEffectLowercase' | i18n}}
    • +
  • + {{'policyInEffectNumbers' | i18n}}
    • +
  • + {{'policyInEffectSpecial' | i18n : '!@#$%^&*'}}
    • +
+ + +
+
+ + + +
+
+ + +
+
+ {{'masterPassDesc' | i18n}} +
+
+ +
+ + +
+
+
+ + + {{'masterPassHintDesc' | i18n}} +
+
+
+ + + {{'cancel' | i18n}} + +
+ + {{'submitAgreePolicies' | i18n}} + {{'termsOfService' | i18n}}, + {{'privacyPolicy' | i18n}} + +
+
+
+
+
+
+
+
diff --git a/src/app/accounts/register.component.ts b/src/app/accounts/register.component.ts index 1dec1b6983..22815af339 100644 --- a/src/app/accounts/register.component.ts +++ b/src/app/accounts/register.component.ts @@ -27,6 +27,7 @@ import { PolicyData } from 'jslib/models/data/policyData'; export class RegisterComponent extends BaseRegisterComponent { showCreateOrgMessage = false; showTerms = true; + layout = ''; enforcedPolicyOptions: MasterPasswordPolicyOptions; private policies: Policy[]; @@ -73,6 +74,9 @@ export class RegisterComponent extends BaseRegisterComponent { this.stateService.save('loginRedirect', { route: '/settings/create-organization', qParams: { plan: qParams.org } }); } + if (qParams.layout != null) { + this.layout = qParams.layout; + } if (queryParamsSub != null) { queryParamsSub.unsubscribe(); } diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 2c694d95fe..6807ec8919 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -148,6 +148,9 @@ export class AppComponent implements OnDestroy, OnInit { properties: { label: message.label }, }); break; + case 'setFullWidth': + this.setFullWidth(); + break; default: break; } @@ -166,6 +169,8 @@ export class AppComponent implements OnDestroy, OnInit { } } }); + + this.setFullWidth(); } ngOnDestroy() { @@ -262,4 +267,13 @@ export class AppComponent implements OnDestroy, OnInit { this.notificationsService.reconnectFromActivity(); } } + + private async setFullWidth() { + const enableFullWidth = await this.storageService.get('enableFullWidth'); + if (enableFullWidth) { + document.body.classList.add('full-width'); + } else { + document.body.classList.remove('full-width'); + } + } } diff --git a/src/app/settings/options.component.html b/src/app/settings/options.component.html index 79a6c35bbe..b369b90f6f 100644 --- a/src/app/settings/options.component.html +++ b/src/app/settings/options.component.html @@ -76,6 +76,16 @@
{{'enableGravatarsDesc' | i18n}} +
+
+
+ + +
+ {{'enableFullWidthDesc' | i18n}}