index remove graph
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
<script>
|
||||
import Tools from "./tools/Tools.svelte";
|
||||
// import Tools from "./tools/Tools.svelte";
|
||||
import Pagination from "./pagination/Pagination.svelte";
|
||||
import ActionsOnSelected from "./ActionsOnSelected.svelte";
|
||||
import Table from "./Table.svelte";
|
||||
@@ -10,7 +10,6 @@
|
||||
export let schema;
|
||||
export let users;
|
||||
export let records;
|
||||
export let graph;
|
||||
// export let visibleFields;
|
||||
export let systemFields;
|
||||
export let sortParam;
|
||||
@@ -54,26 +53,25 @@
|
||||
{#if selected.length > 0 && !inModal && isWritable}
|
||||
<ActionsOnSelected {schema} {selected} {filter}/>
|
||||
{:else}
|
||||
<Tools
|
||||
bind:schema
|
||||
bind:records
|
||||
{systemFields}
|
||||
{sortParam}
|
||||
{sortField}
|
||||
{operators}
|
||||
{filter}
|
||||
{graph}
|
||||
{inModal}
|
||||
{modalUrl}
|
||||
{isWritable}
|
||||
on:refresh={refresh}
|
||||
/>
|
||||
<!-- <Tools-->
|
||||
<!-- bind:schema-->
|
||||
<!-- bind:records-->
|
||||
<!-- {systemFields}-->
|
||||
<!-- {sortParam}-->
|
||||
<!-- {sortField}-->
|
||||
<!-- {operators}-->
|
||||
<!-- {filter}-->
|
||||
<!-- {graph}-->
|
||||
<!-- {inModal}-->
|
||||
<!-- {modalUrl}-->
|
||||
<!-- {isWritable}-->
|
||||
<!-- on:refresh={refresh}-->
|
||||
<!-- />-->
|
||||
{/if}
|
||||
|
||||
{#if schema.type === "collection"}
|
||||
<Table
|
||||
{records}
|
||||
{graph}
|
||||
{schema}
|
||||
{sortParam}
|
||||
{sortField}
|
||||
|
||||
@@ -7,8 +7,7 @@
|
||||
|
||||
export let schema;
|
||||
export let users;
|
||||
export let graph;
|
||||
export let record;
|
||||
export let queryRecord;
|
||||
export let sortParam;
|
||||
export let sortField;
|
||||
export let visibleColumns;
|
||||
@@ -20,7 +19,7 @@
|
||||
class="field-ui-{field.info.name}"
|
||||
class:is-sort={field.name === sortField.name}
|
||||
>
|
||||
<RenderField {record} {schema} {graph} {field}/>
|
||||
<RenderField {queryRecord} {field}/>
|
||||
</td>
|
||||
{/each}
|
||||
{#if schema.visible.includes("status")}
|
||||
@@ -28,7 +27,7 @@
|
||||
class="text-center"
|
||||
class:is-sort={"-status" == sortParam || "status" == sortParam}
|
||||
>
|
||||
<Status status={record.status}/>
|
||||
<Status status={queryRecord.record.status}/>
|
||||
</td>
|
||||
{/if}
|
||||
{#if schema.visible.includes("_sys.createdBy")}
|
||||
@@ -36,7 +35,7 @@
|
||||
class="text-center"
|
||||
class:is-sort={"-_sys.createdBy" == sortParam || "_sys.createdBy" == sortParam}
|
||||
>
|
||||
<Avatar name={usernameById(users, record._sys.createdBy)} side={24}/>
|
||||
<Avatar name={usernameById(users, queryRecord.record._sys.createdBy)} side={24}/>
|
||||
</td>
|
||||
{/if}
|
||||
{#if schema.visible.includes("_sys.updatedBy")}
|
||||
@@ -44,16 +43,16 @@
|
||||
class="text-center"
|
||||
class:is-sort={"-_sys.updatedBy" == sortParam || "_sys.updatedBy" == sortParam}
|
||||
>
|
||||
<Avatar name={usernameById(users, record._sys.updatedBy)} side={24}/>
|
||||
<Avatar name={usernameById(users, queryRecord.record._sys.updatedBy)} side={24}/>
|
||||
</td>
|
||||
{/if}
|
||||
{#if schema.visible.includes("_sys.createdAt")}
|
||||
<td class:is-sort={"-_sys.createdAt" == sortParam || "_sys.createdAt" == sortParam}>
|
||||
{friendlyDate(record._sys.createdAt)}
|
||||
{friendlyDate(queryRecord.record._sys.createdAt)}
|
||||
</td>
|
||||
{/if}
|
||||
{#if schema.visible.includes("_sys.updatedAt")}
|
||||
<td class:is-sort={"-_sys.updatedAt" == sortParam || "_sys.updatedAt" == sortParam}>
|
||||
{friendlyDate(record._sys.updatedAt)}
|
||||
{friendlyDate(queryRecord.record._sys.updatedAt)}
|
||||
</td>
|
||||
{/if}
|
||||
|
||||
@@ -29,17 +29,13 @@
|
||||
file: File,
|
||||
};
|
||||
export let field;
|
||||
export let schema;
|
||||
export let record;
|
||||
export let graph;
|
||||
export let queryRecord;
|
||||
|
||||
</script>
|
||||
|
||||
<svelte:component
|
||||
this={renderElements[field.info.name]}
|
||||
value={record.data[field.name]}
|
||||
{record}
|
||||
{graph}
|
||||
{schema}
|
||||
value={queryRecord.record.data[field.name]}
|
||||
{queryRecord}
|
||||
{field}
|
||||
/>
|
||||
|
||||
@@ -11,7 +11,6 @@
|
||||
export let schema;
|
||||
export let users;
|
||||
export let records;
|
||||
export let graph;
|
||||
export let systemFields;
|
||||
export let sortParam;
|
||||
export let sortField;
|
||||
@@ -64,7 +63,7 @@
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{#each records as record (record.id)}
|
||||
{#each records as queryRecord (queryRecord.record.id)}
|
||||
<tr>
|
||||
<td class="title-td">
|
||||
<div
|
||||
@@ -74,13 +73,13 @@
|
||||
{#if isWritable}
|
||||
<div class="form-check">
|
||||
<input
|
||||
on:change={() => select(record)}
|
||||
on:change={() => select(queryRecord)}
|
||||
class="form-check-input "
|
||||
type="checkbox"
|
||||
checked={selected.find(
|
||||
(r) => r.id === record.id
|
||||
(r) => r.id === queryRecord.record.id
|
||||
)}
|
||||
value={record}
|
||||
value={queryRecord}
|
||||
/>
|
||||
</div>
|
||||
{/if}
|
||||
@@ -88,20 +87,20 @@
|
||||
<a
|
||||
|
||||
class="me-2 text-decoration-none text-dark fs-6"
|
||||
href="{channel.lucentUrl}/records/{record.id}"
|
||||
href="{channel.lucentUrl}/records/{queryRecord.record.id}"
|
||||
target={inModal ? "_blank" : "_self"}
|
||||
title={previewTitle(record, graph)}
|
||||
title={previewTitle(queryRecord)}
|
||||
data-bs-toggle="tooltip" data-bs-placement="left"
|
||||
|
||||
>
|
||||
{previewTitle(record, graph)}
|
||||
{previewTitle(queryRecord)}
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<Avatar
|
||||
name={usernameById(
|
||||
users,
|
||||
record._sys.updatedBy
|
||||
queryRecord.record._sys.updatedBy
|
||||
)}
|
||||
side={24}
|
||||
/>
|
||||
@@ -109,8 +108,7 @@
|
||||
</div>
|
||||
</td>
|
||||
<RecordRow
|
||||
{record}
|
||||
{graph}
|
||||
{queryRecord}
|
||||
{schema}
|
||||
{visibleColumns}
|
||||
{sortParam}
|
||||
|
||||
@@ -1,18 +1,11 @@
|
||||
<script>
|
||||
import Preview from "../../files/Preview.svelte";
|
||||
|
||||
export let record;
|
||||
export let queryRecord;
|
||||
export let field;
|
||||
export let graph;
|
||||
|
||||
let filePreviews = queryRecord?._children[field.name];
|
||||
|
||||
let filePreviews = graph.edges?.filter((ed) => ed.field === field.name && ed.source === record.id)
|
||||
.map((ed) => graph.records.find((r) => r.id === ed.target));
|
||||
// if (edges[0]) {
|
||||
// firstRecord = record._children.find((r) => r.data.id === edges[0].to);
|
||||
// }
|
||||
|
||||
console.log(filePreviews)
|
||||
</script>
|
||||
|
||||
<!-- {#if firstRecord}
|
||||
|
||||
@@ -1,25 +1,16 @@
|
||||
<script>
|
||||
import PreviewCardSmall from "../../records/PreviewCardSmall.svelte";
|
||||
|
||||
export let record;
|
||||
export let queryRecord;
|
||||
export let field;
|
||||
export let schemas;
|
||||
export let graph;
|
||||
|
||||
$: recordEdges =
|
||||
graph.edges
|
||||
?.filter((ed) => ed.field === field.name && ed.source === record.id)
|
||||
.map((edge) => {
|
||||
return graph.records.find((r) => r.id === edge.target);
|
||||
})
|
||||
.filter((record) => (!record ? false : true)) ?? [];
|
||||
$: recordEdges = queryRecord?._children[field.name];
|
||||
|
||||
</script>
|
||||
|
||||
<div class="references">
|
||||
{#each recordEdges as recordEdge}
|
||||
<span class="mr-3">
|
||||
<PreviewCardSmall {schemas} {graph} record={recordEdge}/>
|
||||
<PreviewCardSmall record={recordEdge}/>
|
||||
</span>
|
||||
{/each}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user