389 lines
10 KiB
TypeScript
389 lines
10 KiB
TypeScript
namespace _dali.pages.overview
|
|
{
|
|
|
|
/**
|
|
*/
|
|
lib_plankton.zoo_page.register(
|
|
"overview",
|
|
async (parameters, target_element) => {
|
|
// params
|
|
const view_mode : _dali.type.enum_view_mode = view_mode_determine(parameters["mode"] ?? "auto");
|
|
|
|
/**
|
|
* @todo ordentlich machen (nicht nur week und list)
|
|
*/
|
|
const set_view_mode = (view_mode) => {
|
|
const compact : boolean = (view_mode !== _dali.type.enum_view_mode.week);
|
|
target_element.querySelector("#overview").classList.toggle("overview-compact", compact);
|
|
};
|
|
|
|
/**
|
|
* @todo geschickter bauen (MVC, MVVM, …)
|
|
*/
|
|
const update = () => {
|
|
lib_plankton.zoo_page.reload();
|
|
};
|
|
|
|
// exec
|
|
target_element.innerHTML = await _dali.helpers.template_coin(
|
|
"overview",
|
|
"default",
|
|
{
|
|
}
|
|
);
|
|
|
|
// mode switcher
|
|
{
|
|
const widget_mode_switcher : lib_plankton.zoo_widget.interface_widget = new _dali.widgets.mode_switcher.class_widget_mode_switcher(
|
|
[
|
|
{
|
|
"mode": _dali.type.enum_view_mode.week,
|
|
"label": lib_plankton.translate.get("page.overview.mode.week"),
|
|
},
|
|
{
|
|
"mode": _dali.type.enum_view_mode.list,
|
|
"label": lib_plankton.translate.get("page.overview.mode.list"),
|
|
},
|
|
],
|
|
{
|
|
"initial_selection": view_mode,
|
|
"action_change": (view_mode) => {
|
|
lib_plankton.zoo_page.set(
|
|
{
|
|
"name": "overview",
|
|
"parameters": {
|
|
"mode": _dali.view_mode_encode(view_mode),
|
|
}
|
|
}
|
|
);
|
|
set_view_mode(view_mode);
|
|
}
|
|
}
|
|
);
|
|
set_view_mode(view_mode);
|
|
await widget_mode_switcher.load(target_element.querySelector("#overview-mode"));
|
|
}
|
|
|
|
let widget_weekview : _dali.widgets.weekview.class_widget_weekview;
|
|
let widget_listview : _dali.widgets.listview.class_widget_listview;
|
|
// hint
|
|
{
|
|
if (! await _dali.backend.is_logged_in())
|
|
{
|
|
target_element.querySelector("#overview-hint").textContent = lib_plankton.translate.get("page.overview.login_hint");
|
|
}
|
|
else
|
|
{
|
|
// do nothing
|
|
}
|
|
}
|
|
// sources
|
|
{
|
|
const data : Array<
|
|
{
|
|
id : _dali.type.calendar_id;
|
|
name : string;
|
|
hue : float;
|
|
access_level : _dali.type.enum_access_level;
|
|
}
|
|
> = await _dali.backend.calendar_list(
|
|
);
|
|
const widget_sources = new _dali.widgets.sources.class_widget_sources(
|
|
data,
|
|
{
|
|
"action_open": (entry) => {
|
|
let read_only : boolean;
|
|
switch (entry.access_level)
|
|
{
|
|
case _dali.type.enum_access_level.none:
|
|
{
|
|
throw (new Error("this event should not be visible"));
|
|
break;
|
|
}
|
|
case _dali.type.enum_access_level.edit:
|
|
case _dali.type.enum_access_level.view:
|
|
{
|
|
read_only = true;
|
|
break;
|
|
}
|
|
case _dali.type.enum_access_level.admin:
|
|
{
|
|
read_only = false;
|
|
break;
|
|
}
|
|
}
|
|
(async () => {
|
|
const calendar_id : _dali.type.calendar_id = entry.id;
|
|
const calendar_object : _dali.type.calendar_object = await _dali.backend.calendar_get(
|
|
calendar_id
|
|
);
|
|
const widget = new _dali.widgets.calendar_edit.class_widget_calendar_edit(
|
|
{
|
|
"read_only": read_only,
|
|
"action_cancel": () => {
|
|
_dali.overlay.toggle({"mode": false});
|
|
},
|
|
"action_change": (data) => {
|
|
_dali.backend.calendar_change(
|
|
calendar_id,
|
|
data
|
|
)
|
|
.then(
|
|
() => {
|
|
update();
|
|
_dali.overlay.toggle({"mode": false});
|
|
}
|
|
);
|
|
},
|
|
"action_remove": (data) => {
|
|
_dali.backend.calendar_remove(
|
|
calendar_id
|
|
)
|
|
.then(
|
|
() => {
|
|
update();
|
|
_dali.overlay.toggle({"mode": false});
|
|
}
|
|
);
|
|
},
|
|
"initial_value": {
|
|
"name": calendar_object.name,
|
|
"hue": calendar_object.hue,
|
|
"access": calendar_object.access,
|
|
},
|
|
}
|
|
);
|
|
_dali.overlay.clear();
|
|
_dali.overlay.toggle({"mode": true});
|
|
await widget.load(_dali.overlay.get_content_element());
|
|
}) ();
|
|
},
|
|
"action_toggle_visibility": (entry) => {
|
|
widget_weekview.toggle_visibility(entry.id);
|
|
widget_listview.toggle_visibility(entry.id);
|
|
},
|
|
}
|
|
);
|
|
await widget_sources.load(target_element.querySelector("#overview-pane-left"));
|
|
}
|
|
// events
|
|
{
|
|
const get_entries = (from_pit, to_pit, calendar_ids) => _dali.backend.events(
|
|
from_pit,
|
|
to_pit,
|
|
{
|
|
"calendar_ids": calendar_ids,
|
|
}
|
|
);
|
|
const action_select_event = (calendar_id, access_level, event_id) => {
|
|
let read_only : boolean;
|
|
switch (access_level)
|
|
{
|
|
case _dali.type.enum_access_level.none:
|
|
{
|
|
throw (new Error("this event should not be visible"));
|
|
break;
|
|
}
|
|
case _dali.type.enum_access_level.view:
|
|
{
|
|
read_only = true;
|
|
break;
|
|
}
|
|
case _dali.type.enum_access_level.edit:
|
|
case _dali.type.enum_access_level.admin:
|
|
{
|
|
read_only = false;
|
|
break;
|
|
}
|
|
}
|
|
(async () => {
|
|
const event_object : _dali.type.event_object = await _dali.backend.calendar_event_get(
|
|
calendar_id,
|
|
event_id
|
|
);
|
|
const widget = new _dali.widgets.event_edit.class_widget_event_edit(
|
|
{
|
|
"calendar_id": calendar_id,
|
|
"event_name": event_object.name,
|
|
"event_begin": event_object.begin,
|
|
"event_end": event_object.end,
|
|
"event_location": event_object.location,
|
|
"event_link": event_object.link,
|
|
"event_description": event_object.description,
|
|
},
|
|
{
|
|
"read_only": read_only,
|
|
"action_cancel": () => {
|
|
_dali.overlay.toggle({"mode": false});
|
|
},
|
|
"action_change": (data) => {
|
|
_dali.backend.calendar_event_change(
|
|
calendar_id,
|
|
event_id,
|
|
{
|
|
"name": data.event_name,
|
|
"begin": data.event_begin,
|
|
"end": data.event_end,
|
|
"location": data.event_location,
|
|
"link": data.event_link,
|
|
"description": data.event_description,
|
|
}
|
|
)
|
|
.then(
|
|
() => {
|
|
update();
|
|
_dali.overlay.toggle({"mode": false});
|
|
}
|
|
)
|
|
.catch(
|
|
(reason) => {
|
|
lib_plankton.log.warning(
|
|
"dali.overview.event_change.error",
|
|
{"details": String(reason)}
|
|
);
|
|
}
|
|
);
|
|
},
|
|
"action_remove": () => {
|
|
_dali.backend.calendar_event_remove(
|
|
calendar_id,
|
|
event_id
|
|
)
|
|
.then(
|
|
() => {
|
|
update();
|
|
_dali.overlay.toggle({"mode": false});
|
|
}
|
|
)
|
|
.catch(
|
|
(reason) => {
|
|
lib_plankton.log.warning(
|
|
"dali.overview.event_remove_error",
|
|
{"details": String(reason)}
|
|
);
|
|
}
|
|
);
|
|
},
|
|
}
|
|
);
|
|
_dali.overlay.clear();
|
|
_dali.overlay.toggle({"mode": true});
|
|
await widget.load(_dali.overlay.get_content_element());
|
|
}) ();
|
|
};
|
|
// listview
|
|
{
|
|
widget_listview = (
|
|
new _dali.widgets.listview.class_widget_listview(
|
|
get_entries,
|
|
{
|
|
"action_select_event": action_select_event,
|
|
"action_add": () => {
|
|
lib_plankton.zoo_page.set(
|
|
{
|
|
"name": "event_add",
|
|
"parameters": {
|
|
"calendar_id": null,
|
|
"year": null,
|
|
"month": null,
|
|
"day": null,
|
|
}
|
|
}
|
|
);
|
|
},
|
|
}
|
|
)
|
|
);
|
|
await widget_listview.load(target_element.querySelector("#overview-pane-right-listview"));
|
|
}
|
|
// weekview
|
|
{
|
|
widget_weekview = (
|
|
new _dali.widgets.weekview.class_widget_weekview(
|
|
get_entries,
|
|
{
|
|
"action_select_event": action_select_event,
|
|
"action_select_day": (date) => {
|
|
(async () => {
|
|
const widget = new _dali.widgets.event_edit.class_widget_event_edit(
|
|
{
|
|
"calendar_id": null,
|
|
"event_name": "",
|
|
"event_begin": lib_plankton.call.convey(
|
|
date,
|
|
[
|
|
x => ({
|
|
"timezone_shift": 0,
|
|
"date": date,
|
|
"time": {"hour": 12, "minute": 0, "second": 0}
|
|
}),
|
|
lib_plankton.pit.from_datetime,
|
|
x => lib_plankton.pit.shift_hour(x, 0),
|
|
lib_plankton.pit.to_datetime,
|
|
]
|
|
),
|
|
"event_end": lib_plankton.call.convey(
|
|
date,
|
|
[
|
|
x => ({
|
|
"timezone_shift": 0,
|
|
"date": date,
|
|
"time": {"hour": 12, "minute": 0, "second": 0}
|
|
}),
|
|
lib_plankton.pit.from_datetime,
|
|
x => lib_plankton.pit.shift_hour(x, +1),
|
|
lib_plankton.pit.to_datetime,
|
|
]
|
|
),
|
|
"event_location": null,
|
|
"event_link": null,
|
|
"event_description": null,
|
|
},
|
|
{
|
|
"read_only": false,
|
|
"action_cancel": () => {
|
|
_dali.overlay.toggle({"mode": false});
|
|
},
|
|
"action_add": (data) => {
|
|
_dali.backend.calendar_event_add(
|
|
data.calendar_id,
|
|
{
|
|
"name": data.event_name,
|
|
"begin": data.event_begin,
|
|
"end": data.event_end,
|
|
"location": data.event_location,
|
|
"link": data.event_link,
|
|
"description": data.event_description,
|
|
}
|
|
)
|
|
.then(
|
|
() => {
|
|
update();
|
|
_dali.overlay.toggle({"mode": false});
|
|
}
|
|
)
|
|
.catch(
|
|
(reason) => {
|
|
// todo
|
|
}
|
|
);
|
|
},
|
|
}
|
|
);
|
|
_dali.overlay.clear();
|
|
_dali.overlay.toggle({"mode": true});
|
|
await widget.load(_dali.overlay.get_content_element());
|
|
}) ();
|
|
},
|
|
}
|
|
)
|
|
);
|
|
await widget_weekview.load(target_element.querySelector("#overview-pane-right-weekview"));
|
|
}
|
|
}
|
|
return Promise.resolve<void>(undefined);
|
|
},
|
|
);
|
|
|
|
}
|