mirror of
https://github.com/bitwarden/browser
synced 2025-12-16 16:23:44 +00:00
f6702cd2d7
* Added empty state to providers clients page * Added bitForm to Setup component and added billing email hint
73 lines
2.7 KiB
HTML
73 lines
2.7 KiB
HTML
<form [formGroup]="formGroup" [bitSubmit]="submit">
|
|
<div class="tw-grid tw-grid-cols-12 tw-gap-4">
|
|
<div class="tw-col-span-6">
|
|
<bit-form-field [disableMargin]="selectionSupportsAdditionalOptions">
|
|
<bit-label>{{ "country" | i18n }}</bit-label>
|
|
<bit-select formControlName="country">
|
|
<bit-option
|
|
*ngFor="let country of countries"
|
|
[value]="country.value"
|
|
[disabled]="country.disabled"
|
|
[label]="country.name"
|
|
></bit-option>
|
|
</bit-select>
|
|
</bit-form-field>
|
|
</div>
|
|
<div class="tw-col-span-6">
|
|
<bit-form-field [disableMargin]="selectionSupportsAdditionalOptions">
|
|
<bit-label>{{ "zipPostalCode" | i18n }}</bit-label>
|
|
<input bitInput type="text" formControlName="postalCode" autocomplete="postal-code" />
|
|
</bit-form-field>
|
|
</div>
|
|
<div class="tw-col-span-6" *ngIf="selectionSupportsAdditionalOptions">
|
|
<bit-form-control>
|
|
<input bitCheckbox type="checkbox" formControlName="includeTaxId" />
|
|
<bit-label>{{ "includeVAT" | i18n }}</bit-label>
|
|
</bit-form-control>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="tw-grid tw-grid-cols-12 tw-gap-4"
|
|
*ngIf="selectionSupportsAdditionalOptions && includeTaxIdIsSelected"
|
|
>
|
|
<div class="tw-col-span-6">
|
|
<bit-form-field>
|
|
<bit-label>{{ "taxIdNumber" | i18n }}</bit-label>
|
|
<input bitInput type="text" formControlName="taxId" />
|
|
</bit-form-field>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="tw-grid tw-grid-cols-12 tw-gap-4"
|
|
*ngIf="selectionSupportsAdditionalOptions && includeTaxIdIsSelected"
|
|
>
|
|
<div class="tw-col-span-6">
|
|
<bit-form-field disableMargin>
|
|
<bit-label>{{ "address1" | i18n }}</bit-label>
|
|
<input bitInput type="text" formControlName="line1" autocomplete="address-line1" />
|
|
</bit-form-field>
|
|
</div>
|
|
<div class="tw-col-span-6">
|
|
<bit-form-field disableMargin>
|
|
<bit-label>{{ "address2" | i18n }}</bit-label>
|
|
<input bitInput type="text" formControlName="line2" autocomplete="address-line2" />
|
|
</bit-form-field>
|
|
</div>
|
|
<div class="tw-col-span-6">
|
|
<bit-form-field>
|
|
<bit-label>{{ "cityTown" | i18n }}</bit-label>
|
|
<input bitInput type="text" formControlName="city" autocomplete="address-level2" />
|
|
</bit-form-field>
|
|
</div>
|
|
<div class="tw-col-span-6">
|
|
<bit-form-field>
|
|
<bit-label>{{ "stateProvince" | i18n }}</bit-label>
|
|
<input bitInput type="text" formControlName="state" autocomplete="address-level1" />
|
|
</bit-form-field>
|
|
</div>
|
|
</div>
|
|
<button *ngIf="!!onSubmit" bitButton bitFormButton buttonType="primary" type="submit">
|
|
{{ "submit" | i18n }}
|
|
</button>
|
|
</form>
|