init

2023-10-02 23:10:49 +03:00
commit c6cb488379
255 changed files with 18731 additions and 0 deletions
@@ -0,0 +1,44 @@
+<script>
+
+    import {getContext, onMount} from "svelte";
+    import RecordRow from "./RecordRow.svelte"
+
+    const channel = getContext("channel");
+    let records = [];
+    let graph = null;
+    let users = [];
+    onMount(() => {
+        axios
+            .get(channel.lucentUrl + "/home/records")
+            .then((response) => {
+                records = response.data.records;
+                graph = response.data.graph;
+                users = response.data.users;
+            })
+            .catch((error) => {
+                console.log(error);
+            });
+    });
+</script>
+
+<div class="wrapper-normal transparent">
+
+    <h3 class="header-small mb-4 mt-5">Latest Content changes</h3>
+    {#if records.length > 0}
+        <div class="lx-card  mb-4">
+            <div class="lx-table p-0">
+                <table class="">
+                    <tbody>
+                    {#each records as record (record.id)}
+                        <tr>
+                            <RecordRow {graph} {record} {users}/>
+                        </tr>
+                    {/each}
+                    </tbody>
+                </table>
+            </div>
+        </div>
+
+    {/if}
+
+</div>
@@ -0,0 +1,50 @@
+<script>
+    import {formatDistanceToNow, parseJSON} from "date-fns";
+    import Avatar from "../account/Avatar.svelte";
+    import Status from "../records/Status.svelte";
+    import {previewTitle} from "../records/Preview";
+    import Preview from "../files/Preview.svelte";
+    import {usernameById} from "../account/users";
+    import {getContext} from "svelte";
+
+    const channel = getContext("channel");
+    export let users;
+    export let graph;
+    export let record;
+    let schema = channel.schemas.find((s) => s.name === record._sys.schema);
+    let frieldlyUpdatedAt = formatDistanceToNow(
+        parseJSON(record._sys.updatedAt),
+        {addSuffix: true}
+    );
+</script>
+
+<td>
+    {#if schema.type === "files"}
+        <Preview {record} size="tiny"/>
+    {:else}
+        <a
+            href="{channel.lucentUrl}/records/{record.id}"
+            class="text-decoration-none text-dark d-block"
+        >
+            {previewTitle(channel.schemas, record, graph)}
+        </a>
+    {/if}
+
+</td>
+<td><a
+    class="text-decoration-none lx-small-text"
+    href="{channel.lucentUrl}/content/{schema.name}">{schema.label}</a
+>
+</td>
+
+<td class="text-center">
+    <Status status={record._sys.status}/>
+</td>
+<td>
+    <div class="d-flex">
+        <Avatar name={usernameById(users, record._sys.updatedBy)} side={24}/>
+        <div class="ms-2">
+            {frieldlyUpdatedAt}
+        </div>
+    </div>
+</td>