display reset link + minor changes

This commit is contained in:
Mathieu Jaumotte 2021-05-07 10:26:04 +02:00
parent f3260f57a4
commit ad690db886
4 changed files with 10 additions and 5 deletions

View File

@ -36,7 +36,8 @@ const messages = {
next: "Suivant", next: "Suivant",
previous: "Précédent", previous: "Précédent",
back: "Retour", back: "Retour",
check_all: "cocher tout" check_all: "cocher tout",
reset: "réinitialiser"
}, },
} }
}; };

View File

@ -23,7 +23,7 @@ let getDataPromise = getAccompanyingCourse(id)
}, },
getters: { getters: {
selectedAndSuggested: state => { selectedAndSuggested: state => {
let uniqBy = (a, key) => [ const uniqBy = (a, key) => [
...new Map( ...new Map(
a.map(x => [key(x), x]) a.map(x => [key(x), x])
).values() ).values()

View File

@ -34,16 +34,20 @@
<span> <span>
<a v-if="suggestedCounter > 0" href="#"> <a v-if="suggestedCounter > 0" href="#">
{{ $t('action.check_all')}}</a> {{ $t('action.check_all')}}</a>
<a v-if="selectedCounter > 0" href="#">
{{ $t('action.reset')}}</a>
</span> </span>
<span v-if="selectedCounter > 0"> <span v-if="selectedCounter > 0">
{{ $tc('add_persons.selected_counter', selectedCounter) }} {{ $tc('add_persons.selected_counter', selectedCounter) }}
</span> </span>
</div> </div>
<person-suggestion <person-suggestion
v-for="item in this.selectedAndSuggested.slice().reverse()" v-for="item in this.selectedAndSuggested.slice().reverse()"
v-bind:item="item" v-bind:item="item"
v-bind:key="item.id"> v-bind:key="item.id">
</person-suggestion> </person-suggestion>
<button v-if="query.length >= 3" class="sc-button bt-create ml-5 mt-2" name="createPerson"> <button v-if="query.length >= 3" class="sc-button bt-create ml-5 mt-2" name="createPerson">
{{ $t('action.create') }} "{{ query }}" {{ $t('action.create') }} "{{ query }}"
</button> </button>

View File

@ -45,9 +45,9 @@ export default {
return this.$store.state.add_persons.selected; return this.$store.state.add_persons.selected;
} }
}, },
selectedAndSuggested() { //selectedAndSuggested() {
return this.$store.getters.selectedAndSuggested; // return this.$store.getters.selectedAndSuggested;
}, //},
isChecked() { isChecked() {
return (this.selected.indexOf(this.item) === -1) ? false : true; return (this.selected.indexOf(this.item) === -1) ? false : true;
} }