From 8db3f353f2a083761cecc0fad108c626774a27ee Mon Sep 17 00:00:00 2001
From: Trirst <abeces968@gmail.com>
Date: Sat, 16 Oct 2021 17:10:32 +0700
Subject: [PATCH] Image metadata display in image post
---
src/routes/ImagePost.svelte | 21 ++++++++++++++++++++-
1 file changed, 20 insertions(+), 1 deletion(-)
diff --git a/src/routes/ImagePost.svelte b/src/routes/ImagePost.svelte
index 1152f46..9cbf811 100644
--- a/src/routes/ImagePost.svelte
+++ b/src/routes/ImagePost.svelte
@@ -1,7 +1,26 @@
<script>
+ import { fetchAPI } from "@/static/js/helper";
import { paths } from "@/static/js/paths";
+ import { onMount } from "svelte";
export let params = {};
+ let imageMetadata = {};
+
+ async function getImageMetadata() {
+ return await fetchAPI(paths.ImageField(params.snowflake));
+ }
+
+ onMount(async () => {
+ imageMetadata = await getImageMetadata();
+ });
</script>
-<img src={paths.ImageFile(params.snowflake)} alt="" />
+<div class="flex flex-row space-x-12">
+ <ul class="pl-2">
+ <li><strong>Snowflake: </strong> {imageMetadata.snowflake}</li>
+ <li><strong>Source: </strong> {imageMetadata.source}</li>
+ <li><strong>Image type: </strong> {imageMetadata.type}</li>
+ <li><strong>Uploaded by: </strong> {imageMetadata.user}</li>
+ </ul>
+ <img src={paths.ImageFile(params.snowflake)} alt="" class="max-w-2xl" />
+</div>
--
GitLab