file.ts
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

file.ts
View Options

	import { Context } from "koa";
	import { FlatTemplatable, tempstream } from "tempstream";
	import { FileContainer } from "../fields/file";
	import { FormDataValue } from "../form";
	import { FormControlContext } from "./form-control";
	import { SimpleInput } from "./simple-input";

	export class File extends SimpleInput<FileContainer> {
	getType() {
	return "file";
	}

	async renderFilePreview(
	_ctx: Context,
	file_data: { id?: string; filename?: string } \| null
	): Promise<FlatTemplatable> {
	return file_data?.filename \|\| "";
	}

	async preInput(ctx: Context, data: Record<string, FormDataValue>) {
	const { parsed } = await this.field.getValue(ctx, data);
	return tempstream/* HTML */ `${this.renderFilePreview(ctx, parsed.old)}
	<input
	type="hidden"
	name="${this.field.name}[old][id]"
	value="${parsed.old?.id \|\| ""}"
	/>
	<input
	type="hidden"
	name="${this.field.name}[old][filename]"
	value="${parsed.old?.filename \|\| ""}"
	/>`;
	}

	async getInputAttributes(
	fctx: FormControlContext
	): Promise<Record<string, string \| boolean>> {
	const original = await super.getInputAttributes(fctx);
	const { parsed } = await this.field.getValue(fctx.ctx, fctx.data);
	return {
	...original,
	name: this.field.name + "[new]",
	required: original.required && !parsed.old,
	value: false,
	};
	}
	}