Docker/mealie
Docker/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-07-21 22:29:39 +02:00
Code Issues Releases Activity

feat: ✨ add bulk actions service and routes (WIP) (#747)

Browse source 
* feat(frontend): ✨ Group level recipe data management

* feat(backend): ✨ add bulk actions service and routes

Co-authored-by: Hayden <hay-kot@pm.me>
This commit is contained in:
Hayden 2021-10-18 19:41:41 -08:00 • committed by GitHub
parent 3b920babe3
commit 4e70c96f8a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
13 changed files with 703 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

49
frontend/components/global/BaseOverflowButton.vue
View file

@ -1,17 +1,18 @@
<template>
<v-menu offset-y>
<template #activator="{ on, attrs }">
<v-btn color="primary" v-bind="attrs" :class="btnClass" v-on="on">
<v-btn color="primary" v-bind="attrs" :class="btnClass" :disabled="disabled" v-on="on">
<v-icon v-if="activeObj.icon" left>
{{ activeObj.icon }}
</v-icon>
{{ activeObj.text }}
{{ mode === MODES.model ? activeObj.text : btnText }}
<v-icon right>
{{ $globals.icons.chevronDown }}
</v-icon>
</v-btn>
</template>
<v-list>
<!-- Model -->
<v-list v-if="mode === MODES.model" dense>
<v-list-item-group v-model="itemGroup">
<v-list-item v-for="(item, index) in items" :key="index" @click="setValue(item)">
<v-list-item-icon v-if="item.icon">
@ -21,6 +22,26 @@
</v-list-item>
</v-list-item-group>
</v-list>
<!-- Event -->
<v-list v-else-if="mode === MODES.link" dense>
<v-list-item-group v-model="itemGroup">
<v-list-item v-for="(item, index) in items" :key="index" :to="item.to">
<v-list-item-icon v-if="item.icon">
<v-icon>{{ item.icon }}</v-icon>
</v-list-item-icon>
<v-list-item-title>{{ item.text }}</v-list-item-title>
</v-list-item>
</v-list-item-group>
</v-list>
<!-- Event -->
<v-list v-else-if="mode === MODES.event" dense>
<v-list-item v-for="(item, index) in items" :key="index" @click="$emit(item.event)">
<v-list-item-icon v-if="item.icon">
<v-icon>{{ item.icon }}</v-icon>
</v-list-item-icon>
<v-list-item-title>{{ item.text }}</v-list-item-title>
</v-list-item>
</v-list>
</v-menu>
</template>
@ -29,12 +50,28 @@ import { defineComponent, ref } from "@nuxtjs/composition-api";
const INPUT_EVENT = "input";
type modes = "model" | "link" | "event";
const MODES = {
model: "model",
link: "link",
event: "event",
};
export default defineComponent({
props: {
mode: {
type: String as () => modes,
default: "model",
},
items: {
type: Array,
required: true,
},
disabled: {
type: Boolean,
required: false,
},
value: {
type: String,
required: false,
@ -45,6 +82,11 @@ export default defineComponent({
required: false,
default: "",
},
btnText: {
type: String,
required: false,
default: "Actions",
},
},
setup(props, context) {
const activeObj = ref({
@ -70,6 +112,7 @@ export default defineComponent({
}
return {
MODES,
activeObj,
itemGroup,
setValue,