default-list-filters.ts
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

default-list-filters.ts
View Options

	import { Field } from "sealious";
	import { FlatTemplatable } from "tempstream";

	export type ListFilterRender = (value: string, field: Field) => FlatTemplatable;

	export const BooleanListFilter = (value: string, field: Field) => {
	return /* HTML */ `<label>
	${field.name}
	<select name="filter[${field.name}]" autocomplete="off">
	<option value="true" ${value == "true" ? "selected" : ""}>
	True
	</option>
	<option value="false" ${value == "false" ? "selected" : ""}>
	False
	</option>
	<option
	value=""
	${value == "null" \|\|
	value == "" \|\|
	value == "undefined" \|\|
	value == undefined
	? "selected"
	: ""}
	>
	-
	</option>
	</select>
	</label>`;
	};

	export const SimpleTextFilter = (value: string, field: Field) => {
	return /* HTML */ `<label>
	${field.name}
	<input
	type="text"
	name="${field.name}"
	${value ? `value="${value}"` : value}
	/>
	</label>`;
	};

	export const DefaultListFilters = {
	boolean: BooleanListFilter,
	text: SimpleTextFilter,
	fallback: SimpleTextFilter,
	} as Record<string, ListFilterRender>;