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

file previews

Browse Source
This commit is contained in:
Alex Lingris
2024-08-17 20:31:04 +03:00
parent 322962403d
commit 36165444cf
7 changed files with 219 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files
front/js/svelte/content/Table.svelte
+32 -8
View File
@@ -7,6 +7,7 @@
import {selectRecord, toggleAll} from "./functions/recordSelect.js";
import Checkbox from "../common/Checkbox.svelte";
import Preview from "../files/Preview.svelte";
import {fileurl} from "../files/imageserver.js";
const channel = getContext("channel");
@@ -80,15 +81,38 @@
{/if}
{#if record._file?.path}
<Preview record={record} size={record._file?.width > 0 ? "medium" : "tiny"}/>
<div class="file-table-row">
<Preview record={record} size={record._file?.width > 0 ? "medium" : "small"}/>
<div>
<a
href="{channel.lucentUrl}/records/{record.id}"
target={inModal ? "_blank" : "_self"}
>
{previewTitle(channel.schemas, record, graph)}
</a>
<span>{(record._file.size / 1024).toFixed(1)}kB</span>
{#if record._file.width > 0}
<span>{record._file.width + "x" + record._file.height}</span>
{/if}
<a
href="{fileurl(record)}"
target="_blank"
>
Download
</a>
</div>
</div>
{:else}
<a
href="{channel.lucentUrl}/records/{record.id}"
target={inModal ? "_blank" : "_self"}
>
{previewTitle(channel.schemas, record, graph)}
</a>
{/if}
<a
class="me-2 text-decoration-none text-dark fs-6"
href="{channel.lucentUrl}/records/{record.id}"
target={inModal ? "_blank" : "_self"}
>
{previewTitle(channel.schemas, record, graph)}
</a>
</div>
</td>
front/js/svelte/records/FilePreview.svelte
+33 -40
View File
@@ -7,49 +7,42 @@
</script>
{#if schema.type === "files"}
<div class="row mb-4">
<div class="col" style="max-width:276px">
<div class="record-edit-file-preview">
<div>
<Preview {record} size="large"/>
</div>
<div class="col">
<ul class="list-group ">
<li class="list-group-item border-primary">
<span class="text-muted">Filename</span>
<span>{record._file.path}</span>
</li>
<li class="list-group-item border-primary">
<span class="text-muted">Original name</span>
<span>{record._file.originalName}</span>
</li>
<li class="list-group-item border-primary">
<span class="text-muted">Mime type</span>
<span>{record._file.mime}</span>
</li>
{#if record._file.width}
<li class="list-group-item border-primary">
<span class="text-muted">Dimensions</span>
<span>{record._file.width}x{record._file.height}</span>
</li>
{/if}
<li class="list-group-item border-primary">
<span class="text-muted">File size</span>
<span>{(record._file.size / 1024).toFixed(1)}kB</span>
</li>
<li class="list-group-item border-primary">
<span class="text-muted">Checksum</span>
<span>{record._file.checksum}</span>
</li>
<li class="list-group-item border-primary">
<span class="text-muted">Download</span>
<a href="{fileurl(record)}">{record._file.path}</a>
</li>
</ul>
<div class="file-details">
<div class="file-details-item">
<span class="text-muted">Filename</span>
<span>{record._file.path}</span>
</div>
<div class="file-details-item">
<span class="text-muted">Original name</span>
<span>{record._file.originalName}</span>
</div>
<div class="file-details-item">
<span class="text-muted">Mime type</span>
<span>{record._file.mime}</span>
</div>
{#if record._file.width}
<div class="file-details-item">
<span class="text-muted">Dimensions</span>
<span>{record._file.width}x{record._file.height}</span>
</div>
{/if}
<div class="file-details-item">
<span class="text-muted">File size</span>
<span>{(record._file.size / 1024).toFixed(1)}kB</span>
</div>
<div class="file-details-item">
<span class="text-muted">Checksum</span>
<span>{record._file.checksum}</span>
</div>
<div class="file-details-item">
<a class="button primary" target="_blank" style="display: inline-flex" href="{fileurl(record)}">Download</a>
</div>
</div>
</div>
{/if}
<style>
.list-group {
font-size: 14px;
}
</style>
front/js/svelte/records/Preview.js
+1 -4
View File
@@ -36,10 +36,7 @@ export function previewTitle(schemas, record, graph) {
function noTemplate(schema, record) {
if (schema?.type === "files") {
if(record._file.width === 0){
return record._file.path;
}
return record._file.path + " " + record._file.width+"x"+record._file.height ;
return record._file.path;
}
let title = stripHtml(