dialog wip

2024-08-15 22:11:26 +03:00
parent 113533408d
commit 2429d4acb5
19 changed files with 364 additions and 112 deletions
@@ -0,0 +1,57 @@
+<script>
+    import Icon from "../../common/Icon.svelte";
+
+    import {createEventDispatcher, getContext} from "svelte";
+    import Preview from "../../files/Preview.svelte";
+    import {previewTitle} from "./../Preview";
+    import Status from "./../Status.svelte";
+
+    const dispatch = createEventDispatcher();
+    const channel = getContext("channel");
+    export let record;
+    export let hasDelete = false;
+
+    let schema = channel.schemas.find((aschema) => aschema.name === record.schema);
+    let cardTitle = previewTitle(channel.schemas, record);
+
+    function remove(e) {
+        e.preventDefault();
+
+        dispatch("remove", record.id);
+    }
+</script>
+
+<div class="preview-file">
+    <div class="image">
+        <Preview {record} size="small"/>
+    </div>
+    <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>
+    {#if hasDelete}
+        <div class="trash-action">
+            <button
+                    class="button"
+                    on:click={remove}
+            >
+                <Icon icon="trash-can"/>
+            </button>
+        </div>
+    {/if}
+</div>
+