45 lines
1.1 KiB
Svelte
45 lines
1.1 KiB
Svelte
<script lang="ts">
|
|
import api from "../lib/api";
|
|
import { ATTR_IN } from "@upnd/upend/constants";
|
|
import { createEventDispatcher } from "svelte";
|
|
import type { UpObject } from "@upnd/upend";
|
|
import type { Readable } from "svelte/store";
|
|
import EntitySetEditor from "./EntitySetEditor.svelte";
|
|
import { i18n } from "../i18n";
|
|
const dispatch = createEventDispatcher();
|
|
|
|
export let entity: Readable<UpObject>;
|
|
|
|
$: groups = Object.fromEntries(
|
|
($entity?.attr[ATTR_IN] || []).map((e) => [e.value.c as string, e.address]),
|
|
);
|
|
|
|
async function addGroup(address: string) {
|
|
await api.putEntry([
|
|
{
|
|
entity: $entity.address,
|
|
attribute: ATTR_IN,
|
|
value: {
|
|
t: "Address",
|
|
c: address,
|
|
},
|
|
},
|
|
]);
|
|
dispatch("change");
|
|
}
|
|
|
|
async function removeGroup(address: string) {
|
|
await api.deleteEntry(groups[address]);
|
|
dispatch("change");
|
|
}
|
|
</script>
|
|
|
|
<EntitySetEditor
|
|
entities={Object.keys(groups)}
|
|
header={$i18n.t("Groups")}
|
|
hide={Object.keys(groups).length === 0}
|
|
on:add={(e) => addGroup(e.detail)}
|
|
on:remove={(e) => removeGroup(e.detail)}
|
|
on:highlighted
|
|
/>
|