mirror of
https://github.com/mealie-recipes/mealie.git
synced 2025-05-24 01:12:54 -04:00
80968b02bb
* add groupSlug to most routes * fixed more routing issues * fixed jank and incorrect routes * remove public explore links * remove unused groupSlug and explore routes * nuked explore pages * fixed public toolstore bug * fixed various routes missing group slug * restored public app header menu * fix janky login redirect * 404 recipe API call returns to login * removed unused explore layout * force redirect when using the wrong group slug * fixed dead admin links * removed unused middleware from earlier attempt * 🧹 * improve cookbooks sidebar fixed sidebar link not working fixed sidebar link target hide cookbooks header when there are none * added group slug to user * fix $auth typehints * vastly simplified groupSlug logic * allow logged-in users to view other groups * fixed some edgecases that bypassed isOwnGroup * fixed static home ref * 🧹 * fixed redirect logic * lint warning * removed group slug from group and user pages refactored all components to use route groupSlug or user group slug moved some group pages to recipe pages * fixed some bad types * 🧹 * moved groupSlug routes under /g/groupSlug * move /recipe/ to /r/ * fix backend url generation and metadata injection * moved shopping lists to root/other route fixes * changed shared from /recipes/ to /r/ * fixed 404 redirect not awaiting * removed unused import * fix doc links * fix public recipe setting not affecting public API * fixed backend tests * fix nuxt-generate command --------- Co-authored-by: Hayden <64056131+hay-kot@users.noreply.github.com>
72 lines
1.5 KiB
Vue
72 lines
1.5 KiB
Vue
<template>
|
|
<div @click.prevent>
|
|
<v-rating
|
|
v-model="rating"
|
|
:readonly="!isOwnGroup"
|
|
color="secondary"
|
|
background-color="secondary lighten-3"
|
|
length="5"
|
|
:dense="small ? true : undefined"
|
|
:size="small ? 15 : undefined"
|
|
hover
|
|
:value="value"
|
|
clearable
|
|
@input="updateRating"
|
|
@click="updateRating"
|
|
></v-rating>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { defineComponent, ref } from "@nuxtjs/composition-api";
|
|
import { useLoggedInState } from "~/composables/use-logged-in-state";
|
|
import { useUserApi } from "~/composables/api";
|
|
export default defineComponent({
|
|
props: {
|
|
emitOnly: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
// TODO Remove name prop?
|
|
name: {
|
|
type: String,
|
|
default: "",
|
|
},
|
|
slug: {
|
|
type: String,
|
|
default: "",
|
|
},
|
|
value: {
|
|
type: Number,
|
|
default: 0,
|
|
},
|
|
small: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
},
|
|
setup(props, context) {
|
|
const { isOwnGroup } = useLoggedInState();
|
|
|
|
const rating = ref(props.value);
|
|
|
|
const api = useUserApi();
|
|
function updateRating(val: number | null) {
|
|
if (val === 0) {
|
|
val = null;
|
|
}
|
|
if (!props.emitOnly) {
|
|
api.recipes.patchOne(props.slug, {
|
|
rating: val,
|
|
});
|
|
}
|
|
context.emit("input", val);
|
|
}
|
|
|
|
return { isOwnGroup, rating, updateRating };
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<style lang="scss" scoped></style>
|