[#976] added optional RelationOptions.DisplayFields and refactored the relation picker UI

2023-01-23 21:57:35 +02:00
parent 4c73e16f54
commit 4c010847e3
106 changed files with 1845 additions and 981 deletions
@@ -0,0 +1,36 @@
+<script>
+    import CommonHelper from "@/utils/CommonHelper";
+    import tooltip from "@/actions/tooltip";
+
+    export let record;
+    export let displayFields = [];
+
+    $: displayValue = CommonHelper.displayValue(record, displayFields);
+</script>
+
+<div class="record-info">
+    <i
+        class="link-hint txt-sm ri-information-line"
+        use:tooltip={{
+            text: CommonHelper.truncate(
+                JSON.stringify(CommonHelper.truncateObject(record), null, 2),
+                800,
+                true
+            ),
+            class: "code",
+            position: "left",
+        }}
+    />
+    <span class="txt txt-ellipsis">{CommonHelper.truncate(displayValue, 150)}</span>
+</div>
+
+<style lang="scss">
+    .record-info {
+        display: inline-flex;
+        vertical-align: top;
+        align-items: center;
+        max-width: 100%;
+        min-width: 0;
+        gap: 5px;
+    }
+</style>