diff --git a/front/js/svelte/content/tools/AppliedFilter.svelte b/front/js/svelte/content/tools/AppliedFilter.svelte
index 146853c..00e12f4 100644
--- a/front/js/svelte/content/tools/AppliedFilter.svelte
+++ b/front/js/svelte/content/tools/AppliedFilter.svelte
@@ -76,7 +76,7 @@
{#if filter.isReference && filterRecord}
- {filter.label} is {previewTitle(channel.schemas, filterRecord)}
+ {filter.label} is {previewTitle(filterRecord)}
{:else}
{filter.label} {operators.find((o) => o.name === filter.operator)?.symbol ?? ""} {value}
{/if}
diff --git a/front/js/svelte/content/tools/FilterReferenceInput.svelte b/front/js/svelte/content/tools/FilterReferenceInput.svelte
index 4fa6010..7dbcc6d 100644
--- a/front/js/svelte/content/tools/FilterReferenceInput.svelte
+++ b/front/js/svelte/content/tools/FilterReferenceInput.svelte
@@ -62,7 +62,7 @@
on:keypress={(e) => apply(e, option)}
>
- {previewTitle(channel.schemas, option)}
+ {previewTitle( option)}
diff --git a/front/js/svelte/edges/EdgeModal.svelte b/front/js/svelte/edges/EdgeModal.svelte
new file mode 100644
index 0000000..dece05a
--- /dev/null
+++ b/front/js/svelte/edges/EdgeModal.svelte
@@ -0,0 +1,54 @@
+
+
+
+
+
+
diff --git a/front/js/svelte/newPreview/Preview.svelte b/front/js/svelte/newPreview/Preview.svelte
new file mode 100644
index 0000000..00ddd49
--- /dev/null
+++ b/front/js/svelte/newPreview/Preview.svelte
@@ -0,0 +1,61 @@
+
+
+
+
+
+
+ {#if field.data}
+
+ {:else}
+
+ {/if}
+
+
+
+ {#if hasDelete}
+
+
+
+ {/if}
+
+
+
+
\ No newline at end of file
diff --git a/front/js/svelte/newPreview/preview/PreviewEdge.svelte b/front/js/svelte/newPreview/preview/PreviewEdge.svelte
new file mode 100644
index 0000000..c409ba3
--- /dev/null
+++ b/front/js/svelte/newPreview/preview/PreviewEdge.svelte
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/front/js/svelte/newPreview/preview/PreviewRecord.svelte b/front/js/svelte/newPreview/preview/PreviewRecord.svelte
new file mode 100644
index 0000000..193b767
--- /dev/null
+++ b/front/js/svelte/newPreview/preview/PreviewRecord.svelte
@@ -0,0 +1,55 @@
+
+
+
+ {#if schema.type === "files"}
+
+ {/if}
+
+
+ {cardTitle}
+
+
+ {schema.label}
+
+
+ {#if record.status === "draft"}
+
+ {/if}
+
+
+
+
+
+
+
diff --git a/front/js/svelte/records/Edit.svelte b/front/js/svelte/records/Edit.svelte
index 048f4cf..0f3cc8b 100644
--- a/front/js/svelte/records/Edit.svelte
+++ b/front/js/svelte/records/Edit.svelte
@@ -115,7 +115,7 @@
console.log("SAVE: SAVED");
if (isCreateMode) {
- window.location = channel.lucentUrl + "/records/" + record.id;
+ window.location.href = channel.lucentUrl + "/records/" + record.id;
} else {
record = response.data.records[0] ?? null;
if (!record) {
@@ -141,9 +141,7 @@
}
}
resolve(null);
- // msgSuccess = null;
- // msgError = error.response.data.error;
- // submitted = false;
+
});
});
}
diff --git a/front/js/svelte/records/EditHeader.svelte b/front/js/svelte/records/EditHeader.svelte
index 04bd84a..44bd3ca 100644
--- a/front/js/svelte/records/EditHeader.svelte
+++ b/front/js/svelte/records/EditHeader.svelte
@@ -29,7 +29,7 @@
{#if !isCreateMode}
- {previewTitle(channel.schemas, record, graph)}
+ {previewTitle( record, graph)}
{:else}
New Record
{/if}
diff --git a/front/js/svelte/records/Preview.js b/front/js/svelte/records/Preview.js
index 2aea612..238aa63 100644
--- a/front/js/svelte/records/Preview.js
+++ b/front/js/svelte/records/Preview.js
@@ -1,8 +1,10 @@
import Mustache from "mustache";
import {stripHtml} from "../../helpers";
+import {getContext} from "svelte";
-export function previewTitle(schemas, record, graph) {
- let schema = schemas.find((aSchema) => aSchema.name === record?.schema);
+export function previewTitle(record, graph) {
+ const channel = getContext("channel");
+ let schema = channel.schemas.find((aSchema) => aSchema.name === record?.schema);
if (!schema?.titleTemplate) {
return noTemplate(schema, record);
@@ -10,7 +12,7 @@ export function previewTitle(schemas, record, graph) {
let recordData = record.data;
let template = Mustache.parse(schema.titleTemplate);
-
+ console.log({template})
let referencePreviews = template
.filter(segment => segment[0] === "name") // keep only template tags
.map((segment) => segment[1]) // map to fieldNames
@@ -20,7 +22,7 @@ export function previewTitle(schemas, record, graph) {
}).reduce((carry, field) => { // map to records
let edge = graph.edges.find(edge => edge.source === record.id && edge.field === field)
let referenceRecord = graph.records.find(rec => rec.id === edge?.target)
- carry[field] = previewTitle(schemas, referenceRecord, graph);
+ carry[field] = previewTitle(referenceRecord, graph);
return carry;
}, {});
recordData = {...recordData, ...referencePreviews}
@@ -43,7 +45,7 @@ function noTemplate(schema, record) {
record?.data[schema.fields.filter((f) => f.info.name === "text")[0]?.name]
).slice(0, 300);
- if(title == ""){
+ if(title === ""){
return "Untitled";
}
diff --git a/front/js/svelte/records/PreviewCard.svelte b/front/js/svelte/records/PreviewCard.svelte
index 0737440..bba8c45 100644
--- a/front/js/svelte/records/PreviewCard.svelte
+++ b/front/js/svelte/records/PreviewCard.svelte
@@ -13,10 +13,9 @@
export let hasDelete = false;
let schema = channel.schemas.find((aschema) => aschema.name === record.schema);
- let cardTitle = previewTitle(channel.schemas, record, graph);
+ let cardTitle = previewTitle(record, graph);
function remove(e) {
e.preventDefault();
-
dispatch("remove", record.id);
}
diff --git a/front/js/svelte/records/PreviewCardSmall.svelte b/front/js/svelte/records/PreviewCardSmall.svelte
index c346b3a..b330a77 100644
--- a/front/js/svelte/records/PreviewCardSmall.svelte
+++ b/front/js/svelte/records/PreviewCardSmall.svelte
@@ -7,7 +7,7 @@
export let graph;
$: schema = channel.schemas.find((aschema) => aschema.name === record.schema);
- $: title = previewTitle(channel.schemas, record, graph);
+ $: title = previewTitle( record, graph);
{#if record?.data}
diff --git a/front/js/svelte/records/elements/File.svelte b/front/js/svelte/records/elements/File.svelte
index 4baf748..15a879e 100644
--- a/front/js/svelte/records/elements/File.svelte
+++ b/front/js/svelte/records/elements/File.svelte
@@ -5,6 +5,7 @@
import PreviewCard from "../PreviewCard.svelte";
import Sortable from "../../libs/Sortable.svelte";
import BrowseModal from "./BrowseModal.svelte";
+ import Preview from "../../newPreview/Preview.svelte";
const channel = getContext("channel");
export let field;
@@ -16,8 +17,11 @@
$: references = graph?.edges
.filter((edge) => edge.field === field.name)
.map((edge) => {
- return graph.records.find((increc) => increc.id == edge.target && record.id == edge.source);
- }).filter((rec) => (rec?.id ? true : false)) ?? [];
+ return {
+ record: graph.records.find((increc) => increc.id === edge.target && record.id === edge.source),
+ edge: edge,
+ }
+ }).filter((recordEdge) => (!!recordEdge.record?.id)) ?? [];
let collections = channel.schemas.filter((aschema) =>
field.collections.includes(aschema.name)
@@ -101,14 +105,22 @@