more theming firendly classses in shopping
This commit is contained in:
parent
66a07ab39d
commit
e045849e89
@ -63,7 +63,7 @@
|
|||||||
v-if="c.count_unchecked > 0 || user_preference_store.device_settings.shopping_show_checked_entries && (c.count_unchecked + c.count_ecked) > 0">
|
v-if="c.count_unchecked > 0 || user_preference_store.device_settings.shopping_show_checked_entries && (c.count_unchecked + c.count_ecked) > 0">
|
||||||
<b-button-group class="w-100 mt-1"
|
<b-button-group class="w-100 mt-1"
|
||||||
:class="{'flex-row-reverse': useUserPreferenceStore().user_settings.left_handed}">
|
:class="{'flex-row-reverse': useUserPreferenceStore().user_settings.left_handed}">
|
||||||
<b-button variant="light" block class="btn btn-block text-left">
|
<b-button variant="info" block class="btn btn-block text-left">
|
||||||
<span v-if="c.name === shopping_list_store.UNDEFINED_CATEGORY">{{
|
<span v-if="c.name === shopping_list_store.UNDEFINED_CATEGORY">{{
|
||||||
$t('Undefined')
|
$t('Undefined')
|
||||||
}}</span>
|
}}</span>
|
||||||
|
@ -5,8 +5,7 @@
|
|||||||
<b-button variant="primary" v-if="is_delayed">
|
<b-button variant="primary" v-if="is_delayed">
|
||||||
<i class="fa-fw fas fa-hourglass-half"></i>
|
<i class="fa-fw fas fa-hourglass-half"></i>
|
||||||
</b-button>
|
</b-button>
|
||||||
|
<div class="card flex-grow-1 btn-block p-1" @click="detail_modal_visible = true">
|
||||||
<b-button variant="dark" block class="btn btn-block text-left" @click="detail_modal_visible = true">
|
|
||||||
<div class="d-flex">
|
<div class="d-flex">
|
||||||
<div class="d-flex flex-column pr-2" v-if="Object.keys(amounts).length> 0">
|
<div class="d-flex flex-column pr-2" v-if="Object.keys(amounts).length> 0">
|
||||||
<span v-for="a in amounts" v-bind:key="a.id">{{ a.amount }} {{ a.unit }}<br/></span>
|
<span v-for="a in amounts" v-bind:key="a.id">{{ a.amount }} {{ a.unit }}<br/></span>
|
||||||
@ -17,7 +16,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<span v-if="info_row"><small class="text-muted">{{ info_row }}</small></span>
|
<span v-if="info_row"><small class="text-muted">{{ info_row }}</small></span>
|
||||||
</b-button>
|
</div>
|
||||||
<b-button variant="success" @click="useShoppingListStore().setEntriesCheckedState(entries, !is_checked)" :class="{'btn-success': !is_checked, 'btn-warning': is_checked}">
|
<b-button variant="success" @click="useShoppingListStore().setEntriesCheckedState(entries, !is_checked)" :class="{'btn-success': !is_checked, 'btn-warning': is_checked}">
|
||||||
<i class="fa-fw fas" :class="{'fa-check': !is_checked , 'fa-cart-plus': is_checked }"></i>
|
<i class="fa-fw fas" :class="{'fa-check': !is_checked , 'fa-cart-plus': is_checked }"></i>
|
||||||
</b-button>
|
</b-button>
|
||||||
@ -87,6 +86,8 @@
|
|||||||
</template>
|
</template>
|
||||||
</b-modal>
|
</b-modal>
|
||||||
|
|
||||||
|
<generic-modal-form :model="Models.FOOD" :show="editing_food !== null" @hidden="editing_food = null; useShoppingListStore().refreshFromAPI()"></generic-modal-form>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -94,12 +95,13 @@
|
|||||||
import Vue from "vue"
|
import Vue from "vue"
|
||||||
import {BootstrapVue} from "bootstrap-vue"
|
import {BootstrapVue} from "bootstrap-vue"
|
||||||
import "bootstrap-vue/dist/bootstrap-vue.css"
|
import "bootstrap-vue/dist/bootstrap-vue.css"
|
||||||
import {ApiMixin, resolveDjangoUrl, StandardToasts} from "@/utils/utils"
|
import {ApiMixin, getThemeDependentDarkButton, resolveDjangoUrl, StandardToasts} from "@/utils/utils"
|
||||||
import {useMealPlanStore} from "@/stores/MealPlanStore";
|
import {useMealPlanStore} from "@/stores/MealPlanStore";
|
||||||
import {useShoppingListStore} from "@/stores/ShoppingListStore";
|
import {useShoppingListStore} from "@/stores/ShoppingListStore";
|
||||||
import {ApiApiFactory} from "@/utils/openapi/api";
|
import {ApiApiFactory} from "@/utils/openapi/api";
|
||||||
import {useUserPreferenceStore} from "@/stores/UserPreferenceStore";
|
import {useUserPreferenceStore} from "@/stores/UserPreferenceStore";
|
||||||
import NumberScalerComponent from "@/components/NumberScalerComponent.vue";
|
import NumberScalerComponent from "@/components/NumberScalerComponent.vue";
|
||||||
|
import GenericModalForm from "@/components/Modals/GenericModalForm.vue";
|
||||||
|
|
||||||
|
|
||||||
Vue.use(BootstrapVue)
|
Vue.use(BootstrapVue)
|
||||||
@ -107,13 +109,14 @@ Vue.use(BootstrapVue)
|
|||||||
export default {
|
export default {
|
||||||
name: "ShoppingLineItem",
|
name: "ShoppingLineItem",
|
||||||
mixins: [ApiMixin],
|
mixins: [ApiMixin],
|
||||||
components: {NumberScalerComponent},
|
components: {GenericModalForm, NumberScalerComponent},
|
||||||
props: {
|
props: {
|
||||||
entries: {type: Object,},
|
entries: {type: Object,},
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
detail_modal_visible: false,
|
detail_modal_visible: false,
|
||||||
|
editing_food: null,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
@ -221,6 +224,7 @@ export default {
|
|||||||
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
getThemeDependentDarkButton,
|
||||||
useUserPreferenceStore,
|
useUserPreferenceStore,
|
||||||
useShoppingListStore,
|
useShoppingListStore,
|
||||||
resolveDjangoUrl,
|
resolveDjangoUrl,
|
||||||
|
Loading…
Reference in New Issue
Block a user