Flycro
/
bookclub-manager
generated from Flycro/laravel-nuxt
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: Flycro:78e3f0ff0ccae4c281aee5e6096258349bedb605
Branches Tags
Flycro:main
...
compare: Flycro:ecc98924e3903ab399c07482ce226a57c165f325
Branches Tags
Flycro:main

2 Commits
78e3f0ff0c ... ecc98924e3

Author SHA1 Message Date
Flycro ecc98924e3 feat: Add Preview for Local Files
continuous-integration/drone/push Build is passing Details
2024-03-21 12:40:21 +01:00
Flycro 999bd8e3d4 fix: Typo 2024-03-21 12:40:05 +01:00
2 changed files with 11 additions and 1 deletions
Show Stats Expand all files Collapse all files

2
nuxt/components/modal/EditBookRecommendation.vue
View File

@ -155,7 +155,7 @@ function getFileUrl(file: File) {
<img v-if="state.cover_image && typeof state.cover_image === 'string'" :src="$storage(state.cover_image)" alt="Cover" class="size-1/3 content-center rounded-lg">
<ClientOnly>
<img v-if="state.cover_image && isFile(state.cover_image)" :src="getFileUrl(state.cover_image)" alt="Cover" class="size-1/3 content-center rounded-lg">
</ClientOnly>>
</ClientOnly>
<UFormGroup label="Cover" name="cover_image">
<UInput type="file" @change="handleCoverImageInput" />
</UFormGroup>

10
nuxt/components/modal/NewBookRecommendation.vue
View File

@ -91,6 +91,13 @@ async function onSubmit() {
},
})
}
function isFile(value: any): value is File {
return value instanceof File
}
function getFileUrl(file: File) {
return URL.createObjectURL(file)
}
</script>
<template>
@ -123,6 +130,9 @@ async function onSubmit() {
<UFormGroup label="Beschreibung" name="description">
<UTextarea v-model="state.description" />
</UFormGroup>
<ClientOnly>
<img v-if="state.cover_image && isFile(state.cover_image)" :src="getFileUrl(state.cover_image)" alt="Cover" class="size-1/3 content-center rounded-lg">
</ClientOnly>
<UFormGroup label="Cover" name="cover_image">
<UInput type="file" @change="handleCoverImageInput" />
</UFormGroup>