Docker/mealie
Docker/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-07-19 05:09:40 +02:00
Code Issues Releases Activity

feat: Recipe Data Management UI Improvements (#2246)

Browse source 
* made recipe name clickable

* fixed placeholder user avatar link
This commit is contained in:
Michael Genson 2023-03-21 14:47:26 -05:00 • committed by GitHub
parent 97d9d10b1f
commit f9acba34cc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

10
frontend/components/Domain/Recipe/RecipeDataTable.vue
View file

@ -17,6 +17,9 @@
<td colspan="4"></td>
</tr>
</template>
<template #item.name="{ item }">
<a :href="`/recipe/${item.slug}`" style="color: inherit; text-decoration: inherit; " @click="$emit('click')">{{ item.name }}</a>
</template>
<template #item.tags="{ item }">
<RecipeChip small :items="item.tags" :is-category="false" url-prefix="tags" />
</template>
@ -28,9 +31,7 @@
</template>
<template #item.userId="{ item }">
<v-list-item class="justify-start">
<v-list-item-avatar>
<img src="https://i.pravatar.cc/300" alt="John" />
</v-list-item-avatar>
<UserAvatar :user-id="item.userId" size="40" />
<v-list-item-content>
<v-list-item-title>
{{ getMember(item.userId) }}
@ -43,6 +44,7 @@
<script lang="ts">
import { computed, defineComponent, onMounted, ref, useContext } from "@nuxtjs/composition-api";
import UserAvatar from "../User/UserAvatar.vue";
import RecipeChip from "./RecipeChips.vue";
import { Recipe } from "~/lib/api/types/recipe";
import { useUserApi } from "~/composables/api";
@ -61,7 +63,7 @@ interface ShowHeaders {
}
export default defineComponent({
components: { RecipeChip },
components: { RecipeChip, UserAvatar },
props: {
value: {
type: Array,