mirror of
https://github.com/bitwarden/browser
synced 2025-12-25 12:43:36 +00:00
* Move chevron/arrow to start of disclosure widget in addition, changes the only expand/collapse disclosure widget like this on the web client to use the same `<h3><button>...</button></h3>` structure as on browser extension and desktop app * Change collapsed/expanded icons Make them more understandable and consistent with other expand/collapse controls * Harmonise desktop +/- controls to use arrow/chevron icons as well also removes the incorrect `A11yTitle` in the generator that currently overrides the visible "Options" text (leading to a failure of WCAG 2.5.3 Label in Name) * Change the icons for the expand/collapse disclosure widget in SSO component * Expand icon explanation plus minor typo cleanup * Add patch for Send button focus outline
97 lines
3.6 KiB
HTML
97 lines
3.6 KiB
HTML
<div class="modal fade" role="dialog" aria-modal="true" aria-labelledby="selfHosteEnvironmentTitle">
|
|
<div class="modal-dialog" role="document">
|
|
<form class="modal-content" (ngSubmit)="submit()">
|
|
<div class="modal-body">
|
|
<div class="box">
|
|
<h1 class="box-header" id="selfHosteEnvironmentTitle">
|
|
{{ "selfHostedEnvironment" | i18n }}
|
|
</h1>
|
|
<div class="box-content">
|
|
<div class="box-content-row" appBoxRow>
|
|
<label for="baseUrl">{{ "baseUrl" | i18n }}</label>
|
|
<input
|
|
id="baseUrl"
|
|
type="text"
|
|
name="BaseUrl"
|
|
[(ngModel)]="baseUrl"
|
|
placeholder="{{ 'ex' | i18n }} https://bitwarden.company.com"
|
|
appInputVerbatim
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="box-footer">
|
|
{{ "selfHostedEnvironmentFooter" | i18n }}
|
|
</div>
|
|
</div>
|
|
<div class="box">
|
|
<h2 class="box-header">
|
|
<button type="button" (click)="toggleCustom()" [attr.aria-expanded]="showCustom">
|
|
<i
|
|
class="bwi bwi-lg"
|
|
aria-hidden="true"
|
|
[ngClass]="{ 'bwi-angle-right': !showCustom, 'bwi-angle-down': showCustom }"
|
|
></i>
|
|
{{ "customEnvironment" | i18n }}
|
|
</button>
|
|
</h2>
|
|
<div class="box-content" [hidden]="!showCustom">
|
|
<div class="box-content-row" appBoxRow>
|
|
<label for="webVaultUrl">{{ "webVaultUrl" | i18n }}</label>
|
|
<input
|
|
id="webVaultUrl"
|
|
type="text"
|
|
name="WebVaultUrl"
|
|
[(ngModel)]="webVaultUrl"
|
|
appInputVerbatim
|
|
/>
|
|
</div>
|
|
<div class="box-content-row" appBoxRow>
|
|
<label for="apiUrl">{{ "apiUrl" | i18n }}</label>
|
|
<input id="apiUrl" type="text" name="ApiUrl" [(ngModel)]="apiUrl" appInputVerbatim />
|
|
</div>
|
|
<div class="box-content-row" appBoxRow>
|
|
<label for="identityUrl">{{ "identityUrl" | i18n }}</label>
|
|
<input
|
|
id="identityUrl"
|
|
type="text"
|
|
name="IdentityUrl"
|
|
[(ngModel)]="identityUrl"
|
|
appInputVerbatim
|
|
/>
|
|
</div>
|
|
<div class="box-content-row" appBoxRow>
|
|
<label for="notificationsUrl">{{ "notificationsUrl" | i18n }}</label>
|
|
<input
|
|
id="notificationsUrl"
|
|
type="text"
|
|
name="NotificationsUrl"
|
|
[(ngModel)]="notificationsUrl"
|
|
appInputVerbatim
|
|
/>
|
|
</div>
|
|
<div class="box-content-row" appBoxRow>
|
|
<label for="iconsUrl">{{ "iconsUrl" | i18n }}</label>
|
|
<input
|
|
id="iconsUrl"
|
|
type="text"
|
|
name="IconsUrl"
|
|
[(ngModel)]="iconsUrl"
|
|
appInputVerbatim
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="box-footer" [hidden]="!showCustom">
|
|
{{ "customEnvironmentFooter" | i18n }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="submit" class="primary" appA11yTitle="{{ 'save' | i18n }}">
|
|
<i class="bwi bwi-save-changes bwi-lg bwi-fw" aria-hidden="true"></i>
|
|
</button>
|
|
<button type="button" data-dismiss="modal">{{ "close" | i18n }}</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|