Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-06-13 13:54:23 +00:00
Code Issues Actions Projects Releases Wiki Activity

person: add altNames in person form: v-model option but not working

Browse Source
This commit is contained in:
nobohan 2021-12-03 11:27:18 +01:00
parent 49da5fe060
commit 047083812e
1 changed files with 27 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/OnTheFly/Person.vue
View File

@ -32,7 +32,8 @@
</div> </div>
<div v-for="(a, i) in config.altNames" :key="a.key" class="form-floating mb-3"> <div v-for="(a, i) in config.altNames" :key="a.key" class="form-floating mb-3">
<input class="form-control form-control-lg" :id="a.key" v-model="altNames[i]" /> <!-- <input class="form-control form-control-lg" :id="a.key" @change="enterAltName(value, a)" /> -->
<input class="form-control form-control-lg" :id="a.key" v-model="person.altNames[i]" />
<label :for="a.key">{{ a.labels.fr }}</label> <label :for="a.key">{{ a.labels.fr }}</label>
</div> </div>
@ -107,29 +108,37 @@ export default {
}, },
config: { config: {
altNames: [] altNames: []
} },
dataAltNames: []
} }
}, },
computed: { computed: {
firstName: { firstName: {
set(value) { this.person.firstName = value; }, set(value) {
console.log(value)
console.log(this.dataAltNames)
this.person.firstName = value;
//this.person.altNames = ['CACA'];
},
get() { return this.person.firstName; } get() { return this.person.firstName; }
}, },
lastName: { lastName: {
set(value) { this.person.lastName = value; }, set(value) { this.person.lastName = value; },
get() { return this.person.lastName; } get() { return this.person.lastName; }
}, },
altNames: { // altNames: {
set(value) { this.person.altNames.push( // set(value) {
{ // console.log(value)
key: 'jeune_fille', // this.person.altNames=
label: { // {
fr: value // key: value.key, //TODO! // person.altNames is filled by some magic
} // label: {
}); // fr: value
}, // }
get() { return this.person.altNames; } // };
}, // },
// get() { return this.person.altNames; }
// },
gender: { gender: {
set(value) { this.person.gender = value; }, set(value) { this.person.gender = value; },
get() { return this.person.gender; } get() { return this.person.gender; }
@ -158,6 +167,10 @@ export default {
set(value) { this.person.email = value; }, set(value) { this.person.email = value; },
get() { return this.person.email; } get() { return this.person.email; }
}, },
enterAltName(value, a) {
console.log('altname value entered', value)
console.log(a)
},
genderClass() { genderClass() {
switch (this.person.gender) { switch (this.person.gender) {
case 'woman': case 'woman':