tcsenpai/pensieve
1
0
Fork 0
mirror of https://github.com/tcsenpai/pensieve.git synced 2025-06-07 03:35:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(web): show id

Browse Source
This commit is contained in:
arkohut 2024-07-12 00:43:23 +08:00
parent 38272c48d0
commit d3d1157a4e
2 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
web/src/lib/Figure.svelte
View File

@ -2,12 +2,17 @@
<script> <script>
import OCRTable from './OCRTable.svelte'; import OCRTable from './OCRTable.svelte';
import { marked } from 'marked'; import { marked } from 'marked';
/**
* @type {string}
*/
export let id;
/** /**
* @type {any} * @type {any}
*/ */
export let image; export let image;
/** /**
* @type {any} * @type {string}
*/ */
export let title; export let title;
/** /**
@ -88,6 +93,12 @@
</div> </div>
<!-- Description container --> <!-- Description container -->
<div class="mt-4 md:mt-0 md:ml-6 overflow-y-auto max-h-full"> <div class="mt-4 md:mt-0 md:ml-6 overflow-y-auto max-h-full">
<div class="mb-2 mr-2 pb-2 border-b border-gray-300">
<span class="uppercase tracking-wide text-sm text-indigo-600 font-bold">ID</span>
<span class="mt-1 text-sm leading-tight font-medium text-gray-500 font-mono">
{id}
</span>
</div>
<div class="uppercase tracking-wide text-sm text-indigo-600 font-bold">Image Title</div> <div class="uppercase tracking-wide text-sm text-indigo-600 font-bold">Image Title</div>
<p class="block mt-1 text-lg leading-tight font-medium text-black hover:underline"> <p class="block mt-1 text-lg leading-tight font-medium text-black hover:underline">
{title} {title}

2
web/src/routes/+page.svelte
View File

@ -142,11 +142,11 @@
{#if searchResults.length && showModal} {#if searchResults.length && showModal}
<Figure <Figure
id={searchResults[selectedImage].id}
image={`${apiEndpoint}/files/${searchResults[selectedImage].filepath}`} image={`${apiEndpoint}/files/${searchResults[selectedImage].filepath}`}
title={filename(searchResults[selectedImage].filepath)} title={filename(searchResults[selectedImage].filepath)}
tags={searchResults[selectedImage].tags} tags={searchResults[selectedImage].tags}
metadata_entries={searchResults[selectedImage].metadata_entries} metadata_entries={searchResults[selectedImage].metadata_entries}
content={''}
onClose={closeModal} onClose={closeModal}
onNext={() => openModal((selectedImage + 1) % searchResults.length)} onNext={() => openModal((selectedImage + 1) % searchResults.length)}
onPrevious={() => openModal((selectedImage - 1 + searchResults.length) % searchResults.length)} onPrevious={() => openModal((selectedImage - 1 + searchResults.length) % searchResults.length)}