frontend-zackeneule/source/pages/invite_handle/logic.ts

/*
Espe | Ein schlichtes Werkzeug zur Mitglieder-Verwaltung | Frontend
Copyright (C) 2024 Christian Fraß

This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public 
License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later 
version.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied 
warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.

You should have received a copy of the GNU General Public License along with this program. If not, see 
<https://www.gnu.org/licenses/>. 
 */

lib_plankton.zoo_page.register(
	"invite_handle",
	async (parameters, target_element) => {
		// parameters
		const key : string = parameters["key"];
		
		target_element.appendChild(template_request("invite_handle"));
		
		target_element.querySelector(".invite_handle-title").textContent = lib_plankton.translate.get("page.invite_handle.title");
		
		const data : {
			membership_number_changeable : boolean;
			membership_number_value : (null | string);
			name_changeable : boolean;
			name_value : string;
			email_address_changeable : boolean;
			email_address_value : (null | string);
			groups_changeable : boolean;
			groups_value : Array<string>;
		} = await _espe.backend.invite_examine(key);
		
		const form = new lib_plankton.zoo_form.class_form<
			{
				membership_number_value : (null | string);
				name_value : string;
				email_address_value : (null | string);
				groups_value : Array<string>;
			},
			{
				membership_number_value : string;
				name_value : string;
				email_address_value : string;
				groups_value : Array<string>;
			}
		>(
			value => ({
				"membership_number_value": (value.membership_number_value ?? ""),
				"name_value": value.name_value,
				"email_address_value": (value.email_address_value ?? ""),
				"groups_value": value.groups_value,
			}),
			representation => ({
				"membership_number_value": representation.membership_number_value,
				"name_value": representation.name_value,
				"email_address_value": representation.email_address_value,
				"groups_value": representation.groups_value,
			}),
			new lib_plankton.zoo_input.class_input_group(
				[
					{
						"name": "membership_number_value",
						"input": new lib_plankton.zoo_input.class_input_text(
							{
								"read_only": (! data.membership_number_changeable),
							}
						),
						/**
						 * @todo translate
						 */
						"label": "Mitgliedsnummer",
					},
					{
						"name": "groups_value",
						"input": new lib_plankton.zoo_input.class_input_list(
							() => new lib_plankton.zoo_input.class_input_text(
								{
									"read_only": (! data.groups_changeable),
								}
							),
							{
								"read_only": (! data.groups_changeable),
							}
						),
						/**
						 * @todo translate
						 */
						"label": "Gruppen",
					},
					{
						"name": "name_value",
						"input": new lib_plankton.zoo_input.class_input_text(
							{
								"read_only": (! data.name_changeable),
							}
						),
						/**
						 * @todo translate
						 */
						"label": "Name",
					},
					{
						"name": "email_address_value",
						"input": new lib_plankton.zoo_input.class_input_text(
							{
								"read_only": (! data.email_address_changeable),
							}
						),
						/**
						 * @todo translate
						 */
						"label": "E-Mail-Adresse",
					},
				]
			),
			[
				{
					"label": "Senden",
					"procedure": async (get_value, get_representation) => {
						const value = await get_value();
						await _espe.backend.invite_accept(
							key,
							{
								"membership_number_value": value.membership_number_value,
								"name_value": value.name_value,
								"email_address_value": value.email_address_value,
								"groups_value": value.groups_value,
							}
						);
						/**
						 * @todo redirect
						 */
						/*
						lib_plankton.zoo_page.set({"name": "view", "parameters": {"id": id}});
						 */
					},
				}
			]
		);
		await form.setup(target_element.querySelector(".invite_handle-form") as HTMLElement);		
		await form.input_write(
			{
				"membership_number_value": data.membership_number_value,
				"name_value": data.name_value,
				"email_address_value": data.email_address_value,
				"groups_value": data.groups_value,
			}
		);
	}
);