bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-22 03:03:43 +00:00
Code Issues Releases Wiki Activity

[PM-8527] Identity Add Edit Browser V2 (#10016)

Browse Source 
* Add Identity Edit Section for Browser V2 Edit Work
This commit is contained in:
Jason Ng
2024-07-10 12:25:20 -04:00
committed by GitHub
parent aa57260756
commit 91294e9c4d
7 changed files with 299 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

141
libs/vault/src/cipher-form/components/identity/identity.component.html Normal file
View File

@@ -0,0 +1,141 @@
<form [formGroup]="identityForm">
<bit-section>
<bit-section-header>
<h2 bitTypography="h5">{{ "personalDetails" | i18n }}</h2>
</bit-section-header>
<bit-card>
<bit-form-field>
<bit-label>
{{ "title" | i18n }}
</bit-label>
<bit-select formControlName="title">
<bit-option
*ngFor="let title of identityTitleOptions"
[value]="title.value"
[label]="title.name"
>
</bit-option>
</bit-select>
</bit-form-field>
<bit-form-field>
<bit-label>
{{ "firstName" | i18n }}
</bit-label>
<input bitInput formControlName="firstName" />
</bit-form-field>
<bit-form-field>
<bit-label>
{{ "lastName" | i18n }}
</bit-label>
<input bitInput formControlName="lastName" />
</bit-form-field>
<bit-form-field>
<bit-label>
{{ "username" | i18n }}
</bit-label>
<input bitInput formControlName="username" />
</bit-form-field>
<bit-form-field>
<bit-label>
{{ "company" | i18n }}
</bit-label>
<input bitInput formControlName="company" />
</bit-form-field>
</bit-card>
</bit-section>
<bit-section>
<bit-section-header>
<h2 bitTypography="h5">{{ "identification" | i18n }}</h2>
</bit-section-header>
<bit-card>
<bit-form-field>
<bit-label>
{{ "ssn" | i18n }}
</bit-label>
<input formControlName="ssn" bitInput type="password" />
<button type="button" bitIconButton bitPasswordInputToggle></button>
</bit-form-field>
<bit-form-field>
<bit-label>
{{ "passportNumber" | i18n }}
</bit-label>
<input formControlName="passportNumber" bitInput type="password" />
<button type="button" bitIconButton bitPasswordInputToggle></button>
</bit-form-field>
<bit-form-field>
<bit-label>
{{ "licenseNumber" | i18n }}
</bit-label>
<input bitInput formControlName="licenseNumber" />
</bit-form-field>
</bit-card>
</bit-section>
<bit-section>
<bit-section-header>
<h2 bitTypography="h5">{{ "contactInfo" | i18n }}</h2>
</bit-section-header>
<bit-card>
<bit-form-field>
<bit-label>
{{ "email" | i18n }}
</bit-label>
<input bitInput formControlName="email" />
</bit-form-field>
<bit-form-field>
<bit-label>
{{ "phone" | i18n }}
</bit-label>
<input bitInput formControlName="phone" />
</bit-form-field>
</bit-card>
</bit-section>
<bit-section>
<bit-section-header>
<h2 bitTypography="h5">{{ "address" | i18n }}</h2>
</bit-section-header>
<bit-card>
<bit-form-field>
<bit-label>
{{ "address1" | i18n }}
</bit-label>
<input bitInput formControlName="address1" />
</bit-form-field>
<bit-form-field>
<bit-label>
{{ "address2" | i18n }}
</bit-label>
<input bitInput formControlName="address2" />
</bit-form-field>
<bit-form-field>
<bit-label>
{{ "address3" | i18n }}
</bit-label>
<input bitInput formControlName="address3" />
</bit-form-field>
<bit-form-field>
<bit-label>
{{ "cityTown" | i18n }}
</bit-label>
<input bitInput formControlName="city" />
</bit-form-field>
<bit-form-field>
<bit-label>
{{ "stateProvince" | i18n }}
</bit-label>
<input bitInput formControlName="state" />
</bit-form-field>
<bit-form-field>
<bit-label>
{{ "zipPostalCode" | i18n }}
</bit-label>
<input bitInput formControlName="postalCode" />
</bit-form-field>
<bit-form-field>
<bit-label>
{{ "country" | i18n }}
</bit-label>
<input bitInput formControlName="country" />
</bit-form-field>
</bit-card>
</bit-section>
</form>