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

create record wip

Browse Source
This commit is contained in:
Alex Lingris
2026-01-08 23:23:48 +02:00
parent 2a718ac9ee
commit 4470d922b7
42 changed files with 1048 additions and 556 deletions
Download Patch File Download Diff File Expand all files Collapse all files
front/js/svelte/content/tools/SortFields.svelte
+67 -59
View File
@@ -1,6 +1,6 @@
<script>
import Icon from "../../common/Icon.svelte";
import {createEventDispatcher} from "svelte";
import Icon from "../../../common/Icon.svelte";
import { createEventDispatcher } from "svelte";
import Dropdown from "../../common/Dropdown.svelte";
const dispatch = createEventDispatcher();
@@ -12,14 +12,22 @@
export let systemFields = [];
$: sortableFields = schema.fields.filter(
(f) => !["reference", "file", "json", "id", "rich", "markdown", "block"].includes(f.info.name)
(f) =>
![
"reference",
"file",
"json",
"id",
"rich",
"markdown",
"block",
].includes(f.info.name),
);
$: systemFieldsFiltered = systemFields;
$: if (schema.type === "collection") {
systemFieldsFiltered = systemFields.filter((f) => f.files === false);
}
function triggerSortField(fieldSort) {
const url = new URL(modalUrl ?? window.location.href);
url.searchParams.set("sort", fieldSort);
@@ -32,91 +40,91 @@
function sortAsc(e, field) {
e.preventDefault();
let prefix = systemFields.map((el) => el.name).includes(field.name) ? "" : "data.";
let prefix = systemFields.map((el) => el.name).includes(field.name)
? ""
: "data.";
return triggerSortField(prefix + field.name);
}
function sortDesc(e, field) {
e.preventDefault();
let prefix = systemFields.map((el) => el.name).includes(field.name) ? "" : "data.";
let prefix = systemFields.map((el) => el.name).includes(field.name)
? ""
: "data.";
return triggerSortField("-" + prefix + field.name);
}
</script>
<Dropdown>
<div slot="button">
{#if sortParam.startsWith("-")}
<Icon icon="arrow-down-wide-short"/>
<Icon icon="arrow-down-wide-short" />
{:else}
<Icon icon="arrow-up-short-wide"/>
<Icon icon="arrow-up-short-wide" />
{/if}
<span class="ms-1">{sortField.label}</span>
</div>
<div>
{#each sortableFields as field}
<div class="dropdown-item">
<button
{#each sortableFields as field}
<div class="dropdown-item">
<button
on:click={(e) => sortAsc(e, field)}
title="Sort Ascending"
class="button button-icon {field.name == sortField.name && !sortParam.startsWith("-")
? 'active'
: ''} "
>
<Icon icon="arrow-up-short-wide"/>
</button>
<button
class="button button-icon {field.name == sortField.name &&
!sortParam.startsWith('-')
? 'active'
: ''} "
>
<Icon icon="arrow-up-short-wide" />
</button>
<button
on:click={(e) => sortDesc(e, field)}
title="Sort Descending"
class="button button-icon {field.name == sortField.name && sortParam.startsWith("-")
? 'active'
: ''} "
>
<Icon icon="arrow-down-wide-short"/>
</button>
<button
class="button button-icon {field.name == sortField.name &&
sortParam.startsWith('-')
? 'active'
: ''} "
>
<Icon icon="arrow-down-wide-short" />
</button>
<button
title="Sort Ascending"
on:click={(e) => sortAsc(e, field)}
class="button"
>
{field.label}
</button>
</div>
{/each}
<h6 class="dropdown-header">System</h6>
{#each systemFieldsFiltered as field}
<div class="dropdown-item">
<button
>
{field.label}
</button>
</div>
{/each}
<h6 class="dropdown-header">System</h6>
{#each systemFieldsFiltered as field}
<div class="dropdown-item">
<button
on:click={(e) => sortAsc(e, field)}
title="Sort Ascending"
class="button button-icon {field.name == sortParam
? 'active'
: ''} "
>
<Icon icon="arrow-up-short-wide"/>
</button>
<button
class="button button-icon {field.name == sortParam
? 'active'
: ''} "
>
<Icon icon="arrow-up-short-wide" />
</button>
<button
on:click={(e) => sortDesc(e, field)}
title="Sort Descending"
class="button button-icon {'-' + field.name == sortParam
? 'active'
: ''} "
>
<Icon icon="arrow-down-wide-short"/>
</button>
<button
class="button button-icon {'-' + field.name == sortParam
? 'active'
: ''} "
>
<Icon icon="arrow-down-wide-short" />
</button>
<button
title="Sort Ascending"
on:click={(e) => sortAsc(e, field)}
class="button"
>
{field.label}
</button>
</div>
{/each}
>
{field.label}
</button>
</div>
{/each}
</div>
</Dropdown>