mirror of
https://github.com/mealie-recipes/mealie.git
synced 2025-10-30 17:53:31 -04:00
56 lines
1.2 KiB
Vue
56 lines
1.2 KiB
Vue
|
<template>
|
||
|
|
<div class="text-center">
|
||
|
|
<v-menu offset-y top nudge-top="6" :close-on-content-click="false">
|
||
|
|
<template v-slot:activator="{ on, attrs }">
|
||
|
|
<v-btn color="accent" dark v-bind="attrs" v-on="on">
|
||
|
|
<v-icon left>
|
||
|
|
mdi-cog
|
||
|
|
</v-icon>
|
||
|
|
{{ $t("general.settings") }}
|
||
|
|
</v-btn>
|
||
|
|
</template>
|
||
|
|
<v-card>
|
||
|
|
<v-card-title class="py-2">
|
||
|
|
<div>
|
||
|
|
Recipe Settings
|
||
|
|
</div>
|
||
|
|
</v-card-title>
|
||
|
|
<v-divider class="mx-2"></v-divider>
|
||
|
|
<v-card-text class="mt-n5">
|
||
|
|
<v-switch
|
||
|
|
dense
|
||
|
|
v-for="(itemValue, key) in value"
|
||
|
|
:key="key"
|
||
|
|
v-model="value[key]"
|
||
|
|
flat
|
||
|
|
inset
|
||
|
|
:label="labels[key]"
|
||
|
|
hide-details
|
||
|
|
></v-switch>
|
||
|
|
</v-card-text>
|
||
|
|
</v-card>
|
||
|
|
</v-menu>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
components: {},
|
||
|
|
props: {
|
||
|
|
value: Object,
|
||
|
|
},
|
||
|
|
data: () => ({
|
||
|
|
labels: {
|
||
|
|
public: "Public Recipe",
|
||
|
|
showNutrition: "Show Nutrition Values",
|
||
|
|
showAssets: "Show Assets",
|
||
|
|
landscapeView: "Landscape View (Coming Soon)",
|
||
|
|
},
|
||
|
|
}),
|
||
|
|
methods: {},
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
</style>
|