lucent/lucent-laravel
2
0
Fork 0
Code Issues 14 Pull Requests Releases 1 Activity

create record wip

Browse Source
This commit is contained in:
Alex Lingris
2026-01-08 23:23:48 +02:00
parent 2a718ac9ee
commit 4470d922b7
42 changed files with 1048 additions and 556 deletions
Download Patch File Download Diff File Expand all files Collapse all files
front/js/svelte/files/Preview.svelte
+23 -24
View File
@@ -1,7 +1,7 @@
<script>
import Icon from "../common/Icon.svelte";
import {imgurl} from "./imageserver.js";
import {getContext} from "svelte";
import Icon from "../../common/Icon.svelte";
import { imgurl } from "./imageserver.js";
import { getContext } from "svelte";
export let record;
const channel = getContext("channel");
@@ -28,50 +28,49 @@
fontSize = "13";
}
</script>
<div style="display: flex;align-items: center;gap: 5px;">
{#if record}
{#if record._file.mime.startsWith("image")}
<!-- href={imgurl(record)} -->
<a
href="{channel.lucentUrl}/records/{record.id}"
title={record._file.originalName}
style="width:{imageSide}px;height:{imageSide}px"
href="{channel.lucentUrl}/records/{record.id}"
title={record._file.originalName}
style="width:{imageSide}px;height:{imageSide}px"
>
<img
class="rounded w-100"
src={imgurl(channel,record)}
alt={record._file.path}
class="rounded w-100"
src={imgurl(channel, record)}
alt={record._file.path}
/>
</a>
{:else}
<a
href="{channel.lucentUrl}/records/{record.id}"
title={record._file.path}
class="file-preview-small"
style="width:{imageSide}px;height:{imageSide}px"
href="{channel.lucentUrl}/records/{record.id}"
title={record._file.path}
class="file-preview-small"
style="width:{imageSide}px;height:{imageSide}px"
>
<Icon icon="file" width={fileSide} height={fileSide}/>
<Icon icon="file" width={fileSide} height={fileSide} />
<span class="ms-2"
>.{record._file.path.split(".").pop().toLowerCase()}</span
>.{record._file.path.split(".").pop().toLowerCase()}</span
>
</a>
{/if}
{/if}
{#if showFilename}
<a
href="{channel.lucentUrl}/records/{record.id}"
title={record._file.path}
class="preview-file-filename lx-small-text text-decoration-none"
>{record._file.path} </a
>
href="{channel.lucentUrl}/records/{record.id}"
title={record._file.path}
class="preview-file-filename lx-small-text text-decoration-none"
>{record._file.path}
</a>
{/if}
</div>
<style>
img{
img {
border-radius: 12px;
padding: 4px;
}
</style>
</style>