references

2024-08-16 16:00:48 +03:00
parent a04e338ce2
commit 9bbd53b586
20 changed files with 170 additions and 90 deletions
@@ -0,0 +1,56 @@
+<script>
+    import Icon from "../../common/Icon.svelte";
+
+    import { getContext, createEventDispatcher } from "svelte";
+    import { previewTitle } from "./../Preview";
+    import Status from "./../Status.svelte";
+    const dispatch = createEventDispatcher();
+    const channel = getContext("channel");
+    export let graph;
+    export let record;
+    export let hasDelete = false;
+
+    let schema = channel.schemas.find((aschema) => aschema.name === record.schema);
+    let cardTitle = previewTitle(channel.schemas, record, graph);
+    function remove(e) {
+        e.preventDefault();
+
+        dispatch("remove", record.id);
+    }
+</script>
+
+
+<div class="preview-reference">
+    <div style="display: flex;align-items: center;gap: 10px;">
+
+        <div class="title">
+            <div>
+                <a
+                        class="record-title"
+                        href="{channel.lucentUrl}/records/{record.id}"
+                >
+                    {cardTitle}
+                </a>
+                <small class="d-block">
+                    from {schema.label}
+                    {#if record.status === "draft"}
+                        <Status status={record.status}/>
+                    {/if}
+                </small>
+
+            </div>
+
+        </div>
+    </div>
+    {#if hasDelete}
+        <div class="trash-action">
+            <button
+                    class="button"
+                    on:click={remove}
+            >
+                <Icon icon="trash-can"/>
+            </button>
+        </div>
+    {/if}
+</div>
+