250 lines
7.8 KiB
TypeScript
250 lines
7.8 KiB
TypeScript
|
/*
|
||
|
|
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_view",
|
||
|
|
async (parameters, target_element) => {
|
||
|
|
// functions
|
||
|
|
const get_url = (item) => {
|
||
|
|
const url : URL = new URL(window.location.toString());
|
||
|
|
url.hash = lib_plankton.string.coin(
|
||
|
|
"#invite_handle,key={{key}}",
|
||
|
|
{
|
||
|
|
"key": item.key,
|
||
|
|
}
|
||
|
|
);
|
||
|
|
return url.toString();
|
||
|
|
};
|
||
|
|
|
||
|
|
// parameters
|
||
|
|
const id : int = parseInt(parameters["id"]);
|
||
|
|
|
||
|
|
target_element.appendChild(template_request("invite_view"));
|
||
|
|
|
||
|
|
target_element.querySelector(".invite_view-title").textContent = lib_plankton.translate.get("page.invite_view.title");
|
||
|
|
|
||
|
|
const indent = str => (/*"... " + */str);
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @todo outsource
|
||
|
|
*/
|
||
|
|
const null_when_empty = (str) => (((str === null) || (str === "")) ? null : str);
|
||
|
|
|
||
|
|
const form = new lib_plankton.zoo_form.class_form<
|
||
|
|
{
|
||
|
|
key : string;
|
||
|
|
expiry : (null | int);
|
||
|
|
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>;
|
||
|
|
},
|
||
|
|
{
|
||
|
|
key : string;
|
||
|
|
expiry : (null | lib_plankton.pit.type_datetime);
|
||
|
|
membership_number : {
|
||
|
|
changeable : boolean;
|
||
|
|
value : string;
|
||
|
|
};
|
||
|
|
name : {
|
||
|
|
changeable : boolean;
|
||
|
|
value : string;
|
||
|
|
};
|
||
|
|
email_address : {
|
||
|
|
changeable : boolean;
|
||
|
|
value : string;
|
||
|
|
};
|
||
|
|
groups : {
|
||
|
|
changeable : boolean;
|
||
|
|
value : Array<string>;
|
||
|
|
};
|
||
|
|
url : string;
|
||
|
|
}
|
||
|
|
>(
|
||
|
|
value => ({
|
||
|
|
"expiry": (
|
||
|
|
(value.expiry === null)
|
||
|
|
?
|
||
|
|
null
|
||
|
|
:
|
||
|
|
lib_plankton.pit.to_datetime(lib_plankton.pit.from_unix_timestamp(value.expiry))
|
||
|
|
),
|
||
|
|
"key": value.key,
|
||
|
|
"membership_number": {
|
||
|
|
"changeable": value.membership_number_changeable,
|
||
|
|
"value": (value.membership_number_value ?? ""),
|
||
|
|
},
|
||
|
|
"name": {
|
||
|
|
"changeable": value.name_changeable,
|
||
|
|
"value": value.name_value,
|
||
|
|
},
|
||
|
|
"email_address": {
|
||
|
|
"changeable": value.email_address_changeable,
|
||
|
|
"value": (value.email_address_value ?? ""),
|
||
|
|
},
|
||
|
|
"groups": {
|
||
|
|
"changeable": value.groups_changeable,
|
||
|
|
"value": value.groups_value,
|
||
|
|
},
|
||
|
|
"url": get_url(value),
|
||
|
|
}),
|
||
|
|
representation => ({
|
||
|
|
"expiry": (
|
||
|
|
(representation.expiry === null)
|
||
|
|
?
|
||
|
|
null
|
||
|
|
:
|
||
|
|
lib_plankton.pit.to_unix_timestamp(lib_plankton.pit.from_datetime(representation.expiry))
|
||
|
|
),
|
||
|
|
"key": representation.key,
|
||
|
|
"membership_number_changeable": representation.membership_number.changeable,
|
||
|
|
"membership_number_value": null_when_empty(representation.membership_number.value),
|
||
|
|
"name_changeable": representation.name.changeable,
|
||
|
|
"name_value": representation.name.value,
|
||
|
|
"email_address_changeable": representation.email_address.changeable,
|
||
|
|
"email_address_value": null_when_empty(representation.email_address.value),
|
||
|
|
"groups_changeable": representation.groups.changeable,
|
||
|
|
"groups_value": representation.groups.value,
|
||
|
|
"url": "",
|
||
|
|
}),
|
||
|
|
new lib_plankton.zoo_input.class_input_group(
|
||
|
|
[
|
||
|
|
{
|
||
|
|
"name": "url",
|
||
|
|
"input": new lib_plankton.zoo_input.class_input_text({"read_only": false}),
|
||
|
|
"label": lib_plankton.translate.get("domain.invite.url.label"),
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"name": "key",
|
||
|
|
"input": new lib_plankton.zoo_input.class_input_text({"read_only": true}),
|
||
|
|
"label": lib_plankton.translate.get("domain.invite.key.label"),
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"name": "membership_number",
|
||
|
|
"input": new lib_plankton.zoo_input.class_input_group(
|
||
|
|
[
|
||
|
|
{
|
||
|
|
"name": "value",
|
||
|
|
"input": new lib_plankton.zoo_input.class_input_text({"read_only": true}),
|
||
|
|
"label": indent(lib_plankton.translate.get("common.initial_value")),
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"name": "changeable",
|
||
|
|
"input": new lib_plankton.zoo_input.class_input_checkbox({"read_only": true}),
|
||
|
|
"label": indent(lib_plankton.translate.get("common.changeable")),
|
||
|
|
},
|
||
|
|
]
|
||
|
|
),
|
||
|
|
"label": lib_plankton.translate.get("domain.member.membership_number.label"),
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"name": "groups",
|
||
|
|
"input": new lib_plankton.zoo_input.class_input_group(
|
||
|
|
[
|
||
|
|
{
|
||
|
|
"name": "value",
|
||
|
|
"input": new lib_plankton.zoo_input.class_input_list(
|
||
|
|
() => new lib_plankton.zoo_input.class_input_text(),
|
||
|
|
{"read_only": true}
|
||
|
|
),
|
||
|
|
"label": indent(lib_plankton.translate.get("common.initial_value")),
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"name": "changeable",
|
||
|
|
"input": new lib_plankton.zoo_input.class_input_checkbox({"read_only": true}),
|
||
|
|
"label": indent(lib_plankton.translate.get("common.changeable")),
|
||
|
|
},
|
||
|
|
]
|
||
|
|
),
|
||
|
|
"label": lib_plankton.translate.get("domain.member.groups.label"),
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"name": "name",
|
||
|
|
"input": new lib_plankton.zoo_input.class_input_group(
|
||
|
|
[
|
||
|
|
{
|
||
|
|
"name": "value",
|
||
|
|
"input": new lib_plankton.zoo_input.class_input_text({"read_only": true}),
|
||
|
|
"label": indent(lib_plankton.translate.get("common.initial_value")),
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"name": "changeable",
|
||
|
|
"input": new lib_plankton.zoo_input.class_input_checkbox({"read_only": true}),
|
||
|
|
"label": indent(lib_plankton.translate.get("common.changeable")),
|
||
|
|
},
|
||
|
|
]
|
||
|
|
),
|
||
|
|
"label": lib_plankton.translate.get("domain.member.name_real_value.label"),
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"name": "email_address",
|
||
|
|
"input": new lib_plankton.zoo_input.class_input_group(
|
||
|
|
[
|
||
|
|
{
|
||
|
|
"name": "value",
|
||
|
|
"input": new lib_plankton.zoo_input.class_input_text({"read_only": true}),
|
||
|
|
"label": indent(lib_plankton.translate.get("common.initial_value")),
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"name": "changeable",
|
||
|
|
"input": new lib_plankton.zoo_input.class_input_checkbox({"read_only": true}),
|
||
|
|
"label": indent(lib_plankton.translate.get("common.changeable")),
|
||
|
|
},
|
||
|
|
]
|
||
|
|
),
|
||
|
|
"label": lib_plankton.translate.get("domain.member.email_address_private.label"),
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"name": "expiry",
|
||
|
|
"input": new lib_plankton.zoo_input.class_input_soft(
|
||
|
|
new lib_plankton.zoo_input.class_input_datetime_central_europe(
|
||
|
|
{
|
||
|
|
// "read_only": true,
|
||
|
|
// "label_timezone_shift": indent(lib_plankton.translate.get("common.timezone_shift")),
|
||
|
|
"label_date": indent(lib_plankton.translate.get("common.date")),
|
||
|
|
"label_time": indent(lib_plankton.translate.get("common.time")),
|
||
|
|
}
|
||
|
|
)
|
||
|
|
),
|
||
|
|
"label": lib_plankton.translate.get("domain.invite.expiry.label"),
|
||
|
|
},
|
||
|
|
]
|
||
|
|
),
|
||
|
|
[
|
||
|
|
]
|
||
|
|
);
|
||
|
|
await form.setup(target_element.querySelector(".invite_view-form") as HTMLElement);
|
||
|
|
|
||
|
|
const data : {
|
||
|
|
key: string;
|
||
|
|
expiry : (null | int);
|
||
|
|
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_read(id);
|
||
|
|
|
||
|
|
form.input_write(data);
|
||
|
|
}
|
||
|
|
);
|