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>
<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">
<button class="btn btn-create" @click="createHousehold">
{{ $t('household_members_editor.household.create_household') }}
@ -99,6 +82,21 @@
</li>
</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 v-if="showHouseholdSuggestion && hasHouseholdSuggestion">
@ -220,6 +218,7 @@ export default {
},
selectHousehold(h) {
this.$store.dispatch('selectHousehold', h);
this.toggleHouseholdSuggestion();
},
removeHousehold() {
this.$store.dispatch('removeHousehold');