109 lines
3.1 KiB
Svelte
109 lines
3.1 KiB
Svelte
<script>
|
|
import { createEventDispatcher, getContext } from "svelte";
|
|
import Icon from "../../common/Icon.svelte";
|
|
import InlineEdit from "../InlineEdit.svelte";
|
|
import Dialog from "../../dialog/Dialog.svelte";
|
|
import DialogRecord from "../../dialog/DialogRecord.svelte";
|
|
import Dropdown from "../../common/Dropdown.svelte";
|
|
import { apiGet } from "../../../helpers";
|
|
|
|
const dispatch = createEventDispatcher();
|
|
const channel = getContext("channel");
|
|
export let schemas;
|
|
export let recordId;
|
|
let browseModal;
|
|
let dialogRecord;
|
|
let inLineCreateRecord;
|
|
|
|
function openBrowseModal(e, schema) {
|
|
e.preventDefault();
|
|
browseModal.open(schema);
|
|
}
|
|
|
|
function save(e) {
|
|
e.preventDefault();
|
|
console.log("Save inline");
|
|
inLineCreateRecord = null;
|
|
dialogRecord.close();
|
|
dispatch("save", {
|
|
records: e.detail.records,
|
|
after: recordId,
|
|
});
|
|
}
|
|
|
|
function insert(e) {
|
|
e.preventDefault();
|
|
browseModal.close();
|
|
dispatch("insert", {
|
|
records: e.detail.records,
|
|
schema: e.detail.schema,
|
|
after: recordId,
|
|
});
|
|
}
|
|
|
|
function createInlineReference(e, schemaUId) {
|
|
e.preventDefault();
|
|
inLineCreateRecord = null;
|
|
apiGet(channel.lucentUrl + "/records/newInline?schema=" + schemaUId)
|
|
.then((response) => {
|
|
inLineCreateRecord = response;
|
|
dialogRecord.open();
|
|
})
|
|
.catch((error) => {
|
|
console.log(error);
|
|
});
|
|
}
|
|
</script>
|
|
|
|
{#if schemas.length > 1}
|
|
<div style="display: flex;align-items: center;gap:4px">
|
|
<Dropdown>
|
|
<div slot="button">New</div>
|
|
{#each schemas as schema}
|
|
<button
|
|
class=" button"
|
|
on:click={(e) => createInlineReference(e, schema.name)}
|
|
>{schema.label}
|
|
</button>
|
|
{/each}
|
|
</Dropdown>
|
|
<Dropdown>
|
|
<div slot="button"><Icon icon="magnifying-glass" /></div>
|
|
{#each schemas as schema}
|
|
<button
|
|
class="button"
|
|
on:click={(e) => openBrowseModal(e, schema.name)}
|
|
>{schema.label}
|
|
</button>
|
|
{/each}
|
|
</Dropdown>
|
|
</div>
|
|
{:else}
|
|
<div style="display:flex;align-items: center;gap: 4px">
|
|
<button
|
|
class="button"
|
|
on:click={(e) => createInlineReference(e, schemas[0].name)}
|
|
>New
|
|
</button>
|
|
<button
|
|
class="button"
|
|
on:click={(e) => openBrowseModal(e, schemas[0].name)}
|
|
>
|
|
<Icon icon="magnifying-glass" />
|
|
</button>
|
|
</div>
|
|
{/if}
|
|
|
|
<DialogRecord bind:this={dialogRecord}>
|
|
{#if inLineCreateRecord}
|
|
<InlineEdit
|
|
{...inLineCreateRecord}
|
|
isCreateMode={true}
|
|
on:cancel={(e) => (inLineCreateRecord = null)}
|
|
on:inlinesaved={save}
|
|
/>
|
|
{/if}
|
|
</DialogRecord>
|
|
|
|
<Dialog bind:this={browseModal} on:insert={insert} />
|