lucent/lucent-laravel
2
0
Fork 0
Code Issues 14 Pull Requests Releases 1 Activity

dialog wip

Browse Source
This commit is contained in:
Alex Lingris
2024-08-15 22:11:26 +03:00
parent 113533408d
commit 2429d4acb5
19 changed files with 364 additions and 112 deletions
Download Patch File Download Diff File Expand all files Collapse all files
front/js/svelte/content/ActionsOnSelected.svelte
+26 -28
View File
@@ -37,47 +37,45 @@
<div style="display: flex;align-items: center; gap: 8px">
<span class="me-2">{selected.length} records selected</span>
<div class="btn-group " role="group" aria-label="Basic example">
<button
<button
on:click|preventDefault={(e) => changeStatus(e, "published")}
type="button"
class="button">Publish
</button
>
<button
</button
>
<button
on:click|preventDefault={(e) => changeStatus(e, "draft")}
type="button"
class="button">Make Draft
</button
>
{#if filter["status_in"] === "trashed"}
<button
</button
>
{#if filter["status_in"] === "trashed"}
<button
on:click|preventDefault={(e) => changeStatus(e, "published")}
type="button"
class="button">Publish
</button
>
{#if schema.hasDrafts}
<button
</button
>
{#if schema.hasDrafts}
<button
on:click|preventDefault={(e) => changeStatus(e, "draft")}
type="button"
class="button">Make Draft
</button
>
{/if}
<button
on:click|preventDefault={deleteRecords}
type="button"
class="button">Delete forever
</button
>
{:else}
<button
type="button"
on:click|preventDefault={(e) => changeStatus(e, "trashed")}
class="button">Move to trash
</button
>
{/if}
</div>
<button
on:click|preventDefault={deleteRecords}
type="button"
class="button">Delete forever
</button
>
{:else}
<button
type="button"
on:click|preventDefault={(e) => changeStatus(e, "trashed")}
class="button">Move to trash
</button
>
{/if}
</div>
front/js/svelte/content/Index.svelte
+14 -1
View File
@@ -39,6 +39,7 @@
limit = response.data.limit;
total = response.data.total;
modalUrl = response.data.modalUrl;
document.querySelector("dialog h3").scrollIntoView();
})
.catch((error) => {
console.log(error);
@@ -84,12 +85,24 @@
bind:selected
/>
{:else}
<Grid
<Table
{records}
{graph}
{schema}
{sortParam}
{sortField}
{systemFields}
{inModal}
{users}
{isWritable}
bind:selected
/>
<!-- <Grid-->
<!-- {records}-->
<!-- {schema}-->
<!-- {isWritable}-->
<!-- bind:selected-->
<!-- />-->
{/if}
</div>
front/js/svelte/content/RecordRow.svelte
+5 -5
View File
@@ -23,7 +23,7 @@
<RenderField {record} {schema} {graph} {field}/>
</td>
{/each}
{#if schema.visible.includes("status")}
{#if schema.visible?.includes("status")}
<td
class="text-center"
class:is-sort={"-status" == sortParam || "status" == sortParam}
@@ -31,7 +31,7 @@
<Status status={record.status}/>
</td>
{/if}
{#if schema.visible.includes("_sys.createdBy")}
{#if schema.visible?.includes("_sys.createdBy")}
<td
class="text-center"
class:is-sort={"-_sys.createdBy" == sortParam || "_sys.createdBy" == sortParam}
@@ -39,7 +39,7 @@
<Avatar name={usernameById(users, record._sys.createdBy)} side={24}/>
</td>
{/if}
{#if schema.visible.includes("_sys.updatedBy")}
{#if schema.visible?.includes("_sys.updatedBy")}
<td
class="text-center"
class:is-sort={"-_sys.updatedBy" == sortParam || "_sys.updatedBy" == sortParam}
@@ -47,12 +47,12 @@
<Avatar name={usernameById(users, record._sys.updatedBy)} side={24}/>
</td>
{/if}
{#if schema.visible.includes("_sys.createdAt")}
{#if schema.visible?.includes("_sys.createdAt")}
<td class:is-sort={"-_sys.createdAt" == sortParam || "_sys.createdAt" == sortParam}>
{friendlyDate(record._sys.createdAt)}
</td>
{/if}
{#if schema.visible.includes("_sys.updatedAt")}
{#if schema.visible?.includes("_sys.updatedAt")}
<td class:is-sort={"-_sys.updatedAt" == sortParam || "_sys.updatedAt" == sortParam}>
{friendlyDate(record._sys.updatedAt)}
</td>
front/js/svelte/content/Table.svelte
+14 -8
View File
@@ -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>