init

2023-10-02 23:10:49 +03:00
commit c6cb488379
255 changed files with 18731 additions and 0 deletions
@@ -0,0 +1,51 @@
+<script>
+    import Preview from "../../files/Preview.svelte";
+    import PreviewCardSmall from "../PreviewCardSmall.svelte";
+
+    export let field;
+    export let side;
+    export let edges;
+    export let colorClass;
+</script>
+
+{#if ["reference", "file"].includes(field.ui)}
+    <div class="{colorClass}  field-content">
+        <div class="d-flex align-items-center text-center flex-wrap">
+            {#each edges[field.name] as edgeRecord}
+                {#if edgeRecord._file?.path}
+                    <div
+                        class="ms-2 "
+                        style="max-width:64px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;"
+                    >
+                        <Preview
+                            record={edgeRecord}
+                            size="small"
+                            showFilename={true}
+                        />
+                    </div>
+                {:else}
+                    <div class="ms-2 ">
+                        <PreviewCardSmall record={edgeRecord}/>
+                    </div>
+                {/if}
+            {/each}
+        </div>
+    </div>
+{:else if field.ui === "json"}
+    <div class="{colorClass} field-content" style="white-space: break-spaces;">
+        {JSON.stringify(side, null, 2) ?? ""}
+    </div>
+{:else if field.ui === "rich"}
+    <div class="{colorClass}  field-content">{@html side ?? ""}</div>
+{:else}
+    <div class="{colorClass}  field-content">{JSON.stringify(side) ?? ""}</div>
+{/if}
+
+<!-- {/if} -->
+<style>
+
+    .field-content {
+        max-height: 200px;
+        overflow-y: scroll;
+    }
+</style>