Add basic CRUD for Person "preferred first name"

only shown if config flag says so
This commit is contained in:
Lance Edgar 2024-04-01 18:05:27 -05:00
parent cdc857065b
commit 1889f7d269
3 changed files with 91 additions and 17 deletions

View file

@ -91,6 +91,12 @@
<span>{{ person.first_name }}</span>
</b-field>
% if use_preferred_first_name:
<b-field horizontal label="Preferred First Name">
<span>{{ person.preferred_first_name }}</span>
</b-field>
% endif
<b-field horizontal label="Middle Name">
<span>{{ person.middle_name }}</span>
</b-field>
@ -118,11 +124,25 @@
</header>
<section class="modal-card-body">
<b-field label="First Name">
<b-input v-model.trim="editNameFirst"
:maxlength="maxLengths.person_first_name || null">
</b-input>
<b-field grouped>
<b-field label="First Name" expanded>
<b-input v-model.trim="editNameFirst"
:maxlength="maxLengths.person_first_name || null">
</b-input>
</b-field>
% if use_preferred_first_name:
<b-field label="Preferred First Name" expanded>
<b-input v-model.trim="editNameFirstPreferred"
:maxlength="maxLengths.person_preferred_first_name || null">
</b-input>
</b-field>
% endif
</b-field>
<b-field label="Middle Name">
<b-input v-model.trim="editNameMiddle"
:maxlength="maxLengths.person_middle_name || null">
@ -1497,6 +1517,9 @@
% if request.has_perm('people_profile.edit_person'):
editNameShowDialog: false,
editNameFirst: null,
% if use_preferred_first_name:
editNameFirstPreferred: null,
% endif
editNameMiddle: null,
editNameLast: null,
@ -1590,6 +1613,9 @@
editNameInit() {
this.editNameFirst = this.person.first_name
% if use_preferred_first_name:
this.editNameFirstPreferred = this.person.preferred_first_name
% endif
this.editNameMiddle = this.person.middle_name
this.editNameLast = this.person.last_name
this.editNameShowDialog = true
@ -1599,6 +1625,9 @@
let url = '${url('people.profile_edit_name', uuid=person.uuid)}'
let params = {
first_name: this.editNameFirst,
% if use_preferred_first_name:
preferred_first_name: this.editNameFirstPreferred,
% endif
middle_name: this.editNameMiddle,
last_name: this.editNameLast,
}