mirror of
https://github.com/bitwarden/browser
synced 2025-12-10 13:23:34 +00:00
9d35a8895e
* PM-8367 - WIP - initial comp creation * PM-8367 - Majority of new registration self hosted env config dialog working * PM-8367 - RegistrationEnvSelectorComponent - add method handleSelfHostedEnvConfigDialogResult and add toast for happy path. * PM-8367 - Add validation TODO * PM-8367 - RegistrationSelfHostedEnvConfigDialogComponent - Add validator * PM-8367 - RegEnvSelector - Only show self hosted if the client is browser or desktop since we will be using the selector on web as well. * PM-8367 - Registration start comp - add env selector * PM-8367 - Registration start - add proper import for standalone comps. * PM-8367 - Registration Start - get storybook fixed with registration env selector * PM-8367 - Add self hosted server to web translations only for storybook * PM-8367 - Add more storybook examples and update docs (WIP - need to test self hosted selection) * PM-8367 - Registration Start - update stories * PM-8367 - Env Selector now emits selected region so that parent comps can listen to it if needed. * PM-8367 - Registration Start - wire up handler for selectedRegionChange so that the parent comp can successfully track isSelfHost and hide / show the terms / privacy policy checkbox * PM-8367 - TODO cleanup * PM-8367 - Registration start docs - stage gate is two words. * PM-8367 - Per working session with Will, move top level provided services to app level instead of module level to solve dialog null injector errors. * PM-8367 - Storybook working for self hosted env dialog * PM-8367 - Add dialog scroll feature to bitDialog and implement in self hosted env dialog. * PM-8367 - Revert bit dialog changes and scroll implementation. * PM-8367 - Tweak registration start docs * PM-8367 - Remove unused changeDetectorRef * PM-8367 - Add docs per PR feedback
108 lines
3.2 KiB
HTML
108 lines
3.2 KiB
HTML
<form [formGroup]="formGroup" [bitSubmit]="submit">
|
|
<bit-dialog>
|
|
<span bitDialogTitle> Self-hosted environment</span>
|
|
<ng-container bitDialogContent>
|
|
<bit-form-field>
|
|
<bit-label>{{ "baseUrl" | i18n }}</bit-label>
|
|
<input
|
|
id="self_hosted_env_settings_form_input_base_url"
|
|
bitInput
|
|
type="text"
|
|
formControlName="baseUrl"
|
|
appAutofocus
|
|
appInputVerbatim
|
|
/>
|
|
<bit-hint>{{ "selfHostedBaseUrlHint" | i18n }}</bit-hint>
|
|
</bit-form-field>
|
|
|
|
<button bitLink linkType="primary" type="button" (click)="showCustomEnv = !showCustomEnv">
|
|
<i
|
|
class="bwi bwi-fw bwi-sm"
|
|
[ngClass]="{ 'bwi-angle-right': !showCustomEnv, 'bwi-angle-down': showCustomEnv }"
|
|
aria-hidden="true"
|
|
></i>
|
|
{{ "customEnvironment" | i18n }}
|
|
</button>
|
|
|
|
<ng-container *ngIf="showCustomEnv">
|
|
<p bitTypography="body1" class="tw-text-muted tw-mt-3">
|
|
{{ "selfHostedCustomEnvHeader" | i18n }}
|
|
</p>
|
|
|
|
<bit-form-field>
|
|
<bit-label>{{ "webVaultUrl" | i18n }}</bit-label>
|
|
<input
|
|
id="self_hosted_env_settings_form_input_web_vault_url"
|
|
bitInput
|
|
type="text"
|
|
formControlName="webVaultUrl"
|
|
appInputVerbatim
|
|
/>
|
|
</bit-form-field>
|
|
|
|
<bit-form-field>
|
|
<bit-label>{{ "apiUrl" | i18n }}</bit-label>
|
|
<input
|
|
id="self_hosted_env_settings_form_input_api_url"
|
|
bitInput
|
|
type="text"
|
|
formControlName="apiUrl"
|
|
appInputVerbatim
|
|
/>
|
|
</bit-form-field>
|
|
|
|
<bit-form-field>
|
|
<bit-label>{{ "identityUrl" | i18n }}</bit-label>
|
|
<input
|
|
id="self_hosted_env_settings_form_input_identity_url"
|
|
bitInput
|
|
type="text"
|
|
formControlName="identityUrl"
|
|
appInputVerbatim
|
|
/>
|
|
</bit-form-field>
|
|
|
|
<bit-form-field>
|
|
<bit-label>{{ "notificationsUrl" | i18n }}</bit-label>
|
|
<input
|
|
id="self_hosted_env_settings_form_input_notifications_url"
|
|
bitInput
|
|
type="text"
|
|
formControlName="notificationsUrl"
|
|
appInputVerbatim
|
|
/>
|
|
</bit-form-field>
|
|
|
|
<bit-form-field>
|
|
<bit-label>{{ "iconsUrl" | i18n }}</bit-label>
|
|
<input
|
|
id="self_hosted_env_settings_form_input_icons_url"
|
|
bitInput
|
|
type="text"
|
|
formControlName="iconsUrl"
|
|
appInputVerbatim
|
|
/>
|
|
</bit-form-field>
|
|
</ng-container>
|
|
|
|
<span
|
|
*ngIf="showErrorSummary"
|
|
class="tw-block tw-text-danger tw-mt-2"
|
|
aria-live="assertive"
|
|
role="alert"
|
|
>
|
|
<i class="bwi bwi-error"></i> {{ "selfHostedEnvFormInvalid" | i18n }}
|
|
</span>
|
|
</ng-container>
|
|
<ng-container bitDialogFooter>
|
|
<button type="submit" bitButton bitFormButton buttonType="primary">
|
|
{{ "save" | i18n }}
|
|
</button>
|
|
|
|
<button type="button" bitButton bitFormButton buttonType="secondary" (click)="cancel()">
|
|
{{ "cancel" | i18n }}
|
|
</button>
|
|
</ng-container>
|
|
</bit-dialog>
|
|
</form>
|