refactor edit and edges

2024-03-25 21:26:21 +02:00
parent e74e1e7956
commit 02224eb580
83 changed files with 3569 additions and 818 deletions
@@ -0,0 +1,60 @@
+<script>
+    import {imgurl} from "../../files/imageserver.js";
+    import {getContext} from "svelte";
+    import Icon from "../../common/Icon.svelte";
+    const channel = getContext("channel");
+    export let record;
+
+
+    export let size = "tiny";
+    let imageSide;
+    let fileSide;
+    let fontSize;
+    if (size === "large") {
+        imageSide = 256;
+        fileSide = 32;
+        fontSize = "20";
+    } else if (size === "medium") {
+        imageSide = 128;
+        fileSide = 12;
+        fontSize = "17";
+    } else if (size === "small") {
+        imageSide = 64;
+        fileSide = 12;
+        fontSize = "15";
+    } else if (size === "tiny") {
+        imageSide = 42;
+        fileSide = 12;
+        fontSize = "13";
+    }
+</script>
+
+{#if record}
+    {#if record._file.mime.startsWith("image")}
+        <!-- href={imgurl(record)} -->
+        <a
+                href="{channel.lucentUrl}/records/{record.id}"
+                title={record._file.path}
+                class="d-flex  align-items-center justify-content-center "
+                style="width:{imageSide}px;height:{imageSide}px"
+        >
+            <img
+                    class="rounded w-100"
+                    src={imgurl(record)}
+                    alt={record._file.path}
+            />
+        </a>
+    {:else}
+        <a
+                href="{channel.lucentUrl}/records/{record.id}"
+                title={record._file.path}
+                class="btn btn-outline-primary btn-sm d-flex align-items-center justify-content-center"
+                style="width:{imageSide}px;height:{imageSide}px"
+        >
+            <Icon icon="file" width={fileSide} height={fileSide}/>
+            <span class="ms-2" style="font-size:{fontSize}px"
+            >.{record._file.path.split(".").pop()}</span
+            >
+        </a>
+    {/if}
+{/if}