dialog wip

front/js/svelte/content/Table.svelte

@@ -6,6 +6,7 @@
     import Avatar from "../account/Avatar.svelte";
     import {selectRecord, toggleAll} from "./functions/recordSelect.js";
     import Checkbox from "../common/Checkbox.svelte";
+    import Preview from "../files/Preview.svelte";
 
     const channel = getContext("channel");
 
@@ -28,7 +29,7 @@
         selected = selectRecord(record, selected)
     }
 
-    $: visibleColumns = schema.fields.filter(c => schema.visible.includes(c.name))
+    $: visibleColumns = schema.fields.filter(c => schema.visible?.includes(c.name) ?? [])
 
 </script>
 
@@ -39,6 +40,7 @@
             {#if isWritable}
                 <th>
                     <Checkbox
+                            value=""
                             on:change={eventToggleAll}
                             indeterminate={selected.length > 0 && selected.length < records.length}
                             checked={selected.length === records.length}
@@ -53,10 +55,10 @@
                         class:is-sort={field.name === sortField.name}
                         scope="col"
                         title={field.help}
-                       >{field.label}</th
+                >{field.label}</th
                 >
             {/each}
-            {#each systemFields.filter(c => schema.visible.includes(c.name)) as sysField}
+            {#each systemFields.filter(c => schema.visible?.includes(c.name)) as sysField}
                 <th class:is-sort={sysField.name === sortField.name}>{sysField.label}</th>
             {/each}
             <th></th>
@@ -78,7 +80,9 @@
                             </Checkbox>
 
                         {/if}
-
+                        {#if record._file?.path}
+                            <Preview record={record} size="medium"/>
+                        {/if}
                         <a
                                 class="me-2 text-decoration-none text-dark fs-6"
                                 href="{channel.lucentUrl}/records/{record.id}"
@@ -98,13 +102,15 @@
                         {sortField}
                         {users}
                 />
-                <td>  <Avatar
-                        name={usernameById(
+                <td>
+                    <Avatar
+                            name={usernameById(
                                         users,
                                         record._sys.updatedBy
                                     )}
-                        side={24}
-                /></td>
+                            side={24}
+                    />
+                </td>
             </tr>
         {/each}
         </tbody>