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/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(