Visitenbuch/src/lib/components/table/UserField.svelte

19 lines
653 B
Svelte

<script lang="ts">
import { URL_ENTRIES } from "$lib/shared/constants";
import type { EntityQuery, UserTag } from "$lib/shared/model";
import { gotoEntityQuery } from "$lib/shared/util";
export let user: UserTag;
export let baseUrl = URL_ENTRIES;
export let filterName: string = "author";
function onClick(e: MouseEvent): void {
const query: EntityQuery = { filter: {} };
// @ts-expect-error filterName is checked
query.filter[filterName] = [{ id: user.id, name: user.name ?? "" }];
gotoEntityQuery(query, baseUrl);
e.stopPropagation();
}
</script>
<button class="ellipsis" on:click={onClick}>{user.name}</button>