vue_household_members_editor: toggle suggestion button out of conditionnal record_actions

This commit is contained in:
Mathieu Jaumotte 2021-09-13 13:29:37 +02:00
parent 98729af065
commit 337a6eb974

View File

@ -60,23 +60,6 @@
</div> </div>
<ul v-if="allowChangeHousehold" class="record_actions"> <ul v-if="allowChangeHousehold" class="record_actions">
<li v-if="!showHouseholdSuggestion" class="cancel">
<button
class="btn btn-misc"
@click="toggleHouseholdSuggestion"
><i class="fa fa-fw fa-caret-right"></i>
{{ $tc('household_members_editor.show_household_suggestion',
countHouseholdSuggestion) }}
</button>
</li>
<li v-if="showHouseholdSuggestion && hasHouseholdSuggestion" class="cancel">
<button
class="btn btn-misc"
@click="toggleHouseholdSuggestion"
><i class="fa fa-fw fa-caret-down"></i>
{{ $t('household_members_editor.hide_household_suggestion') }}
</button>
</li>
<li v-if="allowHouseholdCreate"> <li v-if="allowHouseholdCreate">
<button class="btn btn-create" @click="createHousehold"> <button class="btn btn-create" @click="createHousehold">
{{ $t('household_members_editor.household.create_household') }} {{ $t('household_members_editor.household.create_household') }}
@ -99,6 +82,21 @@
</li> </li>
</ul> </ul>
<ul class="record_actions">
<li v-if="!showHouseholdSuggestion" class="cancel">
<button class="btn btn-misc" @click="toggleHouseholdSuggestion">
<i class="fa fa-fw fa-caret-right"></i>
{{ $tc('household_members_editor.show_household_suggestion', countHouseholdSuggestion) }}
</button>
</li>
<li v-if="showHouseholdSuggestion && hasHouseholdSuggestion" class="cancel">
<button class="btn btn-misc" @click="toggleHouseholdSuggestion">
<i class="fa fa-fw fa-caret-down"></i>
{{ $t('household_members_editor.hide_household_suggestion') }}
</button>
</li>
</ul>
<div class="householdSuggestions"> <div class="householdSuggestions">
<div v-if="showHouseholdSuggestion && hasHouseholdSuggestion"> <div v-if="showHouseholdSuggestion && hasHouseholdSuggestion">
@ -220,6 +218,7 @@ export default {
}, },
selectHousehold(h) { selectHousehold(h) {
this.$store.dispatch('selectHousehold', h); this.$store.dispatch('selectHousehold', h);
this.toggleHouseholdSuggestion();
}, },
removeHousehold() { removeHousehold() {
this.$store.dispatch('removeHousehold'); this.$store.dispatch('removeHousehold');