when passed option uniq, suggestions are with radio button, not checkbox

This commit is contained in:
Mathieu Jaumotte 2021-05-12 15:26:46 +02:00
parent 4fb487dcef
commit 6da8f1c107
3 changed files with 12 additions and 12 deletions

View File

@ -104,10 +104,7 @@ export default {
}, },
addNewPersons({ selected, modal }) { addNewPersons({ selected, modal }) {
console.log('@@@ CLICK button addNewPersons', selected); console.log('@@@ CLICK button addNewPersons', selected);
selected.forEach(function(item) { this.$store.dispatch('addRequestor', selected);
this.$store.dispatch('addRequestor', item);
}, this
);
this.$refs.addPersons.resetSearch(); // to cast child method this.$refs.addPersons.resetSearch(); // to cast child method
modal.showModal = false; modal.showModal = false;
} }

View File

@ -30,7 +30,7 @@
</div> </div>
</div> </div>
<div class="modal-body"> <div class="modal-body" v-if="checkUniq === 'checkbox'">
<div class="count"> <div class="count">
<span> <span>
<a v-if="suggestedCounter > 2" @click="selectAll"> <a v-if="suggestedCounter > 2" @click="selectAll">
@ -57,6 +57,7 @@
v-bind:key="itemKey(item)" v-bind:key="itemKey(item)"
v-bind:item="item" v-bind:item="item"
v-bind:search="search" v-bind:search="search"
v-bind:type="checkUniq"
@updateSelected="updateSelected"> @updateSelected="updateSelected">
</person-suggestion> </person-suggestion>
@ -71,7 +72,6 @@
@click.prevent="$emit('addNewPersons', { selected, modal })"> @click.prevent="$emit('addNewPersons', { selected, modal })">
<i class="fa fa-plus fa-fw"></i>{{ $t('action.add')}} <i class="fa fa-plus fa-fw"></i>{{ $t('action.add')}}
</button> </button>
{{ $t(checkUniq) }}
</template> </template>
</modal> </modal>
@ -148,10 +148,10 @@ export default {
return this.options; return this.options;
}, },
checkUniq() { checkUniq() {
if (this.options.uniq === true && this.selectedCounter > 1) { if (this.options.uniq === true) {
return "error_only_one_person"; return 'radio';
} }
return ''; return 'checkbox';
} }
}, },
methods: { methods: {
@ -180,6 +180,7 @@ export default {
}, this); }, this);
}, },
updateSelected(value) { updateSelected(value) {
console.log('value', value);
this.search.selected = value; this.search.selected = value;
}, },
resetSearch() { resetSearch() {

View File

@ -2,8 +2,8 @@
<div class="list-item" :class="{ checked: isChecked }"> <div class="list-item" :class="{ checked: isChecked }">
<div class="container"> <div class="container">
<input type="checkbox" <input v-model="selected"
v-model="selected" :type="type"
:value="item" /> :value="item" />
</div> </div>
@ -32,12 +32,14 @@ export default {
}, },
props: [ props: [
'item', 'item',
'search' 'search',
'type'
], ],
emits: ['updateSelected'], emits: ['updateSelected'],
computed: { computed: {
selected: { selected: {
set(value) { set(value) {
console.log('value', value);
this.$emit('updateSelected', value); this.$emit('updateSelected', value);
}, },
get() { get() {