mirror of
https://github.com/aljazceru/njump.git
synced 2025-12-18 14:54:24 +01:00
60 lines
1.9 KiB
Plaintext
60 lines
1.9 KiB
Plaintext
package main
|
|
|
|
templ fileMetadataTemplate(params FileMetadataPageParams) {
|
|
<!DOCTYPE html>
|
|
@eventPageTemplate(
|
|
"File Metadata",
|
|
params.OpenGraphParams,
|
|
params.HeadParams,
|
|
params.Clients,
|
|
params.Details,
|
|
params.Event,
|
|
) {
|
|
if params.FileMetadata.Image != "" {
|
|
<img src={ params.FileMetadata.Image } alt={ params.Alt }/>
|
|
} else if params.IsImage {
|
|
<img src={ params.FileMetadata.URL } alt={ params.Alt }/>
|
|
} else if params.IsVideo {
|
|
<video
|
|
controls
|
|
width="100%%"
|
|
class="max-h-[90vh] bg-neutral-300 dark:bg-zinc-700"
|
|
>
|
|
<source src={ params.FileMetadata.URL } alt={ params.Alt }/>
|
|
</video>
|
|
}
|
|
<a
|
|
href={ templ.URL(params.FileMetadata.URL) }
|
|
target="_new"
|
|
class="not-prose mx-auto mb-3 block w-4/5 basis-full rounded-lg border-0 bg-strongpink px-4 py-2 text-center text-[17px] font-light text-white no-underline sm:w-2/6"
|
|
>Download file</a>
|
|
}
|
|
}
|
|
|
|
templ fileMetadataDetails(params FileMetadataPageParams) {
|
|
if params.FileMetadata.Summary != "" {
|
|
<div class="mb-6 leading-5">
|
|
<div class="text-sm text-strongpink">Summary</div>
|
|
<span class="text-neutral-500 dark:text-neutral-300 text-[16px]">{ params.FileMetadata.Summary }</span>
|
|
</div>
|
|
}
|
|
if params.FileMetadata.Dim != "" {
|
|
<div class="mb-6 leading-5">
|
|
<div class="text-sm text-strongpink">Dimension</div>
|
|
<span class="text-neutral-500 dark:text-neutral-300 text-[16px]">{ params.FileMetadata.Dim }</span>
|
|
</div>
|
|
}
|
|
if params.FileMetadata.Size != "" {
|
|
<div class="mb-6 leading-5">
|
|
<div class="text-sm text-strongpink">Size</div>
|
|
<span class="text-neutral-500 dark:text-neutral-300 text-[16px]">{ params.FileMetadata.Size } bytes</span>
|
|
</div>
|
|
}
|
|
if params.FileMetadata.Magnet != "" {
|
|
<div class="mb-6 leading-5">
|
|
<div class="text-sm text-strongpink">Magnet URL</div>
|
|
<span class="text-neutral-500 dark:text-neutral-300 text-[16px]">{ params.FileMetadata.Magnet }</span>
|
|
</div>
|
|
}
|
|
}
|