Mirrors/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-10-31 10:13:32 -04:00
Code Issues Packages Projects Releases Wiki 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
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> <td colspan="4"></td>
</tr> </tr>
</template> </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 }"> <template #item.tags="{ item }">
<RecipeChip small :items="item.tags" :is-category="false" url-prefix="tags" /> <RecipeChip small :items="item.tags" :is-category="false" url-prefix="tags" />
</template> </template>
@@ -28,9 +31,7 @@
</template> </template>
<template #item.userId="{ item }"> <template #item.userId="{ item }">
<v-list-item class="justify-start"> <v-list-item class="justify-start">
<v-list-item-avatar> <UserAvatar :user-id="item.userId" size="40" />
<img src="https://i.pravatar.cc/300" alt="John" />
</v-list-item-avatar>
<v-list-item-content> <v-list-item-content>
<v-list-item-title> <v-list-item-title>
{{ getMember(item.userId) }} {{ getMember(item.userId) }}
@@ -43,6 +44,7 @@
<script lang="ts"> <script lang="ts">
import { computed, defineComponent, onMounted, ref, useContext } from "@nuxtjs/composition-api"; import { computed, defineComponent, onMounted, ref, useContext } from "@nuxtjs/composition-api";
import UserAvatar from "../User/UserAvatar.vue";
import RecipeChip from "./RecipeChips.vue"; import RecipeChip from "./RecipeChips.vue";
import { Recipe } from "~/lib/api/types/recipe"; import { Recipe } from "~/lib/api/types/recipe";
import { useUserApi } from "~/composables/api"; import { useUserApi } from "~/composables/api";
@@ -61,7 +63,7 @@ interface ShowHeaders {
} }
export default defineComponent({ export default defineComponent({
components: { RecipeChip }, components: { RecipeChip, UserAvatar },
props: { props: {
value: { value: {
type: Array, type: Array,