component-input-single-reference.ts
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

component-input-single-reference.ts
View Options

	import type { Context } from "koa";
	import type { JDDContext, SingleReference } from "@sealcode/jdd";
	import { printArgPath } from "./print-arg-path.js";

	export async function ComponentInputSingleReference<
	State,
	// eslint-disable-next-line @typescript-eslint/no-explicit-any
	T extends SingleReference<any>
	>({
	ctx,
	arg_path,
	arg,
	value,
	onchange,
	makeJDDContext,
	}: {
	ctx: Context;
	state: State;
	arg_path: string[];
	arg: T;
	value: string;
	onchange?: string;
	makeJDDContext: (ctx: Context) => JDDContext;
	}): Promise<string> {
	const values = await arg.getValues(makeJDDContext(ctx));
	const ret = `<div>
	<label>
	${arg_path.at(-1) \|\| ""}
	<select name="${`$${printArgPath(arg_path)}`}" onchange="${onchange \|\| ""}">
	${values
	.sort((v1, v2) => (v1.label > v2.label ? 1 : -1))
	.map(
	(v) => /* HTML */ `<option
	value="${v.value}"
	${value == v.value ? "selected" : ""}
	>
	${v.label}
	</option>`
	)
	.join("")}
	</select>
	</label>
	</div>`;
	return ret;
	}