[mod] overlay:scrollable

Co-authored-by: Fenris Wolf <fenris@folksprak.org>
Co-committed-by: Fenris Wolf <fenris@folksprak.org>

lib/plankton/plankton.d.ts

@@ -226,9 +226,10 @@ declare namespace lib_plankton.base {
     function object_merge(core: Record<string, any>, mantle: Record<string, any>): Record<string, any>;
     /**
      */
-    function buffer_show(buffer: Buffer, { "block_size": option_block_size, "break_char": option_break_char, }?: {
+    function buffer_show(buffer: Buffer, { "block_size": option_block_size, "break_char": option_break_char, "render_readable_characters": render_readable_characters, }?: {
         block_size?: int;
         break_char?: string;
+        render_readable_characters?: boolean;
     }): string;
 }
 declare module lib_plankton.pod {
@@ -881,6 +882,38 @@ declare namespace lib_plankton.call {
     /**
      */
     export function sleep(seconds: float): Promise<void>;
+    /**
+     */
+    export function null_prop<type_value_from, type_value_to>(value_from: (null | type_value_from), function_: ((value: type_value_from) => type_value_to)): (null | type_value_to);
+    export {};
+}
+declare namespace lib_plankton.call {
+    /**
+     */
+    type type_queue_item<type_data, type_result> = {
+        data: type_data;
+        resolve: ((result: type_result) => void);
+        reject: ((reason: any) => void);
+    };
+    /**
+     */
+    export type type_queue<type_data, type_result> = {
+        handler: ((data: type_data) => Promise<type_result>);
+        items: Array<type_queue_item<type_data, type_result>>;
+        busy: boolean;
+        paused: boolean;
+    };
+    /**
+     */
+    export function queue_make<type_data, type_result>(handler: ((data: type_data) => Promise<type_result>)): type_queue<type_data, type_result>;
+    /**
+     */
+    export function queue_toggle_paused<type_data, type_result>(queue_subject: type_queue<type_data, type_result>, { "mode": mode, }?: {
+        mode?: (null | boolean);
+    }): void;
+    /**
+     */
+    export function queue_add<type_data, type_result>(queue_subject: type_queue<type_data, type_result>, data: type_data, resolve: ((result: type_result) => void), reject: ((reason: any) => void)): void;
     export {};
 }
 declare namespace lib_plankton.file {
@@ -4161,6 +4194,49 @@ declare namespace lib_plankton.zoo_widget {
         load(target_element: HTMLElement): Promise<void>;
     }
 }
+declare namespace lib_plankton.zoo_widget {
+    /**
+     */
+    class class_slider implements interface_widget {
+        /**
+         */
+        private conf;
+        /**
+         */
+        private state;
+        /**
+         */
+        constructor(content: Array<interface_widget>, { "threshold": threshold, "acceleration_function": acceleration_function, "initial_index": initial_index, }?: {
+            threshold?: float;
+            acceleration_function?: ((float: any) => float);
+            initial_index?: int;
+        });
+        /**
+         */
+        private static cap;
+        /**
+         */
+        private static position_subtract;
+        /**
+         */
+        private static touch_event_position;
+        /**
+         */
+        private set_translation;
+        /**
+         */
+        private start;
+        /**
+         */
+        private update;
+        /**
+         */
+        private finish;
+        /**
+         */
+        load(target_element: HTMLElement): Promise<void>;
+    }
+}
 declare namespace lib_plankton.zoo_page {
     /**
      */
@@ -4224,6 +4300,66 @@ declare namespace lib_plankton.zoo_input {
         /**
          */
         write(value: type_value): Promise<void>;
+        /**
+         */
+        lock(mode: boolean): Promise<void>;
+        /**
+         */
+        hook_change(action: (() => void)): Promise<void>;
+        /**
+         */
+        focus(): void;
+    }
+}
+declare namespace lib_plankton.zoo_input {
+    /**
+     * @author fenris
+     */
+    abstract class class_input_simple<type_value> implements interface_input<type_value> {
+        /**
+         */
+        private dom_input;
+        /**
+         */
+        private type;
+        /**
+         */
+        private decode;
+        /**
+         */
+        private encode;
+        /**
+         */
+        private additional_attributes?;
+        /**
+         */
+        constructor(type: string, decode: ((representation: string) => type_value), encode: ((value: type_value) => string), { "additional_attributes": additional_attributes, }?: {
+            additional_attributes?: Record<string, (null | string)>;
+        });
+        /**
+         * [implementation]
+         */
+        setup(parent: HTMLElement): Promise<void>;
+        /**
+         * [implementation]
+         */
+        read(): Promise<type_value>;
+        /**
+         * [implementation]
+         */
+        write(value: type_value): Promise<void>;
+        /**
+         * [implementation]
+         */
+        lock(mode: boolean): Promise<void>;
+        /**
+         * [implementation]
+         */
+        hook_change(action: (() => void)): Promise<void>;
+        /**
+         * [implementation]
+         */
+        focus(): void;
     }
 }
 declare namespace lib_plankton.zoo_input {
@@ -4255,6 +4391,18 @@ declare namespace lib_plankton.zoo_input {
          * [implementation]
          */
         write(value: type_value_outer): Promise<void>;
+        /**
+         * [implementation]
+         */
+        lock(mode: boolean): Promise<void>;
+        /**
+         * [implementation]
+         */
+        hook_change(action: (() => void)): Promise<void>;
+        /**
+         * [implementation]
+         */
+        focus(): void;
     }
 }
 declare namespace lib_plankton.zoo_input {
@@ -4262,6 +4410,9 @@ declare namespace lib_plankton.zoo_input {
      * @author fenris
      */
     class class_input_soft<type_value_core> implements interface_input<(null | type_value_core)> {
+        /**
+         */
+        private read_only;
         /**
          */
         private core;
@@ -4273,7 +4424,9 @@ declare namespace lib_plankton.zoo_input {
         private dom_wrapper;
         /**
          */
-        constructor(core: interface_input<type_value_core>, options?: {});
+        constructor(core: interface_input<type_value_core>, { "read_only": read_only, }?: {
+            read_only?: boolean;
+        });
         /**
          */
         private toggle;
@@ -4289,6 +4442,18 @@ declare namespace lib_plankton.zoo_input {
          * [implementation]
          */
         write(value: (null | type_value_core)): Promise<void>;
+        /**
+         * [implementation]
+         */
+        lock(mode: boolean): Promise<void>;
+        /**
+         * [implementation]
+         */
+        hook_change(action: (() => void)): Promise<void>;
+        /**
+         * [implementation]
+         */
+        focus(): void;
     }
 }
 declare namespace lib_plankton.zoo_input {
@@ -4304,7 +4469,7 @@ declare namespace lib_plankton.zoo_input {
         private value;
         /**
          */
-        constructor(options?: {
+        constructor({ "initial_value": initial_value, }?: {
             initial_value?: any;
         });
         /**
@@ -4319,6 +4484,18 @@ declare namespace lib_plankton.zoo_input {
          * [implementation]
          */
         write(value: any): Promise<void>;
+        /**
+         * [implementation]
+         */
+        lock(mode: boolean): Promise<void>;
+        /**
+         * [implementation]
+         */
+        hook_change(action: (() => void)): Promise<void>;
+        /**
+         * [implementation]
+         */
+        focus(): void;
     }
 }
 declare namespace lib_plankton.zoo_input {
@@ -4326,61 +4503,22 @@ declare namespace lib_plankton.zoo_input {
      * @author fenris
      * @todo abstract
      */
-    class class_input_text implements interface_input<string> {
+    class class_input_text extends class_input_simple<string> implements interface_input<string> {
         /**
          */
-        private read_only;
-        /**
-         */
-        private pattern;
-        /**
-         */
-        /**
-         */
-        private dom_input;
-        /**
-         */
-        constructor(options?: {
-            read_only?: boolean;
+        constructor({ "pattern": pattern, }?: {
             pattern?: (null | string);
         });
-        /**
-         * [implementation]
-         */
-        setup(parent: HTMLElement): Promise<void>;
-        /**
-         * [implementation]
-         */
-        read(): Promise<string>;
-        /**
-         * [implementation]
-         */
-        write(value: string): Promise<void>;
     }
 }
 declare namespace lib_plankton.zoo_input {
     /**
      * @author fenris
      */
-    class class_input_email implements interface_input<string> {
-        /**
-         */
-        private dom_input;
+    class class_input_email extends class_input_simple<string> implements interface_input<string> {
         /**
          */
         constructor();
-        /**
-         * [implementation]
-         */
-        setup(parent: HTMLElement): Promise<void>;
-        /**
-         * [implementation]
-         */
-        read(): Promise<string>;
-        /**
-         * [implementation]
-         */
-        write(value: string): Promise<void>;
     }
 }
 declare namespace lib_plankton.zoo_input {
@@ -4406,6 +4544,18 @@ declare namespace lib_plankton.zoo_input {
          * [implementation]
          */
         write(value: string): Promise<void>;
+        /**
+         * [implementation]
+         */
+        lock(mode: boolean): Promise<void>;
+        /**
+         * [implementation]
+         */
+        hook_change(action: (() => void)): Promise<void>;
+        /**
+         * [implementation]
+         */
+        focus(): void;
     }
 }
 declare namespace lib_plankton.zoo_input {
@@ -4421,7 +4571,7 @@ declare namespace lib_plankton.zoo_input {
         private dom_input;
         /**
          */
-        constructor(options?: {
+        constructor({ "required": required, }?: {
             required?: boolean;
         });
         /**
@@ -4436,6 +4586,18 @@ declare namespace lib_plankton.zoo_input {
          * [implementation]
          */
         write(value: (null | lib_plankton.pit.type_date)): Promise<void>;
+        /**
+         * [implementation]
+         */
+        lock(mode: boolean): Promise<void>;
+        /**
+         * [implementation]
+         */
+        hook_change(action: (() => void)): Promise<void>;
+        /**
+         * [implementation]
+         */
+        focus(): void;
     }
 }
 declare namespace lib_plankton.zoo_input {
@@ -4443,34 +4605,12 @@ declare namespace lib_plankton.zoo_input {
      * @author fenris
      * @todo abstract
      */
-    class class_input_number implements interface_input<number> {
+    class class_input_number extends class_input_simple<number> implements interface_input<number> {
         /**
          */
-        private read_only;
-        /**
-         */
-        private step;
-        /**
-         */
-        private dom_input;
-        /**
-         */
-        constructor(options?: {
-            read_only?: boolean;
+        constructor({ "step": step, }?: {
             step?: (null | float);
         });
-        /**
-         * [implementation]
-         */
-        setup(parent: HTMLElement): Promise<void>;
-        /**
-         * [implementation]
-         */
-        read(): Promise<number>;
-        /**
-         * [implementation]
-         */
-        write(value: number): Promise<void>;
     }
 }
 declare namespace lib_plankton.zoo_input {
@@ -4478,21 +4618,12 @@ declare namespace lib_plankton.zoo_input {
      * @author fenris
      */
     class class_input_checkbox implements interface_input<boolean> {
-        /**
-         */
-        private read_only;
         /**
          */
         private dom_input;
         /**
          */
-        private hooks_change;
-        /**
-         */
-        constructor(options?: {
-            read_only?: boolean;
-            hooks_change?: Array<((value: boolean) => void)>;
-        });
+        constructor();
         /**
          * [implementation]
          */
@@ -4505,6 +4636,18 @@ declare namespace lib_plankton.zoo_input {
          * [implementation]
          */
         write(value: boolean): Promise<void>;
+        /**
+         * [implementation]
+         */
+        lock(mode: boolean): Promise<void>;
+        /**
+         * [implementation]
+         */
+        hook_change(action: (() => void)): Promise<void>;
+        /**
+         * [implementation]
+         */
+        focus(): void;
     }
 }
 declare namespace lib_plankton.zoo_input {
@@ -4536,13 +4679,31 @@ declare namespace lib_plankton.zoo_input {
          * [implementation]
          */
         write(value: string): Promise<void>;
+        /**
+         * [implementation]
+         */
+        lock(mode: boolean): Promise<void>;
+        /**
+         * [implementation]
+         */
+        hook_change(action: (() => void)): Promise<void>;
+        /**
+         * [implementation]
+         */
+        focus(): void;
     }
 }
 declare namespace lib_plankton.zoo_input {
     /**
      * @author fenris
      */
-    class class_input_enumeration implements interface_input<string> {
+    class class_input_enumeration<type_value> implements interface_input<type_value> {
+        /**
+         */
+        private encode_value;
+        /**
+         */
+        private decode_value;
         /**
          */
         private options;
@@ -4551,8 +4712,8 @@ declare namespace lib_plankton.zoo_input {
         private dom_inputs;
         /**
          */
-        constructor(options: Array<{
-            value: string;
+        constructor(encode_value: ((value: type_value) => string), decode_value: ((representation: string) => type_value), options: Array<{
+            value: type_value;
             label: string;
         }>);
         /**
@@ -4563,11 +4724,23 @@ declare namespace lib_plankton.zoo_input {
         /**
          * [implementation]
          */
-        read(): Promise<string>;
+        read(): Promise<type_value>;
         /**
          * [implementation]
          */
-        write(value: string): Promise<void>;
+        write(value: type_value): Promise<void>;
+        /**
+         * [implementation]
+         */
+        lock(mode: boolean): Promise<void>;
+        /**
+         * [implementation]
+         */
+        hook_change(action: (() => void)): Promise<void>;
+        /**
+         * [implementation]
+         */
+        focus(): void;
     }
 }
 declare namespace lib_plankton.zoo_input {
@@ -4598,7 +4771,10 @@ declare namespace lib_plankton.zoo_input {
         private translations;
         /**
          */
-        constructor(element_input_factory: (() => interface_input<type_element>), options?: {
+        private locked;
+        /**
+         */
+        constructor(element_input_factory: (() => interface_input<type_element>), { "read_only": read_only, "translations": translations, }?: {
             read_only?: boolean;
             translations?: type_translations;
         });
@@ -4620,6 +4796,18 @@ declare namespace lib_plankton.zoo_input {
          * [implementation]
          */
         write(value: Array<type_element>): Promise<void>;
+        /**
+         * [implementation]
+         */
+        lock(mode: boolean): Promise<void>;
+        /**
+         * [implementation]
+         */
+        hook_change(action: (() => void)): Promise<void>;
+        /**
+         * [implementation]
+         */
+        focus(): void;
     }
     export {};
 }
@@ -4656,6 +4844,18 @@ declare namespace lib_plankton.zoo_input {
          * [implementation]
          */
         write(value: Set<string>): Promise<void>;
+        /**
+         * [implementation]
+         */
+        lock(mode: boolean): Promise<void>;
+        /**
+         * [implementation]
+         */
+        hook_change(action: (() => void)): Promise<void>;
+        /**
+         * [implementation]
+         */
+        focus(): void;
     }
 }
 declare namespace lib_plankton.zoo_input {
@@ -4700,6 +4900,18 @@ declare namespace lib_plankton.zoo_input {
          * [implementation]
          */
         write(value: string): Promise<void>;
+        /**
+         * [implementation]
+         */
+        lock(mode: boolean): Promise<void>;
+        /**
+         * [implementation]
+         */
+        hook_change(action: (() => void)): Promise<void>;
+        /**
+         * [implementation]
+         */
+        focus(): void;
     }
 }
 declare namespace lib_plankton.zoo_input {
@@ -4715,7 +4927,15 @@ declare namespace lib_plankton.zoo_input {
         private value;
         /**
          */
-        constructor();
+        private symbols;
+        /**
+         */
+        constructor({ "symbols": symbols, }?: {
+            symbols?: {
+                yes: string;
+                no: string;
+            };
+        });
         /**
          * [implementation]
          */
@@ -4728,31 +4948,28 @@ declare namespace lib_plankton.zoo_input {
          * [implementation]
          */
         write(value: boolean): Promise<void>;
+        /**
+         * [implementation]
+         */
+        lock(mode: boolean): Promise<void>;
+        /**
+         * [implementation]
+         */
+        hook_change(action: (() => void)): Promise<void>;
+        /**
+         * [implementation]
+         */
+        focus(): void;
     }
 }
 declare namespace lib_plankton.zoo_input {
     /**
      * @author fenris
      */
-    class class_input_time implements interface_input<(null | lib_plankton.pit.type_time)> {
-        /**
-         */
-        private dom_input;
+    class class_input_time extends class_input_simple<(null | lib_plankton.pit.type_time)> implements interface_input<(null | lib_plankton.pit.type_time)> {
         /**
          */
         constructor();
-        /**
-         * [implementation]
-         */
-        setup(parent: HTMLElement): Promise<void>;
-        /**
-         * [implementation]
-         */
-        read(): Promise<(null | lib_plankton.pit.type_time)>;
-        /**
-         * [implementation]
-         */
-        write(value: (null | lib_plankton.pit.type_time)): Promise<void>;
     }
 }
 declare namespace lib_plankton.zoo_input {
@@ -4783,12 +5000,24 @@ declare namespace lib_plankton.zoo_input {
          * [implementation]
          */
         write(value: type_record): Promise<void>;
+        /**
+         * [implementation]
+         */
+        lock(mode: boolean): Promise<void>;
+        /**
+         * [implementation]
+         */
+        hook_change(action: (() => void)): Promise<void>;
+        /**
+         * [implementation]
+         */
+        focus(): void;
     }
 }
 declare namespace lib_plankton.zoo_input {
     /**
      */
-    class class_input_hashmap<type_key, type_value> implements lib_plankton.zoo_input.interface_input<lib_plankton.map.type_map<type_key, type_value>> {
+    class class_input_hashmap<type_key, type_value> implements interface_input<lib_plankton.map.type_map<type_key, type_value>> {
         /**
          */
         private hash_key;
@@ -4797,7 +5026,7 @@ declare namespace lib_plankton.zoo_input {
         private core;
         /**
          */
-        constructor(hash_key: ((key: type_key) => string), key_input_factory: (() => lib_plankton.zoo_input.interface_input<type_key>), value_input_factory: (() => lib_plankton.zoo_input.interface_input<type_value>));
+        constructor(hash_key: ((key: type_key) => string), key_input_factory: (() => interface_input<type_key>), value_input_factory: (() => interface_input<type_value>));
         /**
          * [implementation]
          */
@@ -4810,6 +5039,18 @@ declare namespace lib_plankton.zoo_input {
          * [implementation]
          */
         write(map: lib_plankton.map.type_map<type_key, type_value>): Promise<void>;
+        /**
+         * [implementation]
+         */
+        lock(mode: boolean): Promise<void>;
+        /**
+         * [implementation]
+         */
+        hook_change(action: (() => void)): Promise<void>;
+        /**
+         * [implementation]
+         */
+        focus(): void;
     }
 }
 declare namespace lib_plankton.zoo_input {
@@ -4835,6 +5076,18 @@ declare namespace lib_plankton.zoo_input {
         /**
          */
         write(value: lib_plankton.pit.type_datetime): Promise<void>;
+        /**
+         * [implementation]
+         */
+        lock(mode: boolean): Promise<void>;
+        /**
+         * [implementation]
+         */
+        hook_change(action: (() => void)): Promise<void>;
+        /**
+         * [implementation]
+         */
+        focus(): void;
     }
 }
 declare namespace lib_plankton.zoo_input {
@@ -4847,7 +5100,7 @@ declare namespace lib_plankton.zoo_input {
         private core;
         /**
          */
-        constructor(options?: {
+        constructor({ "label_date": label_date, "label_time": label_time, }?: {
             label_date?: string;
             label_time?: string;
         });
@@ -4860,30 +5113,27 @@ declare namespace lib_plankton.zoo_input {
         /**
          */
         write(value: lib_plankton.pit.type_datetime): Promise<void>;
+        /**
+         * [implementation]
+         */
+        lock(mode: boolean): Promise<void>;
+        /**
+         * [implementation]
+         */
+        hook_change(action: (() => void)): Promise<void>;
+        /**
+         * [implementation]
+         */
+        focus(): void;
     }
 }
 declare namespace lib_plankton.zoo_input {
     /**
      */
-    class class_input_color implements interface_input<(null | lib_plankton.color.type_color)> {
-        /**
-         */
-        private dom_input;
+    class class_input_color extends class_input_simple<(null | lib_plankton.color.type_color)> implements interface_input<(null | lib_plankton.color.type_color)> {
         /**
          */
         constructor();
-        /**
-         * [implementation]
-         */
-        setup(parent: HTMLElement): Promise<void>;
-        /**
-         * [implementation]
-         */
-        read(): Promise<(null | lib_plankton.color.type_color)>;
-        /**
-         * [implementation]
-         */
-        write(value: (null | lib_plankton.color.type_color)): Promise<void>;
     }
 }
 declare namespace lib_plankton.zoo_input {
@@ -4919,7 +5169,7 @@ declare namespace lib_plankton.zoo_form {
         name: string;
         type: string;
         label?: (null | string);
-    }>, encode: ((value: type_value) => Record<string, string>), decode: ((raw: Record<string, string>) => type_value), options?: {
+    }>, encode: ((value: type_value) => Record<string, string>), decode: ((raw: Record<string, string>) => type_value), { "class_prefix": class_prefix, }?: {
         class_prefix?: string;
     }): type_form<type_value>;
     /**
@@ -4984,6 +5234,12 @@ declare namespace lib_plankton.zoo_form {
         /**
          */
         input_write(value: type_value): Promise<void>;
+        /**
+         */
+        input_lock(mode: boolean): Promise<void>;
+        /**
+         */
+        input_focus(): void;
     }
     export {};
 }

misc/conf-example.json

@@ -7,7 +7,7 @@
 		"path": ""
 	},
 	"misc": {
-		"oidc_redirect_uri_template": "http://localhost:8888/#oidc_finish,session_key={{session_key}}",
+		"oidc_redirect_uri_template": "http://localhost:8888/?action=oidc_finish&session_key={{session_key}}",
 		"use_central_europe_specific_datetime_inputs": true
 	}
 }

source/base.ts

@@ -1,3 +1,23 @@
+/*
+This file is part of »dali«.
+
+Copyright 2025 'kcf' <fenris@folksprak.org>
+
+»dali« is free software: you can redistribute it and/or modify
+it under the terms of the GNU Lesser General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+»dali« 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 Lesser General Public License for more details.
+
+You should have received a copy of the GNU Lesser General Public License
+along with »dali«. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+
 namespace _dali
 {
 	
@@ -86,8 +106,19 @@ namespace _dali
 	{
 		await _dali.backend.set_session_key(session_key);
 		const status = await _dali.backend.status();
-		await _dali.notify_login(status.name);
-		return Promise.resolve<void>(undefined);
+		if (! status.logged_in)
+		{
+			lib_plankton.log.error(
+				"dali.oidc_login_failed"
+			);
+			await _dali.notify_logout();
+			return Promise.reject<void>(new Error("oidc login failed"));
+		}
+		else
+		{
+			await _dali.notify_login(status.name);
+			return Promise.resolve<void>(undefined);
+		}
 	}
 	
 	

source/data/localization/deu.loc.json

@@ -14,13 +14,27 @@
 		"common.weekday.friday": "Fr",
 		"common.weekday.saturday": "Sa",
 		"common.weekday.sunday": "So",
+		"common.monthname.january": "Jan",
+		"common.monthname.february": "Feb",
+		"common.monthname.march": "Mär",
+		"common.monthname.april": "Apr",
+		"common.monthname.may": "Mai",
+		"common.monthname.june": "Jun",
+		"common.monthname.july": "Jul",
+		"common.monthname.august": "Aug",
+		"common.monthname.september": "Sep",
+		"common.monthname.october": "Okt",
+		"common.monthname.november": "Nov",
+		"common.monthname.december": "Dez",
 		"common.open": "öffnen",
+		"common.close": "schließen",
 		"common.edit": "bearbeiten",
 		"common.show": "zeigen",
 		"common.hide": "ausblenden",
 		"common.cancel": "abbrechen",
 		"common.login": "anmelden",
 		"common.logout": "abmelden",
+		"common.confirm_deletion": "sicher?",
 		"access_level.none": "nichts",
 		"access_level.view": "nur lesen",
 		"access_level.edit": "lesen und bearbeiten",
@@ -46,11 +60,13 @@
 		"calendar.access.access": "Zugriff",
 		"calendar.access.public": "öffentlich",
 		"calendar.access.default_level": "Standard",
-		"calendar.access.attributed": "Zuweisungen",
+		"calendar.access.attributed_group": "Gruppen-Zuweisungen",
+		"calendar.access.attributed_user": "Nutzer-Zuweisungen",
 		"widget.listview.add": "Termin anlegen",
 		"widget.weekview.controls.year": "Jahr",
 		"widget.weekview.controls.week": "Woche",
 		"widget.weekview.controls.count": "Anzahl",
+		"widget.weekview.controls.vertical": "senkrecht",
 		"widget.weekview.controls.apply": "Laden",
 		"widget.calendar_edit.actions.add": "Kalender anlegen",
 		"widget.calendar_edit.actions.change": "ändern",
@@ -63,27 +79,20 @@
 		"widget.login.internal.password": "Kennwort",
 		"widget.login.internal.do": "Anmelden",
 		"widget.login.oidc.via": "via {{title}}",
-		"page.caldav.title": "CalDAV",
-		"page.caldav.unavailable": "CalDAV nicht verfügbar",
-		"page.caldav.conf.title": "Zugangsdaten",
-		"page.caldav.conf.address": "Adresse (URL)",
-		"page.caldav.conf.username": "Nutzername",
-		"page.caldav.conf.password": "Kennwort",
-		"page.caldav.conf.setup_hints": "Einrichtungs-Hinweise",
-		"page.caldav.conf.token_unset": "es muss zunächst ein Token gesetzt werden",
-		"page.caldav.set_token.title": "Token setzen",
-		"page.caldav.set_token.action.set": "setzen",
-		"page.caldav.set_token.action.overwrite": "überschreiben",
-		"page.calendar_add.title": "Kalendar anlegen",
-		"page.calendar_add.actions.do": "anlegen",
-		"page.calendar_edit.title.regular": "Kalendar bearbeiten",
-		"page.calendar_edit.title.read_only": "Kalendar-Details",
-		"page.event_add.title": "Termin anlegen",
-		"page.event_edit.title.regular": "Termin bearbeiten",
-		"page.event_edit.title.read_only": "Termin-Details",
-		"page.overview.title": "Übersicht",
-		"page.overview.login_hint": "anmelden um nicht-öffentliche Termine zu sehen",
-		"page.overview.mode.week": "Wochen-Ansicht",
-		"page.overview.mode.list": "Listen-Ansicht"
+		"widget.caldav.title": "CalDAV",
+		"widget.caldav.unavailable": "CalDAV nicht verfügbar",
+		"widget.caldav.conf.title": "Zugangsdaten",
+		"widget.caldav.conf.address": "Adresse (URL)",
+		"widget.caldav.conf.username": "Nutzername",
+		"widget.caldav.conf.password": "Kennwort",
+		"widget.caldav.conf.setup_hints": "Einrichtungs-Hinweise",
+		"widget.caldav.conf.token_unset": "es muss zunächst ein Token gesetzt werden",
+		"widget.caldav.set_token.title": "Token setzen",
+		"widget.caldav.set_token.action.set": "setzen",
+		"widget.caldav.set_token.action.overwrite": "überschreiben",
+		"widget.overview.title": "Übersicht",
+		"widget.overview.login_hint": "anmelden um nicht-öffentliche Termine zu sehen",
+		"widget.overview.mode.week": "Wochen-Ansicht",
+		"widget.overview.mode.list": "Listen-Ansicht"
 	}
 }

source/data/localization/eng.loc.json

@@ -14,13 +14,27 @@
 		"common.weekday.friday": "Fri",
 		"common.weekday.saturday": "Sat",
 		"common.weekday.sunday": "Sun",
+		"common.monthname.january": "jan",
+		"common.monthname.february": "feb",
+		"common.monthname.march": "mar",
+		"common.monthname.april": "apr",
+		"common.monthname.may": "may",
+		"common.monthname.june": "jun",
+		"common.monthname.july": "jul",
+		"common.monthname.august": "aug",
+		"common.monthname.september": "sep",
+		"common.monthname.october": "oct",
+		"common.monthname.november": "nov",
+		"common.monthname.december": "dec",
 		"common.open": "open",
+		"common.close": "close",
 		"common.edit": "edit",
 		"common.show": "show",
 		"common.hide": "hide",
 		"common.cancel": "cancel",
 		"common.login": "login",
 		"common.logout": "logout",
+		"common.confirm_deletion": "sure?",
 		"access_level.none": "none",
 		"access_level.view": "read only",
 		"access_level.edit": "read and write",
@@ -46,11 +60,13 @@
 		"calendar.access.access": "access",
 		"calendar.access.public": "public",
 		"calendar.access.default_level": "default",
-		"calendar.access.attributed": "attributed",
+		"calendar.access.attributed_group": "group attributed",
+		"calendar.access.attributed_user": "user attributed",
 		"widget.listview.add": "add event",
-		"widget.weekview.controls.year": "Year",
-		"widget.weekview.controls.week": "Week",
-		"widget.weekview.controls.count": "Count",
+		"widget.weekview.controls.year": "year",
+		"widget.weekview.controls.week": "week",
+		"widget.weekview.controls.count": "count",
+		"widget.weekview.controls.vertical": "vertical",
 		"widget.weekview.controls.apply": "Load",
 		"widget.calendar_edit.actions.add": "add calendar",
 		"widget.calendar_edit.actions.change": "change",
@@ -63,27 +79,20 @@
 		"widget.login.internal.password": "password",
 		"widget.login.internal.do": "login",
 		"widget.login.oidc.via": "via {{title}}",
-		"page.caldav.title": "CalDAV",
-		"page.caldav.unavailable": "CalDAV not available",
-		"page.caldav.conf.title": "credentials",
-		"page.caldav.conf.address": "address (URL)",
-		"page.caldav.conf.username": "username",
-		"page.caldav.conf.password": "password",
-		"page.caldav.conf.setup_hints": "setup hints",
-		"page.caldav.conf.token_unset": "a token has to be set",
-		"page.caldav.set_token.title": "set token",
-		"page.caldav.set_token.action.set": "set",
-		"page.caldav.set_token.action.overwrite": "overwrite",
-		"page.calendar_add.title": "Add calendar",
-		"page.calendar_add.actions.do": "anlegen",
-		"page.event_add.title": "Add event",
-		"page.calendar_edit.title.regular": "Edit calendar",
-		"page.calendar_edit.title.read_only": "Calendar details",
-		"page.event_edit.title.regular": "Edit event",
-		"page.event_edit.title.read_only": "Event details",
-		"page.overview.title": "Overview",
-		"page.overview.login_hint": "log in to view non-public events",
-		"page.overview.mode.week": "week view",
-		"page.overview.mode.list": "list view"
+		"widget.caldav.title": "CalDAV",
+		"widget.caldav.unavailable": "CalDAV not available",
+		"widget.caldav.conf.title": "credentials",
+		"widget.caldav.conf.address": "address (URL)",
+		"widget.caldav.conf.username": "username",
+		"widget.caldav.conf.password": "password",
+		"widget.caldav.conf.setup_hints": "setup hints",
+		"widget.caldav.conf.token_unset": "a token has to be set",
+		"widget.caldav.set_token.title": "set token",
+		"widget.caldav.set_token.action.set": "set",
+		"widget.caldav.set_token.action.overwrite": "overwrite",
+		"widget.overview.title": "Overview",
+		"widget.overview.login_hint": "log in to view non-public events",
+		"widget.overview.mode.week": "week view",
+		"widget.overview.mode.list": "list view"
 	}
 }

source/helpers.ts

@@ -1,9 +1,45 @@
+/*
+This file is part of »dali«.
+
+Copyright 2025 'kcf' <fenris@folksprak.org>
+
+»dali« is free software: you can redistribute it and/or modify
+it under the terms of the GNU Lesser General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+»dali« 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 Lesser General Public License for more details.
+
+You should have received a copy of the GNU Lesser General Public License
+along with »dali«. If not, see <http://www.gnu.org/licenses/>.
+ */
+
 
 /**
  */
 namespace _dali.helpers
 {
 	
+	/**
+	 * @todo outsource
+	 */
+	function is_touch_device(
+	)
+	: boolean
+	{
+		return (
+			("ontouchstart" in window)
+			||
+			(navigator.maxTouchPoints > 0)
+			||
+			(navigator["msMaxTouchPoints"] > 0)
+		);
+	}
+	
+	
 	/**
 	 */
 	var _template_cache : Record<string, string> = {};
@@ -13,12 +49,13 @@ namespace _dali.helpers
 	 */
 	export function view_mode_determine(
 		mode_descriptor : string
-	) : _dali.enum_view_mode
+	)
+	: _dali.enum_view_mode
 	{
 		if (mode_descriptor === "auto")
 		{
 			return (
-				(window.innerWidth >= 800)
+				(window.innerWidth >= 1000)
 				?
 				_dali.enum_view_mode.week
 				:
@@ -32,6 +69,30 @@ namespace _dali.helpers
 	}
 	
 	
+	/**
+	 */
+	export function view_kind_determine(
+		mode_descriptor : string
+	)
+	: _dali.enum_view_kind
+	{
+		if (mode_descriptor === "auto")
+		{
+			return (
+				is_touch_device()
+				?
+				_dali.enum_view_kind.touch
+				:
+				_dali.enum_view_kind.regular
+			);
+		}
+		else
+		{
+			return view_kind_decode(mode_descriptor);
+		}
+	}
+	
+	
 	/**
 	 */
 	export async function template_coin(
@@ -77,6 +138,25 @@ namespace _dali.helpers
 	}
 	
 	
+	/**
+	 */
+	export async function element_from_template(
+		group : string,
+		name : string,
+		data : Record<string, string>
+	)
+	: Promise<HTMLElement>
+	{
+		const dom_dummy = document.createElement("div");
+		dom_dummy.innerHTML = await _dali.helpers.template_coin(
+			group,
+			name,
+			data
+		);
+		return (dom_dummy.children[0] as HTMLElement);
+	}
+	
+	
 	/**
 	 * @todo outsource
 	 */
@@ -84,7 +164,8 @@ namespace _dali.helpers
 		members : Array<
 			() => Promise<type_result>
 		>
-	) : Promise<
+	)
+	: Promise<
 		Array<
 			type_result
 		>
@@ -101,7 +182,8 @@ namespace _dali.helpers
 	/**
 	 */
 	export function input_access_level(
-	) : lib_plankton.zoo_input.interface_input<_dali.enum_access_level>
+	)
+	: lib_plankton.zoo_input.interface_input<_dali.enum_access_level>
 	{
 		return (
 			new lib_plankton.zoo_input.class_input_wrapped<
@@ -151,7 +233,42 @@ namespace _dali.helpers
 	
 	/**
 	 */
-	export function input_attributed_access(
+	export function input_attributed_access_group(
+		groups : Array<{id : _dali.type_group_id; object : _dali.type_group_object;}>
+	)
+	: lib_plankton.zoo_input.class_input_hashmap<
+		_dali.type_group_id,
+		_dali.enum_access_level
+	>
+	{
+		return (
+			new lib_plankton.zoo_input.class_input_hashmap<_dali.type_group_id, _dali.enum_access_level>(
+				// hash_key
+				(group_id) => group_id.toFixed(0),
+				// key_input_factory
+				() => new lib_plankton.zoo_input.class_input_wrapped<string, int>(
+					new lib_plankton.zoo_input.class_input_selection(
+						groups
+						.map(
+							(group) => ({
+								"value": group.id.toFixed(0),
+								"label": group.object.label,
+							})
+						)
+					),
+					x => parseInt(x),
+					x => x.toFixed(0)
+				),
+				// value_input_factory
+				() => input_access_level()
+			)
+		);
+	}
+	
+	
+	/**
+	 */
+	export function input_attributed_access_user(
 		users : Array<{id : _dali.type_user_id; name : string;}>
 	)
 	: lib_plankton.zoo_input.class_input_hashmap<
@@ -187,7 +304,8 @@ namespace _dali.helpers
 	/**
 	 */
 	export function datetime_input(
-	) : lib_plankton.zoo_input.interface_input<lib_plankton.pit.type_datetime>
+	)
+	: lib_plankton.zoo_input.interface_input<lib_plankton.pit.type_datetime>
 	{
 		return (
 			_dali.conf.get().misc.use_central_europe_specific_datetime_inputs
@@ -209,4 +327,68 @@ namespace _dali.helpers
 		);
 	}
 	
+	
+	/**
+	 */
+	export function event_color(
+		hue : float
+	)
+	:
+	string
+	{
+		return lib_plankton.color.output_hex(
+			lib_plankton.color.make_hsv(
+				{
+					"hue": hue,
+					"saturation": 0.375,
+					"value": 0.375,
+				}
+			),
+		);
+	}
+	
+	
+	/**
+	 */
+	export function month_name(
+		month : int
+	)
+	: string
+	{
+		const keys : Array<string> = [
+			"common.monthname.january",
+			"common.monthname.february",
+			"common.monthname.march",
+			"common.monthname.april",
+			"common.monthname.may",
+			"common.monthname.june",
+			"common.monthname.july",
+			"common.monthname.august",
+			"common.monthname.september",
+			"common.monthname.october",
+			"common.monthname.november",
+			"common.monthname.december",
+		];
+		return lib_plankton.translate.get(keys[month-1]);
+	}
+	
+	
+	/**
+	 */
+	export function loading(
+		mode : boolean
+	)
+	: void
+	{
+		if (! mode)
+		{
+			_dali.overlay.toggle({"mode": false});
+		}
+		else
+		{
+			_dali.overlay.get_content_element().innerHTML = ". . .";
+			_dali.overlay.toggle({"mode": true});
+		}
+	}
+	
 }

source/index.html.tpl

@@ -20,15 +20,13 @@ document.addEventListener(
 		)
 	}
 );
-
 		</script>
-{{templates}}
 	</head>
-	<div id="overlay">
-		<div id="overlay_content">
-		</div>
-	</div>
 	<body>
+		<div id="overlay">
+			<div id="overlay_content">
+			</div>
+		</div>
 		<header>
 		</header>
 		<main>

source/main.ts

@@ -1,42 +1,28 @@
+/*
+This file is part of »dali«.
+
+Copyright 2025 'kcf' <fenris@folksprak.org>
+
+»dali« is free software: you can redistribute it and/or modify
+it under the terms of the GNU Lesser General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+»dali« 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 Lesser General Public License for more details.
+
+You should have received a copy of the GNU Lesser General Public License
+along with »dali«. If not, see <http://www.gnu.org/licenses/>.
+ */
+
 
 /**
  */
 namespace _dali
 {
 	
-	/**
-	 */
-	function nav_groups(
-		logged_in : boolean
-	)
-	: Array<string>
-	{
-		return (
-			logged_in
-			?
-			["logged_in"]
-			:
-			["logged_out"]
-		);
-	}
-	
-	
-	/**
-	 * @todo reload page when switching to "logged_out"
-	 */
-	async function update(
-	)
-	: Promise<void>
-	{
-		lib_plankton.log.debug(
-			"dali.update"
-		);
-		const logged_in : boolean = _dali.is_logged_in();
-		lib_plankton.zoo_page.nav_set_groups(nav_groups(logged_in));
-		// lib_plankton.zoo_page.reload();
-	}
-	
-	
 	/**
 	 */
 	export async function main(
@@ -48,28 +34,56 @@ namespace _dali
 			"conf.json"
 		);
 		
-		// init
+		// init:logger
 		lib_plankton.log.set_main_logger(
 			[
-				{"kind": "console", "data": {"threshold": "info"}},
+				{
+					"kind": "minlevel",
+					"data": {
+						"core": {
+							"kind": "console",
+							"data": {
+							}
+						},
+						"threshold": "info"
+					}
+				},
 			]
 		);
-		await lib_plankton.translate.initialize(
-			{
-				"verbosity": 1,
-				"packages": [
-					JSON.parse(await lib_plankton.file.read("data/localization/deu.loc.json")),
-					JSON.parse(await lib_plankton.file.read("data/localization/eng.loc.json")),
-				],
-				"order": ["deu", "eng"],
-				"autopromote": false,
-			}
-		);
+		// init:overlay
+		{
+			await _dali.overlay.initialize();
+			_dali.helpers.loading(true);
+		}
+		// init:localization
+		{
+			const order : Array<string> = ["deu", "eng"];
+			await lib_plankton.translate.initialize(
+				{
+					"verbosity": 1,
+					"packages": await Promise.all(
+						order.map(
+							code => (
+								Promise.resolve(code)
+								.then<string>(code => Promise.resolve(lib_plankton.string.coin("data/localization/{{code}}.loc.json", {"code": code})))
+								.then<string>(lib_plankton.file.read)
+								.then<any>(content => Promise.resolve(JSON.parse(content)))
+							)
+						)
+					),
+					"order": order,
+					"autopromote": false,
+				}
+			);
+		}
+		// init:backend
 		await _dali.backend.initialize(
 			_dali.conf.get()["backend"]
 		);
+		// init:model
 		await _dali.model.initialize(
 		);
+		// init:page
 		lib_plankton.zoo_page.init(
 			document.querySelector("main"),
 			{
@@ -77,69 +91,55 @@ namespace _dali
 					"name": "overview",
 					"parameters": {}
 				},
-				/*
-				"nav_entries": [
-				],
-				 */
-				"nav_initial_groups": [],
 			}
 		);
-		// menu widget
+		// init:menu
 		{
-			const widget_menu : _dali.widgets.menu.class_widget_menu = new _dali.widgets.menu.class_widget_menu(
+			const widget_menu : _dali.widgets.class_widget_menu = new _dali.widgets.class_widget_menu(
 				[
 					{
 						"label": lib_plankton.translate.get("common.login"),
 						"groups": ["logged_out"],
-						"action": () => {
-							const widget_login = new _dali.widgets.login.class_widget_login(
+						"action": async () => {
+							_dali.helpers.loading(true);
+							const widget : lib_plankton.zoo_widget.interface_widget = new _dali.widgets.class_widget_login(
 								{
 									"action_cancel": () => {
 										_dali.overlay.clear();
 										_dali.overlay.toggle({"mode": false});
 									},
 									"action_success": async () => {
+										_dali.helpers.loading(true);
 										const status = await _dali.backend.status();
 										_dali.notify_login(status.name);
-										_dali.overlay.clear();
-										_dali.overlay.toggle({"mode": false});
+										// _dali.overlay.clear();
+										_dali.helpers.loading(false);
 									},
 								}
 							);
-							_dali.overlay.clear();
+							await widget.load(_dali.overlay.get_content_element());
+							// _dali.helpers.loading(false);
 							_dali.overlay.toggle({"mode": true});
-							widget_login.load(_dali.overlay.get_content_element());
 						},
 					},
 					{
-						"label": lib_plankton.translate.get("page.overview.title"),
-						"groups": ["logged_out", "logged_in"],
-						"action": () => {
-							lib_plankton.zoo_page.set(
-								{
-									"name": "overview",
-									"parameters": {}
-								}
-							);
-						},
-					},
-					{
-						"label": lib_plankton.translate.get("page.caldav.title"),
+						"label": lib_plankton.translate.get("widget.caldav.title"),
 						"groups": ["logged_in"],
-						"action": () => {
-							lib_plankton.zoo_page.set(
-								{
-									"name": "caldav",
-									"parameters": {}
-								}
-							);
+						"action": async () => {
+							_dali.helpers.loading(true);
+							const widget : lib_plankton.zoo_widget.interface_widget = new _dali.widgets.class_widget_caldav();
+							await widget.load(_dali.overlay.get_content_element());
+							// _dali.helpers.loading(false);
+							_dali.overlay.toggle({"mode": true});
 						},
 					},
 					{
 						"label": lib_plankton.translate.get("common.logout"),
 						"groups": ["logged_in"],
-						"action": () => {
-							_dali.logout();
+						"action": async () => {
+							_dali.helpers.loading(true);
+							await _dali.logout();
+							_dali.helpers.loading(false);
 						},
 					},
 				]
@@ -158,18 +158,36 @@ namespace _dali
 				}
 			);
 		}
-		await update();
-		await _dali.overlay.initialize();
-		/*
-		lib_plankton.call.loop(
-			() => {
-				update();
-			},
-			_dali.conf.get().misc.update_interval
-		);
-		 */
 		
-		// check if logged_in
+		// process actions
+		{
+			let url_search_params : URLSearchParams = new URLSearchParams(window.location.search);
+			const action : (null | string) = url_search_params.get("action");
+			switch (action)
+			{
+				case "oidc_finish":
+				{
+					try
+					{
+						await _dali.oidc_finish(url_search_params.get("session_key"));
+					}
+					catch (error_)
+					{
+						// do nothing
+					}
+					document.location = "/";
+					break;
+				}
+				default:
+				case null:
+				{
+					// do nothing
+					break;
+				}
+			}
+		}
+		
+		// process status
 		{
 			const status = await _dali.backend.status();
 			lib_plankton.log.info(
@@ -186,7 +204,15 @@ namespace _dali
 			}
 		}
 		
-		lib_plankton.zoo_page.start();
+		// load overview
+		{
+			const widget : lib_plankton.zoo_widget.interface_widget = (
+				new _dali.widgets.class_widget_overview(
+				)
+			);
+			await widget.load(document.querySelector("main"));
+		}
+		_dali.helpers.loading(false);
 		
 		return Promise.resolve<void>(undefined);
 	}

source/model.ts

@@ -1,9 +1,35 @@
+/*
+This file is part of »dali«.
+
+Copyright 2025 'kcf' <fenris@folksprak.org>
+
+»dali« is free software: you can redistribute it and/or modify
+it under the terms of the GNU Lesser General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+»dali« 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 Lesser General Public License for more details.
+
+You should have received a copy of the GNU Lesser General Public License
+along with »dali«. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+
 namespace _dali.model
 {
 	
 	/**
 	 */
 	type type_state = {
+		groups : Array<
+			{
+				id : _dali.type_group_id;
+				object : _dali.type_group_object;
+			}
+		>;
 		users : Array<
 			{
 				id : _dali.type_user_id;
@@ -110,6 +136,23 @@ namespace _dali.model
 	}
 	
 	
+	/**
+	 */
+	export async function group_list(
+	)
+	: Promise<
+		Array<
+			{
+				id : _dali.type_group_id;
+				object : _dali.type_group_object;
+			}
+		>
+	>
+	{
+		return Promise.resolve(_state.groups);
+	}
+	
+	
 	/**
 	 */
 	export async function user_list(
@@ -128,10 +171,8 @@ namespace _dali.model
 	
 	
 	/**
-	 * @todo clear after login/logout
-	 * @todo do not export
 	 */
-	export async function sync_calendars(
+	async function sync_calendars(
 	)
 	: Promise<void>
 	{
@@ -198,12 +239,30 @@ namespace _dali.model
 				"access": {
 					"public": data.access.public,
 					"default_level": _dali.access_level_decode(data.access.default_level),
-					"attributed": lib_plankton.map.hashmap.implementation_map(
+					"attributed_group": lib_plankton.map.hashmap.implementation_map(
 						lib_plankton.map.hashmap.make(
 							x => x.toFixed(0),
 							{
 								"pairs": (
-									data.access.attributed
+									data.access.attributed_group
+									.map(
+										(entry) => (
+											{
+												"key": entry.group_id,
+												"value": _dali.access_level_decode(entry.level),
+											}
+										)
+									)
+								),
+							}
+						)
+					),
+					"attributed_user": lib_plankton.map.hashmap.implementation_map(
+						lib_plankton.map.hashmap.make(
+							x => x.toFixed(0),
+							{
+								"pairs": (
+									data.access.attributed_user
 									.map(
 										(entry) => (
 											{
@@ -246,8 +305,19 @@ namespace _dali.model
 				"access": {
 					"public": calendar_object.access.public,
 					"default_level": _dali.access_level_encode(calendar_object.access.default_level),
-					"attributed": (
-						lib_plankton.map.dump(calendar_object.access.attributed)
+					"attributed_group": (
+						lib_plankton.map.dump(calendar_object.access.attributed_group)
+						.map(
+							(pair) => (
+								{
+									"group_id": pair.key,
+									"level": _dali.access_level_encode(pair.value),
+								}
+							)
+						)
+					),
+					"attributed_user": (
+						lib_plankton.map.dump(calendar_object.access.attributed_user)
 						.map(
 							(pair) => (
 								{
@@ -256,7 +326,7 @@ namespace _dali.model
 								}
 							)
 						)
-					)
+					),
 				},
 				/**
 				 * @todo
@@ -300,15 +370,24 @@ namespace _dali.model
 				"access": {
 					"public": calendar_object.access.public,
 					"default_level": _dali.access_level_encode(calendar_object.access.default_level),
-					"attributed": (
-						lib_plankton.map.dump(calendar_object.access.attributed)
+					"attributed_group": (
+						lib_plankton.map.dump(calendar_object.access.attributed_group)
+						.map(
+							(pair) => ({
+								"group_id": pair.key,
+								"level": _dali.access_level_encode(pair.value),
+							})
+						)
+					),
+					"attributed_user": (
+						lib_plankton.map.dump(calendar_object.access.attributed_user)
 						.map(
 							(pair) => ({
 								"user_id": pair.key,
 								"level": _dali.access_level_encode(pair.value),
 							})
 						)
-					)
+					),
 				},
 			}
 		);
@@ -358,7 +437,6 @@ namespace _dali.model
 	 * @todo heed calendar_ids
 	 * @todo mutex
 	 * @todo only update outside timeframe
-	 * @todo clear after login/logout
 	 */
 	export async function sync_events(
 		timeframe : {
@@ -557,13 +635,8 @@ namespace _dali.model
 	: Promise<void>
 	{
 		_state = {
-			"users": (
-				_dali.is_logged_in()
-				?
-				(await _dali.backend.user_list())
-				:
-				[]
-			),
+			"groups": [],
+			"users": [],
 			"calendars": lib_plankton.map.hashmap.implementation_map(
 				lib_plankton.map.hashmap.make(
 					calendar_id => calendar_id.toFixed(0)
@@ -580,6 +653,20 @@ namespace _dali.model
 		
 		_dali.listen_login(
 			async () => {
+				_state.groups = (
+					(await _dali.backend.group_list())
+					.map(
+						entry => (
+							{
+								"id": entry.id,
+								"object": {
+									"name": entry.name,
+									"label": entry.label,
+								}
+							}
+						)
+					)
+				);
 				_state.users = await _dali.backend.user_list();
 				await sync_calendars();
 				lib_plankton.map.clear(_state.events);
@@ -589,6 +676,7 @@ namespace _dali.model
 		);
 		_dali.listen_logout(
 			async () => {
+				_state.groups = [];
 				_state.users = [];
 				await sync_calendars();
 				lib_plankton.map.clear(_state.events);

source/overlay.ts

@@ -1,10 +1,31 @@
+/*
+This file is part of »dali«.
+
+Copyright 2025 'kcf' <fenris@folksprak.org>
+
+»dali« is free software: you can redistribute it and/or modify
+it under the terms of the GNU Lesser General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+»dali« 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 Lesser General Public License for more details.
+
+You should have received a copy of the GNU Lesser General Public License
+along with »dali«. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+
 namespace _dali.overlay
 {
 	
 	/**
 	 */
 	function get_container_element(
-	) : HTMLElement
+	)
+	: HTMLElement
 	{
 		return document.querySelector("#overlay");
 	}
@@ -13,7 +34,8 @@ namespace _dali.overlay
 	/**
 	 */
 	export function get_content_element(
-	) : HTMLElement
+	)
+	: HTMLElement
 	{
 		return document.querySelector("#overlay_content");
 	}
@@ -22,7 +44,8 @@ namespace _dali.overlay
 	/**
 	 */
 	export function clear(
-	) : void
+	)
+	: void
 	{
 		get_content_element().innerHTML = "";
 	}
@@ -41,7 +64,8 @@ namespace _dali.overlay
 		=
 		{
 		}
-	) : void
+	)
+	: void
 	{
 		get_container_element().classList.toggle("overlay_active", mode ?? undefined);
 	}
@@ -50,7 +74,8 @@ namespace _dali.overlay
 	/**
 	 */
 	export function initialize(
-	) : Promise<void>
+	)
+	: Promise<void>
 	{
 		clear();
 		const container_element : HTMLElement = get_container_element();

source/pages/caldav/logic.ts

@@ -1,119 +0,0 @@
-namespace _dali.pages
-{
-	
-	/**
-	 */
-	lib_plankton.zoo_page.register(
-		"caldav",
-		async (parameters, target_element) => {
-			target_element.innerHTML = "";
-			const conf = await _dali.backend.user_dav_conf();
-			target_element.innerHTML = await _dali.helpers.template_coin(
-				"caldav",
-				"main",
-				{
-					"label": lib_plankton.translate.get("page.caldav.title"),
-					"content": (
-						(conf === null)
-						?
-						await _dali.helpers.template_coin(
-							"caldav",
-							"unavailable",
-							{
-								"text": lib_plankton.translate.get("page.caldav.unavailable"),
-							}
-						)
-						:
-						await _dali.helpers.template_coin(
-							"caldav",
-							"available",
-							{
-								"conf_title": lib_plankton.translate.get("page.caldav.conf.title"),
-								"conf_content": (
-									(conf.password === null)
-									?
-									await _dali.helpers.template_coin(
-										"caldav",
-										"conf-token_unset",
-										{
-											"text": lib_plankton.translate.get("page.caldav.conf.token_unset")
-										}
-									)
-									:
-									await _dali.helpers.template_coin(
-										"caldav",
-										"conf-token_set",
-										{
-											"address_label": lib_plankton.translate.get("page.caldav.conf.address"),
-											"address_value": conf.address,
-											"username_label": lib_plankton.translate.get("page.caldav.conf.username"),
-											"username_value": conf.username,
-											"password_label": lib_plankton.translate.get("page.caldav.conf.password"),
-											"password_value": conf.password,
-											"setup_hints_label": lib_plankton.translate.get("page.caldav.conf.setup_hints"),
-											"setup_hint_entries": (
-												await lib_plankton.call.promise_condense<string, unknown>(
-													conf.setup_hints
-													.map(
-														entry => () => _dali.helpers.template_coin(
-															"caldav",
-															"conf-setup_hint_entry",
-															{
-																"text": entry.label,
-																"href": entry.link,
-																"remark": (
-																	(entry.remark === null)
-																	?
-																	""
-																	:
-																	lib_plankton.string.coin(
-																		" — {{content}}",
-																		{
-																			"content": entry.remark,
-																		}
-																	)
-																)
-															}
-														)
-													)
-												)
-											).join("")
-										}
-									)
-								),
-								"set_token_title": lib_plankton.translate.get("page.caldav.set_token.title"),
-								"set_token_action": (
-									(conf.password === null)
-									?
-									lib_plankton.translate.get("page.caldav.set_token.action.set")
-									:
-									lib_plankton.translate.get("page.caldav.set_token.action.overwrite")
-								),
-							}
-						)
-					)
-				}
-			);
-			
-			/**
-			 * logic: set token
-			 */
-			{
-				if (conf !== null)
-				{
-					document.querySelector("#caldav-set_token > button").addEventListener(
-						"click",
-						async () => {
-							await _dali.backend.user_dav_token();
-							lib_plankton.zoo_page.reload();
-						}
-					);
-				}
-			}
-			
-			return Promise.resolve<void>(undefined);
-		}
-	);
-
-}
-

source/pages/caldav/templates/conf-token_set.html.tpl

@@ -1,18 +0,0 @@
-		<div class="caldav-conf-section" id="caldav-conf-address">
-			<span class="caldav-conf-section-label">{{address_label}}</span>
-			<span class="caldav-conf-section-value caldav-conf-section-value-regular">{{address_value}}</span>
-		</div>
-		<div class="caldav-conf-section" id="caldav-conf-username">
-			<span class="caldav-conf-section-label">{{username_label}}</span>
-			<span class="caldav-conf-section-value caldav-conf-section-value-regular">{{username_value}}</span>
-		</div>
-		<div class="caldav-conf-section" id="caldav-conf-password">
-			<span class="caldav-conf-section-label">{{password_label}}</span>
-			<span class="caldav-conf-section-value caldav-conf-section-value-regular">{{password_value}}</span>
-		</div>
-		<div class="caldav-conf-section" id="caldav-conf-setup_hints">
-			<span class="caldav-conf-section-label">{{setup_hints_label}}</span>
-			<ul>
-{{setup_hint_entries}}
-			</ul>
-		</div>

source/pages/caldav/templates/conf-token_unset.html.tpl

@@ -1,4 +0,0 @@
-	<div id="caldav-conf-info">
-		({{text}})
-	</div>
-	

source/pages/caldav/templates/main.html.tpl

@@ -1,6 +0,0 @@
-<div id="caldav">
-	<h2>{{label}}</h2>
-	<div id="caldav-content">
-{{content}}
-	</div>
-</div>

source/pages/caldav/templates/unavailable.html.tpl

@@ -1,3 +0,0 @@
-	<div id="caldav-info">
-		{{text}}
-	</div>

source/pages/oidc_finish/logic.ts

@@ -1,21 +0,0 @@
-namespace _dali.pages
-{
-	
-	/**
-	 */
-	lib_plankton.zoo_page.register(
-		"oidc_finish",
-		async (parameters, target_element) => {
-			target_element.innerHTML = "";
-			await _dali.oidc_finish(parameters["session_key"]);
-			lib_plankton.zoo_page.set(
-				{
-					"name": "overview",
-					"parameters": {}
-				}
-			);
-			return Promise.resolve<void>(undefined);
-		}
-	);
-
-}

source/pages/overview/logic.ts

@@ -1,467 +0,0 @@
-namespace _dali.pages.overview
-{
-	
-	/**
-	 */
-	lib_plankton.zoo_page.register(
-		"overview",
-		async (parameters, target_element) => {
-			// params
-			const view_mode : _dali.enum_view_mode = _dali.helpers.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.enum_view_mode.week);
-				target_element.querySelector("#overview").classList.toggle("overview-compact", compact);
-			};
-			
-			// 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.enum_view_mode.week,
-							"label": lib_plankton.translate.get("page.overview.mode.week"),
-						},
-						{
-							"mode": _dali.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_sources : _dali.widgets.sources.class_widget_sources;
-			let widget_weekview : _dali.widgets.weekview.class_widget_weekview;
-			let widget_listview : _dali.widgets.listview.class_widget_listview;
-			
-			const get_available_calendars = async () => {
-				return (
-					(await _dali.model.calendar_list())
-					.filter(
-						(entry) => (
-							(entry.access_level === _dali.enum_access_level.edit)
-							||
-							(entry.access_level === _dali.enum_access_level.admin)
-						)
-					)
-				);
-			}
-			/**
-			 * @todo update listview
-			 */
-			const update_sources_and_entries = async (priviliged = null) => {
-				await widget_sources.update({"priviliged": priviliged});
-				await widget_weekview.update_entries();
-			};
-			/**
-			 * @todo update listview
-			 */
-			const update_entries = async (priviliged = null) => {
-				await widget_weekview.update_entries();
-			};
-			// hint
-			{
-				const dom_hint = target_element.querySelector("#overview-hint");
-				dom_hint.textContent = lib_plankton.translate.get("page.overview.login_hint");
-				dom_hint.classList.toggle("overview-hint-hidden", _dali.is_logged_in());
-			}
-			// sources
-			{
-				widget_sources = new _dali.widgets.sources.class_widget_sources(
-					_dali.model.calendar_list,
-					{
-						"initial_priviliged": _dali.is_logged_in(),
-						"action_create": () => {
-							(async () => {
-								const widget = new _dali.widgets.calendar_edit.class_widget_calendar_edit(
-									await _dali.model.user_list(),
-									{
-										"read_only": false,
-										"action_cancel": () => {
-											_dali.overlay.toggle({"mode": false});
-										},
-										"action_add": (calendar_object) => {
-											_dali.model.calendar_add(
-												calendar_object
-											)
-											.then(
-												() => {
-													update_sources_and_entries();
-													_dali.overlay.toggle({"mode": false});
-												}
-											)
-											.catch(
-												(reason) => {
-													lib_plankton.log.warning(
-														"dali.overview.calendar_add_error",
-														{"reason": String(reason)}
-													);
-												}
-											);
-										},
-										"initial_value": null,
-									}
-								);
-								_dali.overlay.clear();
-								_dali.overlay.toggle({"mode": true});
-								await widget.load(_dali.overlay.get_content_element());
-							}) ();
-						},
-						"action_open": (entry) => {
-							let read_only : boolean;
-							switch (entry.access_level)
-							{
-								case _dali.enum_access_level.none:
-								{
-									throw (new Error("this event should not be visible"));
-									break;
-								}
-								case _dali.enum_access_level.edit:
-								case _dali.enum_access_level.view:
-								{
-									read_only = true;
-									break;
-								}
-								case _dali.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.model.calendar_get(
-									calendar_id
-								);
-								const widget = new _dali.widgets.calendar_edit.class_widget_calendar_edit(
-									await _dali.model.user_list(),
-									{
-										"read_only": read_only,
-										"action_cancel": () => {
-											_dali.overlay.toggle({"mode": false});
-										},
-										"action_change": (data) => {
-											_dali.model.calendar_change(
-												calendar_id,
-												data
-											)
-											.then(
-												() => {
-													update_sources_and_entries();
-													_dali.overlay.toggle({"mode": false});
-												}
-											);
-										},
-										"action_remove": (data) => {
-											_dali.model.calendar_remove(
-												calendar_id
-											)
-											.then(
-												() => {
-													update_sources_and_entries();
-													_dali.overlay.toggle({"mode": false});
-												}
-											);
-										},
-										"initial_value": calendar_object,
-									}
-								);
-								_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 = async (from_pit, to_pit, calendar_ids) => {
-					/**
-					 * @todo do NOT wait?
-					 */
-					await _dali.model.sync_events(
-						{
-							"from": from_pit,
-							"to": to_pit,
-						},
-						{
-							"calendar_ids": calendar_ids,
-						}
-					);
-					/**
-					 * @todo filter
-					 */
-					return _dali.model.event_list();
-				};
-				const action_select_event = async (event_key) => {
-					const event_object_extended : _dali.type_event_object_extended = await _dali.model.event_get(event_key);
-					const calendar_id = event_object_extended.calendar_id;
-					const access_level = event_object_extended.access_level;
-					const event_id = event_object_extended.event_id;
-					/*
-					if (! _dali.is_logged_in())
-					{
-						// do nothing
-					}
-					else
-					{
-					}
-					 */
-					let read_only : boolean;
-					switch (access_level)
-					{
-						case _dali.enum_access_level.none:
-						{
-							throw (new Error("this event should not be visible"));
-							break;
-						}
-						case _dali.enum_access_level.view:
-						{
-							read_only = true;
-							break;
-						}
-						case _dali.enum_access_level.edit:
-						case _dali.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(
-							(await get_available_calendars()),
-							{
-								"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.model.event_change(
-										event_key,
-										{
-											"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_entries();
-											_dali.overlay.toggle({"mode": false});
-										}
-									)
-									.catch(
-										(reason) => {
-											lib_plankton.log.warning(
-												"dali.overview.event_change.error",
-												{"reason": String(reason)}
-											);
-										}
-									);
-								},
-								"action_remove": () => {
-									_dali.model.event_remove(
-										event_key
-									)
-									.then(
-										() => {
-											update_entries();
-											_dali.overlay.toggle({"mode": false});
-										}
-									)
-									.catch(
-										(reason) => {
-											lib_plankton.log.warning(
-												"dali.overview.event_remove_error",
-												{"reason": 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) => {
-									/*
-									if (! _dali.is_logged_in())
-									{
-										// do nothing
-									}
-									else
-									{
-									}
-									 */
-									(async () => {
-										const widget = new _dali.widgets.event_edit.class_widget_event_edit(
-											(await get_available_calendars()),
-											{
-												"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.model.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_entries();
-															_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"));
-				}
-				_dali.model.listen_reset(
-					async (priviliged) => {
-						update_sources_and_entries(priviliged);
-						target_element.querySelector("#overview-hint").classList.toggle("overview-hint-hidden", priviliged);
-					}
-				);
-			}
-			return Promise.resolve<void>(undefined);
-		},
-	);
-
-}

source/pages/overview/templates/default.html.tpl

@@ -1,18 +0,0 @@
-<div id="overview">
-	<div id="overview-head">
-		<div id="overview-hint">
-		</div>
-		<div id="overview-mode">
-		</div>
-	</div>
-	<div id="overview-body">
-		<div id="overview-pane-left">
-		</div>
-		<div id="overview-pane-right">
-			<div id="overview-pane-right-weekview">
-			</div>
-			<div id="overview-pane-right-listview">
-			</div>
-		</div>
-	</div>
-</div>

source/resources/backend.ts

@@ -1,3 +1,23 @@
+/*
+This file is part of »dali«.
+
+Copyright 2025 'kcf' <fenris@folksprak.org>
+
+»dali« is free software: you can redistribute it and/or modify
+it under the terms of the GNU Lesser General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+»dali« 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 Lesser General Public License for more details.
+
+You should have received a copy of the GNU Lesser General Public License
+along with »dali«. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+
 /**
  */
 namespace _dali.backend
@@ -107,16 +127,7 @@ namespace _dali.backend
 	
 	/**
 	 */
-	var _queue : {
-		items : Array<
-			{
-				request : type_request;
-				resolve : ((result : any) => void);
-				reject : ((reason : any) => void);
-			}
-		>;
-		busy : boolean;
-	};
+	var _queue : lib_plankton.call.type_queue<type_request, any>;
 	
 	
 	/**
@@ -140,10 +151,9 @@ namespace _dali.backend
 			)
 			 */
 		);
-		_queue = {
-			"items": [],
-			"busy": false,
-		};
+		_queue = lib_plankton.call.queue_make<type_request, any>(
+			call_real
+		);
 		return Promise.resolve<void>(undefined);
 	}
 	
@@ -243,59 +253,17 @@ namespace _dali.backend
 				&&
 				(http_response.status_code < 300)
 			)
-		) {
+		)
+		{
 			return Promise.reject<any>(http_response.body.toString());
 		}
-		else {
+		else
+		{
 			const output : any = lib_plankton.json.decode(http_response.body.toString());
 			return Promise.resolve<any>(output);
 		}
 	}
 	
-	
-	/**
-	 */
-	async function process(
-	)
-	: Promise<void>
-	{
-		if (_queue.busy)
-		{
-			// do nothing
-		}
-		else
-		{
-			_queue.busy = true;
-			while (_queue.items.length > 0)
-			{
-				const entry = _queue.items.shift();
-				let successful : boolean;
-				let reason : any;
-				let result : any;
-				try
-				{
-					result = await call_real(entry.request);
-					successful = true;
-				}
-				catch (error)
-				{
-					reason = error;
-					successful = false;
-				}
-				if (successful)
-				{
-					entry.resolve(result);
-				}
-				else
-				{
-					entry.reject(reason);
-				}
-			}
-			_queue.busy = false;
-			// process();
-		}
-	}
-
 		
 	/**
 	 */
@@ -311,19 +279,18 @@ namespace _dali.backend
 			"action": action,
 			"input": input,
 		};
-		const promise : Promise<any> = new Promise<any>(
-			(resolve, reject) => {
-				_queue.items.push(
-					{
-						"request": request,
-						"resolve": resolve,
-						"reject": reject,
-					}
-				);
-			}
+		return (
+			new Promise<any>(
+				(resolve, reject) => {
+					lib_plankton.call.queue_add<type_request, any>(
+						_queue,
+						request,
+						resolve,
+						reject
+					);
+				}
+			)
 		);
-		process();
-		return promise;
 	}
 	
 	
@@ -411,6 +378,28 @@ namespace _dali.backend
 	}
 	
 	
+	/**
+	 */
+	export function group_list(
+	)
+	: Promise<
+		Array<
+			{
+				id : int;
+				name : string;
+				label : string;
+			}
+		>
+	>
+	{
+		return call(
+			lib_plankton.http.enum_method.get,
+			"/groups",
+			null
+		);
+	}
+	
+	
 	/**
 	 */
 	export function user_list(
@@ -512,12 +501,18 @@ namespace _dali.backend
 			access : {
 				public : boolean;
 				default_level : string;
-				attributed : Array<
+				attributed_group : Array<
+					{
+						group_id : int;
+						level : string;
+					}
+				>;
+				attributed_user : Array<
 					{
 						user_id : int;
 						level : string;
 					}
-				>
+				>;
 			};
 			resource_id : int;
 		}			
@@ -544,7 +539,13 @@ namespace _dali.backend
 			access : {
 				public : boolean;
 				default_level : string;
-				attributed : Array<
+				attributed_group : Array<
+					{
+						group_id : int;
+						level : string;
+					}
+				>;
+				attributed_user : Array<
 					{
 						user_id : int;
 						level : string;
@@ -595,7 +596,13 @@ namespace _dali.backend
 			access : {
 				public : boolean;
 				default_level : string;
-				attributed : Array<
+				attributed_group : Array<
+					{
+						group_id : int;
+						level : string;
+					}
+				>;
+				attributed_user : Array<
 					{
 						user_id : int;
 						level : string;

source/resources/conf.ts

@@ -1,3 +1,23 @@
+/*
+This file is part of »dali«.
+
+Copyright 2025 'kcf' <fenris@folksprak.org>
+
+»dali« is free software: you can redistribute it and/or modify
+it under the terms of the GNU Lesser General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+»dali« 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 Lesser General Public License for more details.
+
+You should have received a copy of the GNU Lesser General Public License
+along with »dali«. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+
 
 namespace _dali.conf
 {
@@ -53,14 +73,15 @@ namespace _dali.conf
 						"default": "http://localhost:8888/#oidc_finish,session_key={{session_key}}"
 					},
 					"use_central_europe_specific_datetime_inputs": {
-						"nullable": true,
+						"nullable": false,
 						"type": "boolean",
 						"default": false
 					},
-					"update_interval": {
+					"weekview_cell_day_format": {
 						"nullable": false,
-						"type": "integer",
-						"default": 60
+						"type": "string",
+						"default": "d.b",
+						"description": "available placeholders: Y,m,b,d,W,w (as in UNIX command 'date')"
 					},
 				},
 				"required": [
@@ -78,7 +99,25 @@ namespace _dali.conf
 	
 	/**
 	 */
-	var _data : (null | any) = null;
+	type type_data = {
+		version : string;
+		backend : {
+			scheme : string;
+			host : string;
+			port : int;
+			path : string;
+		};
+		misc : {
+			oidc_redirect_uri_template : string;
+			use_central_europe_specific_datetime_inputs : string;
+			weekview_cell_day_format : string;
+		};
+	};
+	
+	
+	/**
+	 */
+	var _data : (null | type_data) = null;
 	
 	
 	/**
@@ -93,7 +132,7 @@ namespace _dali.conf
 	/**
 	 */
 	export function get(
-	) : any
+	) : type_data
 	{
 		if (_data === null)
 		{
@@ -111,10 +150,7 @@ namespace _dali.conf
 		path : string
 	) : Promise<void>
 	{
-		_data = await lib_plankton.conf.load(
-			_schema,
-			path
-		);
+		_data = ((await lib_plankton.conf.load(_schema, path)) as type_data);
 		return Promise.resolve<void>(undefined);
 	}
 	

source/style/hacks.css

@@ -1,4 +0,0 @@
-.plankton_input_group_field[rel="resource_kind"]
-{
-	display: none;
-}

source/style/main.css

@@ -20,72 +20,6 @@ header
 	margin-bottom: 16px;
 }
 
-#overlay
-{
-	position: fixed;
-	width: 100%;
-	height: 100%;
-	top: 0;
-	left: 0;
-	right: 0;
-	bottom: 0;
-	background-color: hsla(var(--hue), 0%, 0%, 0.75);
-	z-index: 2;
-}
-
-#overlay_content
-{
-	position: absolute;
-	top: 50%;
-	left: 50%;
-	
-	transform: translate(-50%,-50%);
-	-ms-transform: translate(-50%,-50%);
-	
-	padding: 32px;
-	
-	background-color: hsl(0, 0%, 12.5%);
-	color: hsl(0, 0%, 100%);
-}
-
-#overlay:not(.overlay_active)
-{
-	display: none;
-}
-
-nav > ul
-{
-	list-style-type: none;
-	margin: 0;
-	padding: 0;
-}
-
-nav > ul > li
-{
-	display: inline-block;
-	margin: 8px;
-	padding: 8px;
-}
-
-nav > ul > li:not(.active)
-{
-	display: none;
-}
-
-nav a
-{
-	padding: 8px;
-	text-decoration: none;
-	color: hsl(var(--hue), 0%, 87.5%);
-}
-
-nav a:hover
-{
-	color: hsl(var(--hue), 0%, 100%);
-	border-bottom: 2px solid hsl(0, 0%, 100%);
-	transition: 1s ease color;
-}
-
 a
 {
 	text-decoration: none;
@@ -99,14 +33,9 @@ a:hover
 	transition: 1s ease color;
 }
 
-input,select,textarea
-{
-	padding: 4px;
-}
-
 button
 {
-	padding: 8px;
+	padding: 8px 12px;
 	text-transform: uppercase;
 	cursor: pointer;
 
@@ -122,6 +51,10 @@ input,select,textarea
 	background-color: hsl(0, 0%, 25%);
 	border: 1px solid hsl(0, 0%, 25%);
 	color: hsl(0, 0%, 100%);
+	padding: 4px;
 	margin: 4px;
 	border-radius: 4px;
+	/*
+	font-family: monospace;
+	 */
 }

source/style/overlay.css

@@ -0,0 +1,33 @@
+#overlay
+{
+	position: fixed;
+	width: 100%;
+	height: 100%;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	background-color: hsla(var(--hue), 0%, 0%, 0.75);
+	z-index: 2;
+	overflow: auto;
+}
+
+#overlay_content
+{
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	
+	transform: translate(-50%,-50%);
+	-ms-transform: translate(-50%,-50%);
+	
+	padding: 32px;
+	
+	background-color: hsl(0, 0%, 12.5%);
+	color: hsl(0, 0%, 100%);
+}
+
+#overlay:not(.overlay_active)
+{
+	display: none;
+}

source/style/page-overview.css

@@ -1,46 +0,0 @@
-#overview-head
-{
-	padding-bottom: 12px;
-	margin-bottom: 12px;
-	border-bottom: 2px solid;
-}
-
-#overview-hint
-{
-	text-align: center;
-	font-weight: bold;
-}
-
-#overview-hint.overview-hint-hidden
-{
-	display: none;
-}
-
-#overview-body
-{
-	display: flex;
-	flex-direction: row;
-	flex-wrap: nowrap;
-}
-
-#overview-body #overview-pane-left
-{
-	flex-grow: 0;
-	flex-shrink: 1;
-}
-
-#overview-body #overview-pane-right
-{
-	flex-grow: 1;
-	flex-shrink: 1;
-}
-
-#overview.overview-compact #overview-pane-left {flex-basis: 25%;}
-#overview.overview-compact #overview-pane-right {flex-basis: 75%;}
-#overview.overview-compact #overview-pane-right-listview {}
-#overview.overview-compact #overview-pane-right-weekview {display: none;}
-
-#overview:not(.overview-compact) #overview-pane-left {flex-basis: 12.5%;}
-#overview:not(.overview-compact) #overview-pane-right {flex-basis: 87.5%;}
-#overview:not(.overview-compact) #overview-pane-right-listview {display: none;}
-#overview:not(.overview-compact) #overview-pane-right-weekview {}

source/style/widget-sources.css

@@ -1,66 +0,0 @@
-.sources
-{
-	font-size: 0.75em;
-}
-
-.sources:not(.sources-priviliged) > .sources-create
-{
-	display: none;
-}
-
-.sources-create
-{
-	margin-left: 8px;
-}
-
-.sources-entries
-{
-	margin: 0;
-	padding: 0;
-	list-style-type: none;
-}
-
-.sources-entry
-{
-	margin: 8px;
-	padding: 4px;
-}
-
-.sources-entry-head
-{
-	cursor: pointer;
-}
-
-.sources-entry-body
-{
-	display: block;
-	transition: max-height ease 0.5s;
-}
-
-.sources-entry-body > ul
-{
-	list-style-type: none;
-	padding: 0;
-	margin-left: 8px;
-	margin-bottom: 8px;
-}
-
-.sources-entry-body > ul > li
-{
-	/*
-	display: block;
-	 */
-	margin-top: 8px;
-	cursor: pointer;
-}
-
-.sources-entry:not(.sources-entry-open) > .sources-entry-head {}
-.sources-entry:not(.sources-entry-open) > .sources-entry-body {max-height: 0; overflow: hidden;}
-
-.sources-entry.sources-entry-open > .sources-entry-head {}
-.sources-entry.sources-entry-open > .sources-entry-body {max-height: 240px; overflow: auto;}
-
-.sources-entry-hidden
-{
-	filter: saturate(0);
-}

source/types.ts

@@ -1,3 +1,22 @@
+/*
+This file is part of »dali«.
+
+Copyright 2025 'kcf' <fenris@folksprak.org>
+
+»dali« is free software: you can redistribute it and/or modify
+it under the terms of the GNU Lesser General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+»dali« 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 Lesser General Public License for more details.
+
+You should have received a copy of the GNU Lesser General Public License
+along with »dali«. If not, see <http://www.gnu.org/licenses/>.
+ */
+
 
 /**
  */
@@ -6,7 +25,8 @@ namespace _dali
 	
 	/**
 	 */
-	export enum enum_access_level {
+	export enum enum_access_level
+	{
 		none,
 		view,
 		edit,
@@ -14,6 +34,19 @@ namespace _dali
 	}
 	
 	
+	/**
+	 */
+	export type type_group_id = int;
+	
+	
+	/**
+	 */
+	export type type_group_object = {
+		name : string;
+		label : string;
+	};
+	
+	
 	/**
 	 */
 	export type type_user_id = int;
@@ -23,6 +56,7 @@ namespace _dali
 	 */
 	export type type_user_object = {
 		name : string;
+		label : string;
 		email_address : (
 			null
 			|
@@ -137,7 +171,11 @@ namespace _dali
 		access : {
 			public : boolean;
 			default_level : enum_access_level;
-			attributed : lib_plankton.map.type_map<
+			attributed_group : lib_plankton.map.type_map<
+				type_group_id,
+				enum_access_level
+			>;
+			attributed_user : lib_plankton.map.type_map<
 				type_user_id,
 				enum_access_level
 			>;
@@ -165,20 +203,12 @@ namespace _dali
 	};
 	
 	
-	/**
-	 */
-	export enum enum_view_mode
-	{
-		week,
-		list,
-	}
-	
-	
 	/**
 	 */
 	export function access_level_encode(
 		access_level : _dali.enum_access_level
-	) : ("none" | "view" | "edit" | "admin")
+	)
+	: ("none" | "view" | "edit" | "admin")
 	{
 		switch (access_level)
 		{
@@ -194,7 +224,8 @@ namespace _dali
 	 */
 	export function access_level_decode(
 		representation : /*("none" | "view" | "edit" | "admin")*/string
-	) : _dali.enum_access_level
+	)
+	: _dali.enum_access_level
 	{
 		switch (representation)
 		{
@@ -207,11 +238,21 @@ namespace _dali
 	}
 	
 	
+	/**
+	 */
+	export enum enum_view_mode
+	{
+		week,
+		list,
+	}
+	
+	
 	/**
 	 */
 	export function view_mode_encode(
 		mode : _dali.enum_view_mode
-	) : string
+	)
+	: string
 	{
 		switch (mode)
 		{
@@ -226,7 +267,8 @@ namespace _dali
 	 */
 	export function view_mode_decode(
 		view_mode_encoded : string
-	) : _dali.enum_view_mode
+	)
+	: _dali.enum_view_mode
 	{
 		const map : Record<string, _dali.enum_view_mode> = {
 			"week": _dali.enum_view_mode.week,
@@ -242,4 +284,51 @@ namespace _dali
 		}
 	}
 	
+	
+	/**
+	 */
+	export enum enum_view_kind
+	{
+		regular,
+		touch,
+	}
+	
+	
+	/**
+	 */
+	export function view_kind_encode(
+		kind : _dali.enum_view_kind
+	)
+	: string
+	{
+		switch (kind)
+		{
+			case _dali.enum_view_kind.regular: {return "regular"; break;}
+			case _dali.enum_view_kind.touch: {return "touch"; break;}
+			default: {throw (new Error("invalid kind"));}
+		}
+	}
+	
+	
+	/**
+	 */
+	export function view_kind_decode(
+		view_kind_encoded : string
+	)
+	: _dali.enum_view_kind
+	{
+		const map : Record<string, _dali.enum_view_kind> = {
+			"regular": _dali.enum_view_kind.regular,
+			"touch": _dali.enum_view_kind.touch,
+		};
+		if (! (view_kind_encoded in map))
+		{
+			throw (new Error("invalid kind: " + view_kind_encoded));
+		}
+		else
+		{
+			return map[view_kind_encoded];
+		}
+	}
+	
 }

source/widgets/caldav/logic.ts

@@ -0,0 +1,173 @@
+/*
+This file is part of »dali«.
+
+Copyright 2025 'kcf' <fenris@folksprak.org>
+
+»dali« is free software: you can redistribute it and/or modify
+it under the terms of the GNU Lesser General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+»dali« 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 Lesser General Public License for more details.
+
+You should have received a copy of the GNU Lesser General Public License
+along with »dali«. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+
+namespace _dali.widgets
+{
+	
+	/**
+	 */
+	export class class_widget_caldav
+	{
+		
+		/**
+		 */
+		public constructor(
+		)
+		{
+		}
+		
+		
+		/**
+		 */
+		public async load(
+			target_element : HTMLElement
+		)
+		: Promise<void>
+		{
+			target_element.innerHTML = "";
+			const conf = await _dali.backend.user_dav_conf();
+			target_element.innerHTML = await _dali.helpers.template_coin(
+				"widget-caldav",
+				"main",
+				{
+					"title": lib_plankton.translate.get("widget.caldav.title"),
+					"content": (
+						(conf === null)
+						?
+						await _dali.helpers.template_coin(
+							"widget-caldav",
+							"unavailable",
+							{
+								"text": lib_plankton.translate.get("widget.caldav.unavailable"),
+							}
+						)
+						:
+						await _dali.helpers.template_coin(
+							"widget-caldav",
+							"available",
+							{
+								"conf_title": lib_plankton.translate.get("widget.caldav.conf.title"),
+								"conf_content": (
+									(conf.password === null)
+									?
+									await _dali.helpers.template_coin(
+										"widget-caldav",
+										"conf-token_unset",
+										{
+											"text": lib_plankton.translate.get("widget.caldav.conf.token_unset")
+										}
+									)
+									:
+									await _dali.helpers.template_coin(
+										"widget-caldav",
+										"conf-token_set",
+										{
+											"address_label": lib_plankton.translate.get("widget.caldav.conf.address"),
+											"address_value": conf.address,
+											"username_label": lib_plankton.translate.get("widget.caldav.conf.username"),
+											"username_value": conf.username,
+											"password_label": lib_plankton.translate.get("widget.caldav.conf.password"),
+											"password_value": conf.password,
+											"setup_hints_label": lib_plankton.translate.get("widget.caldav.conf.setup_hints"),
+											"setup_hint_entries": (
+												await lib_plankton.call.promise_condense<string, unknown>(
+													conf.setup_hints
+													.map(
+														entry => () => _dali.helpers.template_coin(
+															"widget-caldav",
+															"conf-setup_hint_entry",
+															{
+																"text": entry.label,
+																"href": entry.link,
+																"remark": (
+																	(entry.remark === null)
+																	?
+																	""
+																	:
+																	lib_plankton.string.coin(
+																		" — {{content}}",
+																		{
+																			"content": entry.remark,
+																		}
+																	)
+																)
+															}
+														)
+													)
+												)
+											).join("")
+										}
+									)
+								),
+								"set_token_title": lib_plankton.translate.get("widget.caldav.set_token.title"),
+								"set_token_action": (
+									(conf.password === null)
+									?
+									lib_plankton.translate.get("widget.caldav.set_token.action.set")
+									:
+									lib_plankton.translate.get("widget.caldav.set_token.action.overwrite")
+								),
+							}
+						)
+					),
+					"close": lib_plankton.translate.get("common.close"),
+				}
+			);
+			// logic
+			{
+				// set token
+				{
+					if (conf === null)
+					{
+						// do nothing
+					}
+					else
+					{
+						target_element.querySelector(".widget-caldav-set_token > button").addEventListener(
+							"click",
+							async () => {
+								await _dali.backend.user_dav_token();
+								await this.load(target_element);
+							}
+						);
+					}
+				}
+				// close
+				{
+					target_element.querySelector(".widget-caldav-close").addEventListener(
+						"click",
+						() => {
+							_dali.overlay.toggle({"mode": false});
+						}
+					);
+				}
+			}
+			// init
+			{
+				(target_element.querySelector(".widget-caldav-close") as HTMLElement).focus();
+			}
+			
+			return Promise.resolve<void>(undefined);
+		}
+		
+	}
+	
+}
+

source/widgets/caldav/style.css

@@ -1,9 +1,9 @@
-.caldav-conf-section
+.widget-caldav-conf-section
 {
 	margin-bottom: 16px;
 }
 
-.caldav-conf-section-label
+.widget-caldav-conf-section-label
 {
 	margin-left: 16px;
 	display: block;
@@ -11,12 +11,12 @@
 	text-transform: capitalize;
 }
 
-.caldav-conf-section-value
+.widget-caldav-conf-section-value
 {
 	margin-left: 32px;
 }
 
-.caldav-conf-section-value-regular
+.widget-caldav-conf-section-value-regular
 {
 	font-family: monospace;
 }

source/widgets/caldav/templates/available.html.tpl

@@ -1,8 +1,8 @@
-	<div id="caldav-conf">
+	<div class="widget-caldav-conf">
 		<h3>{{conf_title}}</h3>
 		{{conf_content}}
 	</div>
-	<div id="caldav-set_token">
+	<div class="widget-caldav-set_token">
 		<h3>{{set_token_title}}</h3>
 		<button>{{set_token_action}}</button>
 	</div>

source/widgets/caldav/templates/conf-setup_hint_entry.html.tpl

@@ -1,3 +1,3 @@
-	<li class="caldav-conf-setup_hints-entry">
+	<li class="widget-caldav-conf-setup_hints-entry">
 		<a target="_blank" href="{{href}}">{{text}}</a>{{remark}}
 	</li>

source/widgets/caldav/templates/conf-token_set.html.tpl

@@ -0,0 +1,18 @@
+		<div class="widget-caldav-conf-section" class="widget-caldav-conf-address">
+			<span class="widget-caldav-conf-section-label">{{address_label}}</span>
+			<span class="widget-caldav-conf-section-value widget-caldav-conf-section-value-regular">{{address_value}}</span>
+		</div>
+		<div class="widget-caldav-conf-section" class="widget-caldav-conf-username">
+			<span class="widget-caldav-conf-section-label">{{username_label}}</span>
+			<span class="widget-caldav-conf-section-value widget-caldav-conf-section-value-regular">{{username_value}}</span>
+		</div>
+		<div class="widget-caldav-conf-section" class="widget-caldav-conf-password">
+			<span class="widget-caldav-conf-section-label">{{password_label}}</span>
+			<span class="widget-caldav-conf-section-value widget-caldav-conf-section-value-regular">{{password_value}}</span>
+		</div>
+		<div class="widget-caldav-conf-section" class="widget-caldav-conf-setup_hints">
+			<span class="widget-caldav-conf-section-label">{{setup_hints_label}}</span>
+			<ul>
+{{setup_hint_entries}}
+			</ul>
+		</div>

source/widgets/caldav/templates/conf-token_unset.html.tpl

@@ -0,0 +1,4 @@
+	<div class="widget-caldav-conf-info">
+		({{text}})
+	</div>
+	

source/widgets/caldav/templates/main.html.tpl

@@ -0,0 +1,8 @@
+<div class="widget-caldav">
+	<h2>{{title}}</h2>
+	<div class="widget-caldav-content">
+{{content}}
+	</div>
+	<hr/>
+	<button class="widget-caldav-close">{{close}}</button>
+</div>

source/widgets/caldav/templates/unavailable.html.tpl

@@ -0,0 +1,3 @@
+	<div class="widget-caldav-info">
+		{{text}}
+	</div>

source/widgets/calendar_edit/logic.ts

@@ -1,4 +1,24 @@
-namespace _dali.widgets.calendar_edit
+/*
+This file is part of »dali«.
+
+Copyright 2025 'kcf' <fenris@folksprak.org>
+
+»dali« is free software: you can redistribute it and/or modify
+it under the terms of the GNU Lesser General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+»dali« 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 Lesser General Public License for more details.
+
+You should have received a copy of the GNU Lesser General Public License
+along with »dali«. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+
+namespace _dali.widgets
 {
 	
 	/**
@@ -7,6 +27,11 @@ namespace _dali.widgets.calendar_edit
 		implements lib_plankton.zoo_widget.interface_widget
 	{
 		
+		/**
+		 */
+		private groups : Array<{id : _dali.type_group_id; object : _dali.type_group_object;}>;
+		
+		
 		/**
 		 */
 		private users : Array<{id : _dali.type_user_id; name : string;}>;
@@ -39,20 +64,21 @@ namespace _dali.widgets.calendar_edit
 		
 		/**
 		 */
-		private initial_value : (null | _dali.type_calendar_object);
+		private initial_value : _dali.type_calendar_object;
 		
 		
 		/**
 		 */
 		public constructor(
+			groups : Array<{id : _dali.type_group_id; object : _dali.type_group_object;}>,
 			users : Array<{id : _dali.type_user_id; name : string;}>,
+			initial_value : _dali.type_calendar_object,
 			{
 				"read_only": read_only = false,
 				"action_cancel": action_cancel = null,
 				"action_add": action_add = null,
 				"action_change": action_change = null,
 				"action_remove": action_remove = null,
-				"initial_value": initial_value = null,
 			}
 			:
 			{
@@ -61,20 +87,20 @@ namespace _dali.widgets.calendar_edit
 				action_add ?: (null | ((value : _dali.type_calendar_object) => void))
 				action_change ?: (null | ((value : _dali.type_calendar_object) => void));
 				action_remove ?: (null | ((value : _dali.type_calendar_object) => void));
-				initial_value ?: (null | _dali.type_calendar_object);
 			}
 			=
 			{
 			}
 		)
 		{
+			this.groups = groups;
 			this.users = users;
+			this.initial_value = initial_value;
 			this.read_only = read_only;
 			this.action_cancel = action_cancel;
 			this.action_add = action_add;
 			this.action_change = action_change;
 			this.action_remove = action_remove;
-			this.initial_value = initial_value;
 		}
 		
 		
@@ -85,6 +111,13 @@ namespace _dali.widgets.calendar_edit
 			target_element : HTMLElement
 		) : Promise<void>
 		{
+			const dom_root = await _dali.helpers.element_from_template(
+				"widget-calendar_edit",
+				"main",
+				{
+				}
+			);
+			
 			const form : lib_plankton.zoo_form.class_form<
 				_dali.type_calendar_object,
 				_dali.type_calendar_object
@@ -122,9 +155,14 @@ namespace _dali.widgets.calendar_edit
 										"label": lib_plankton.translate.get("calendar.access.default_level"),
 									},
 									{
-										"name": "attributed",
-										"input": _dali.helpers.input_attributed_access(this.users),
-										"label": lib_plankton.translate.get("calendar.access.attributed"),
+										"name": "attributed_group",
+										"input": _dali.helpers.input_attributed_access_group(this.groups),
+										"label": lib_plankton.translate.get("calendar.access.attributed_group"),
+									},
+									{
+										"name": "attributed_user",
+										"input": _dali.helpers.input_attributed_access_user(this.users),
+										"label": lib_plankton.translate.get("calendar.access.attributed_user"),
 									},
 								]
 							),
@@ -174,14 +212,21 @@ namespace _dali.widgets.calendar_edit
 					)
 					// remove
 					.concat(
-						((! this.read_only) && (! (this.action_change === null)))
+						((! this.read_only) && (! (this.action_remove === null)))
 						?
 						[
 							{
 								"label": lib_plankton.translate.get("widget.calendar_edit.actions.remove"),
 								"procedure": async (get_value, get_representation) => {
-									const value : _dali.type_calendar_object = await get_value();
-									this.action_remove(value);
+									if (! window.confirm(lib_plankton.translate.get("common.confirm_deletion")))
+									{
+										// do nothing
+									}
+									else
+									{
+										const value : _dali.type_calendar_object = await get_value();
+										this.action_remove(value);
+									}
 								}
 							},
 						]
@@ -205,36 +250,12 @@ namespace _dali.widgets.calendar_edit
 					)
 				)
 			);
-			await form.setup(target_element);
-			await form.input_write(
-				(! (this.initial_value === null))
-				?
-				this.initial_value
-				:
-				{
-					"name": "",
-					"hue": lib_plankton.random.generate_unit(),
-					"access": {
-						"public": false,
-						"default_level": _dali.enum_access_level.view,
-						"attributed": lib_plankton.map.hashmap.implementation_map<
-							_dali.type_user_id,
-							_dali.enum_access_level
-						>(
-							lib_plankton.map.hashmap.make<
-								_dali.type_user_id,
-								_dali.enum_access_level
-							>(
-								user_id => user_id.toFixed(0),
-							)
-						),
-					},
-					/**
-					 * @todo
-					 */
-					"resource_id": 0,
-				}
-			);
+			await form.setup(dom_root);
+			await form.input_lock(this.read_only);
+			await form.input_write(this.initial_value);
+			
+			target_element.appendChild(dom_root);
+			form.input_focus();
 		}
 		
 	}

source/widgets/calendar_edit/style.css

@@ -0,0 +1,4 @@
+.widget-calendar_edit .plankton_input_group_field[rel="resource"]
+{
+	display: none;
+}

source/widgets/calendar_edit/templates/main.html.tpl

@@ -0,0 +1,2 @@
+<div class="widget-calendar_edit">
+</div>

source/widgets/event_edit/logic.ts

@@ -1,4 +1,24 @@
-namespace _dali.widgets.event_edit
+/*
+This file is part of »dali«.
+
+Copyright 2025 'kcf' <fenris@folksprak.org>
+
+»dali« is free software: you can redistribute it and/or modify
+it under the terms of the GNU Lesser General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+»dali« 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 Lesser General Public License for more details.
+
+You should have received a copy of the GNU Lesser General Public License
+along with »dali«. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+
+namespace _dali.widgets
 {
 	
 	/**
@@ -134,6 +154,13 @@ namespace _dali.widgets.event_edit
 			target_element : HTMLElement
 		) : Promise<void>
 		{
+			const dom_root = await _dali.helpers.element_from_template(
+				"widget-event_edit",
+				"main",
+				{
+				}
+			);
+			
 			const form : lib_plankton.zoo_form.class_form<
 				type_value,
 				type_representation
@@ -184,13 +211,15 @@ namespace _dali.widgets.event_edit
 						},
 						{
 							"name": "event_begin",
-							"input": _dali.helpers.datetime_input(),
+							"input": _dali.helpers.datetime_input(
+							),
 							"label": lib_plankton.translate.get("event.begin")
 						},
 						{
 							"name": "event_end",
 							"input": new lib_plankton.zoo_input.class_input_soft<lib_plankton.pit.type_datetime>(
-								_dali.helpers.datetime_input()
+								_dali.helpers.datetime_input(
+								)
 							),
 							"label": lib_plankton.translate.get("event.end")
 						},
@@ -256,14 +285,21 @@ namespace _dali.widgets.event_edit
 					)
 					// remove
 					.concat(
-						((! this.read_only) && (! (this.action_change === null)))
+						((! this.read_only) && (! (this.action_remove === null)))
 						?
 						[
 							{
 								"label": lib_plankton.translate.get("widget.event_edit.actions.remove"),
 								"procedure": async (get_value, get_representation) => {
-									const value : type_value = await get_value();
-									this.action_remove(value);
+									if (! window.confirm(lib_plankton.translate.get("common.confirm_deletion")))
+									{
+										// do nothing
+									}
+									else
+									{
+										const value : type_value = await get_value();
+										this.action_remove(value);
+									}
 								}
 							},
 						]
@@ -287,8 +323,12 @@ namespace _dali.widgets.event_edit
 					)
 				)
 			);
-			await form.setup(target_element);
+			await form.setup(dom_root);
+			await form.input_lock(this.read_only);
 			await form.input_write(this.initial_value);
+			
+			target_element.appendChild(dom_root);
+			form.input_focus();
 		}
 		
 	}

source/widgets/event_edit/templates/main.html.tpl

@@ -0,0 +1,2 @@
+<div class="widget-event_edit">
+</div>

source/widgets/listview/logic.ts

@@ -1,18 +1,26 @@
-namespace _dali.widgets.listview
+/*
+This file is part of »dali«.
+
+Copyright 2025 'kcf' <fenris@folksprak.org>
+
+»dali« is free software: you can redistribute it and/or modify
+it under the terms of the GNU Lesser General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+»dali« 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 Lesser General Public License for more details.
+
+You should have received a copy of the GNU Lesser General Public License
+along with »dali«. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+
+namespace _dali.widgets
 {
 	
-	/**
-	 */
-	type type_entry = {
-		calendar_id : _dali.type_calendar_id;
-		calendar_name : string;
-		hue : float;
-		access_level : _dali.enum_access_level;
-		event_id : (null | _dali.type_local_resource_event_id);
-		event_object : _dali.type_event_object;
-	};
-	
-	
 	/**
 	 */
 	type type_get_entries = (
@@ -22,7 +30,7 @@ namespace _dali.widgets.listview
 			calendar_ids : Array<_dali.type_calendar_id>
 		)
 		=>
-		Promise<Array<type_entry>>
+		Promise<Array<_dali.type_event_object_extended>>
 	);
 	
 	
@@ -32,22 +40,17 @@ namespace _dali.widgets.listview
 	{
 		
 		/**
+		 * [dependency]
 		 */
 		private get_entries : type_get_entries;
 		
 		
 		/**
+		 * [hook]
 		 */
-		private container : (null | Element);
-		
-		
-		/**
-		 */
-		private action_select_event : (
+		private action_select : (
 			(
-				calendar_id : _dali.type_calendar_id,
-				access_level : _dali.enum_access_level,
-				event_id : _dali.type_local_resource_event_id
+				event_key : _dali.type_event_key
 			)
 			=>
 			void
@@ -55,6 +58,7 @@ namespace _dali.widgets.listview
 		
 		
 		/**
+		 * [hook]
 		 */
 		private action_add : (
 			(
@@ -64,16 +68,32 @@ namespace _dali.widgets.listview
 		);
 		
 		
+		/**
+		 */
+		private include_passed : boolean;
+		
+		
+		/**
+		 * [state]
+		 */
+		private container : (null | Element);
+		
+		
 		/**
 		 */
 		public constructor(
 			get_entries : type_get_entries,
-			options : {
-				action_select_event ?: (
+			{
+				"include_passed": include_passed = false,
+				"action_select": action_select = ((event_key) => {}),
+				"action_add": action_add = (() => {}),
+			}
+			:
+			{
+				include_passed ?: boolean;
+				action_select ?: (
 					(
-						calendar_id : _dali.type_calendar_id,
-						access_level : _dali.enum_access_level,
-						event_id : _dali.type_local_resource_event_id
+						event_key : _dali.type_event_key
 					)
 					=>
 					void
@@ -84,67 +104,209 @@ namespace _dali.widgets.listview
 					=>
 					void
 				);
-			} = {}
+			}
+			=
+			{
+				}
 		)
 		{
-			options = Object.assign(
-				{
-					"action_select_event": (calendar_id, access_level, event_id) => {},
-					"action_select_add": () => {},
-				},
-				options
-			);
+			// dependencies
 			this.get_entries = get_entries;
+			
+			// hooks
+			this.action_select = action_select;
+			this.action_add = action_add;
+			
+			// state
+			this.include_passed = include_passed;
 			this.container = null;
-			this.action_select_event = options.action_select_event;
-			this.action_add = options.action_add;
 		}
 		
 		
 		/**
 		 */
 		public toggle_visibility(
-			calendar_id : _dali.type_calendar_id
-		) : void
+			calendar_id : _dali.type_calendar_id,
+			{
+				"mode": mode = null,
+			}
+			:
+			{
+				mode ?: (null | boolean);
+			}
+			=
+			{
+			}
+		)
+		: void
 		{
 			this.container.querySelectorAll(".listview-entry").forEach(
 				(element) => {
 					const rel : string = element.getAttribute("rel");
 					const parts : Array<string> = rel.split("/");
 					const calendar_id_ : _dali.type_calendar_id = parseInt(parts[0]);
-					if (! (calendar_id === calendar_id_)) {
+					if (! (calendar_id === calendar_id_))
+					{
 						// do nothing
 					}
-					else {
-						element.classList.toggle("listview-entry-hidden");
+					else
+					{
+						element.classList.toggle(
+							"listview-entry-hidden",
+							((mode !== null) ? (! mode) : undefined)
+						);
 					}
 				}
 			);
 		}
 		
 		
+		/**
+		 */
+		public async update_entries(
+		)
+		: Promise<void>
+		{
+			// structure
+			{
+				const now_pit : lib_plankton.pit.type_pit = lib_plankton.pit.now();
+				const from_pit : lib_plankton.pit.type_pit = now_pit;
+				const to_pit : lib_plankton.pit.type_pit = lib_plankton.pit.shift_week(now_pit, +4);
+				const entries : Array<_dali.type_event_object_extended> = await this.get_entries(
+					from_pit,
+					to_pit,
+					null
+				);
+				entries.sort(
+					(x, y) => (
+						lib_plankton.pit.from_datetime(x.event_object.begin)
+						-
+						lib_plankton.pit.from_datetime(y.event_object.begin)
+					)
+				);
+				const dom_list : HTMLElement = this.container.querySelector(".listview-entries");
+				dom_list.innerHTML = (
+					(
+						await _dali.helpers.promise_row<string>(
+							entries
+							.filter(
+								(entry) => (
+									this.include_passed
+									?
+									true
+									:
+									lib_plankton.pit.is_after(
+										lib_plankton.pit.from_datetime(entry.event_object.begin),
+										now_pit
+									)
+								)
+							)
+							.map(
+								(entry) => () => _dali.helpers.template_coin(
+									"widget-listview",
+									"entry",
+									{
+										"name_value": entry.event_object.name,
+										"calendar_value": entry.calendar_name,
+										"when_value": lib_plankton.pit.timespan_format(
+											entry.event_object.begin,
+											entry.event_object.end,
+											{
+												"timezone_indicator": lib_plankton.translate.get("common.timezone_indicator"),
+												"adjust_to_ce": true,
+												"show_timezone": false,
+											}
+										),
+										"location_label": lib_plankton.translate.get("event.location"),
+										"location_extra_classes": (
+											(entry.event_object.location === null)
+											?
+											" listview-entry-field-empty"
+											:
+											""
+										),
+										"location_value": (
+											(entry.event_object.location === null)
+											?
+											"?"
+											:
+											entry.event_object.location
+										),
+										"link_label": lib_plankton.translate.get("event.link"),
+										"link_extra_classes": (
+											(entry.event_object.link === null)
+											?
+											" listview-entry-field-empty"
+											:
+											""
+										),
+										"link_value": (
+											(entry.event_object.link === null)
+											?
+											"?"
+											:
+											entry.event_object.link
+										),
+										"link_action": lib_plankton.translate.get("common.open"),
+										"description_label": lib_plankton.translate.get("event.description"),
+										"description_extra_classes": (
+											(entry.event_object.description === null)
+											?
+											" listview-entry-field-empty"
+											:
+											""
+										),
+										"description_value": (
+											(entry.event_object.description === null)
+											?
+											"?"
+											:
+											entry.event_object.description
+										),
+										"raw": JSON.stringify(entry),
+										"color": _dali.helpers.event_color(entry.hue),
+										"rel": entry.key,
+									},
+								)
+							)
+						)
+					)
+					.join("")
+				);
+			}
+			// listeners
+			{
+				this.container.querySelectorAll(".listview-entry").forEach(
+					(element) => {
+						element.addEventListener(
+							"click",
+							(event) => {
+								if ((event.target as Element).nodeName === "A")
+								{
+									// do nothing
+								}
+								else
+								{
+									const event_key : string = element.getAttribute("rel");
+									this.action_select(event_key);
+								}
+							}
+						);
+					}
+				);
+			}
+		}
+		
+		
 		/**
 		 * [implementation]
 		 */
 		public async load(
 			target_element : Element
-		) : Promise<void>
+		)
+		: Promise<void>
 		{
-			const now_pit : lib_plankton.pit.type_pit = lib_plankton.pit.now();
-			const from_pit : lib_plankton.pit.type_pit = now_pit;
-			const to_pit : lib_plankton.pit.type_pit = lib_plankton.pit.shift_week(now_pit, +4);
-			const entries : Array<type_entry> = await this.get_entries(
-				from_pit,
-				to_pit,
-				null
-			);
-			entries.sort(
-				(x, y) => (
-					lib_plankton.pit.from_datetime(x.event_object.begin)
-					-
-					lib_plankton.pit.from_datetime(y.event_object.begin)
-				)
-			);
+			this.container = target_element;
 			
 			// view
 			{
@@ -161,110 +323,7 @@ namespace _dali.widgets.listview
 							:
 							""
 						),
-						"entries": (
-							(
-								await _dali.helpers.promise_row<string>(
-									entries
-									.map(
-										(entry) => () => _dali.helpers.template_coin(
-											"widget-listview",
-											"entry",
-											{
-												"name_value": entry.event_object.name,
-												"calendar_value": entry.calendar_name,
-												"when_value": lib_plankton.pit.timespan_format(
-													entry.event_object.begin,
-													entry.event_object.end,
-													{
-														"timezone_indicator": lib_plankton.translate.get("common.timezone_indicator"),
-														"adjust_to_ce": true,
-														"show_timezone": false,
-													}
-												),
-												"location_label": lib_plankton.translate.get("event.location"),
-												"location_extra_classes": (
-													(entry.event_object.location === null)
-													?
-													" listview-entry-field-empty"
-													:
-													""
-												),
-												"location_value": (
-													(entry.event_object.location === null)
-													?
-													"?"
-													:
-													entry.event_object.location
-												),
-												"link_label": lib_plankton.translate.get("event.link"),
-												"link_extra_classes": (
-													(entry.event_object.link === null)
-													?
-													" listview-entry-field-empty"
-													:
-													""
-												),
-												"link_value": (
-													(entry.event_object.link === null)
-													?
-													"?"
-													:
-													entry.event_object.link
-												),
-												"link_action": lib_plankton.translate.get("common.open"),
-												"description_label": lib_plankton.translate.get("event.description"),
-												"description_extra_classes": (
-													(entry.event_object.description === null)
-													?
-													" listview-entry-field-empty"
-													:
-													""
-												),
-												"description_value": (
-													(entry.event_object.description === null)
-													?
-													"?"
-													:
-													entry.event_object.description
-												),
-												"raw": JSON.stringify(entry),
-												"color": lib_plankton.color.output_hex(
-													lib_plankton.color.make_hsv(
-														{
-															"hue": entry.hue,
-															"saturation": 0.375,
-															"value": 0.375,
-														}
-													),
-												),
-												"rel": lib_plankton.string.coin(
-													"{{calendar_id}}/{{event_id}}/{{access_level}}",
-													{
-														"calendar_id": entry.calendar_id.toFixed(0),
-														"event_id": (
-															(! (entry.event_id === null))
-															?
-															entry.event_id.toFixed(0)
-															:
-															"-"
-														),
-														"access_level": (() => {
-															switch (entry.access_level) {
-																case _dali.enum_access_level.none: return "none";
-																case _dali.enum_access_level.view: return "view";
-																case _dali.enum_access_level.edit: return "edit";
-																case _dali.enum_access_level.admin: return "admin";
-															}
-														}) (),
-													}
-												),
-											},
-										)
-									)
-								)
-							)
-							.join("")
-						),
+						"entries": "",
 					}
 				);
 			}
@@ -278,46 +337,9 @@ namespace _dali.widgets.listview
 						this.action_add();
 					}
 				);
-				target_element.querySelectorAll(".listview-entry").forEach(
-					(element) => {
-						element.addEventListener(
-							"click",
-							(event) => {
-								if ((event.target as Element).nodeName === "A") {
-									// do nothing
-								}
-								else {
-									const rel : string = element.getAttribute("rel");
-									const parts : Array<string> = rel.split("/");
-									const calendar_id : _dali.type_calendar_id = parseInt(parts[0]);
-									const event_id : (null | _dali.type_local_resource_event_id) = (
-										parts[1] === "-"
-										?
-										null
-										:
-										parseInt(parts[1])
-									);
-									const access_level : _dali.enum_access_level = (() => {
-										switch (parts[2]) {
-											case "none": return _dali.enum_access_level.none;
-											case "view": return _dali.enum_access_level.view;
-											case "edit": return _dali.enum_access_level.edit;
-											case "admin": return _dali.enum_access_level.admin;
-										}
-									}) ();
-									this.action_select_event(
-										calendar_id,
-										access_level,
-										event_id,
-									);
-								}
-							}
-						);
-					}
-				);
 			}
 			
-			this.container = target_element.querySelector(".listview");
+			await this.update_entries();
 			
 			return Promise.resolve<void>(undefined);
 		}

source/widgets/listview/style.css

@@ -1,8 +1,6 @@
 .listview-add
 {
-	/*
-	text-transform: capitalize;
-	 */
+	margin-left: 12px;
 }
 
 .listview-add-hidden

source/widgets/login/logic.ts

@@ -1,4 +1,24 @@
-namespace _dali.widgets.login
+/*
+This file is part of »dali«.
+
+Copyright 2025 'kcf' <fenris@folksprak.org>
+
+»dali« is free software: you can redistribute it and/or modify
+it under the terms of the GNU Lesser General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+»dali« 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 Lesser General Public License for more details.
+
+You should have received a copy of the GNU Lesser General Public License
+along with »dali«. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+
+namespace _dali.widgets
 {
 	
 	/**
@@ -53,7 +73,7 @@ namespace _dali.widgets.login
 		 * [implementation]
 		 */
 		public async load(
-			target_element : Element
+			target_element : HTMLElement
 		)
 		: Promise<void>
 		{
@@ -66,125 +86,36 @@ namespace _dali.widgets.login
 			{
 				case "internal":
 				{
-					target_element.innerHTML = await _dali.helpers.template_coin(
-						"widget-login",
-						"default",
-						{
-						}
-					);
-					const form : lib_plankton.zoo_form.class_form<
-						{name : string; password : string;},
-						{name : string; password : string;}
-					> = new lib_plankton.zoo_form.class_form<
-						{name : string; password : string;},
-						{name : string; password : string;}
-					>(
-						x => x,
-						x => x,
-						new lib_plankton.zoo_input.class_input_group<
-							{name : string; password : string;}
-						>(
-							[
-								{
-									"name": "name",
-									"input": new lib_plankton.zoo_input.class_input_text(),
-									"label": lib_plankton.translate.get("widget.login.internal.name"),
-								},
-								{
-									"name": "password",
-									"input": new lib_plankton.zoo_input.class_input_password(),
-									"label": lib_plankton.translate.get("widget.login.internal.password"),
-								},
-							]
-						),
-						(
-							[]
-							.concat(
-								[
-									{
-										"label": lib_plankton.translate.get("widget.login.internal.do"),
-										"procedure": async (get_value, get_representation) => {
-											const value : any = await get_value();
-											try
-											{
-												await _dali.backend.session_begin(
-													value.name,
-													value.password
-												);
-												if (this.action_success !== null) this.action_success();
-											}
-											catch (error)
-											{
-												// todo
-											}
-										}
-									}
-								]
-							)
-							.concat(
-								(this.action_cancel === null)
-								?
-								[]
-								:
-								[
-									{
-										"label": lib_plankton.translate.get("common.cancel"),
-										"procedure": () => {
-											this.action_cancel();
-										}
-									}
-								]
-							)
+					const sub_widget : lib_plankton.zoo_widget.interface_widget = (
+						new class_widget_login_internal(
+							preparation.data,
+							{
+								"initial_name": this.initial_name,
+								"action_cancel": this.action_cancel,
+								"action_success": this.action_success,
+							}
 						)
 					);
-					await form.setup(document.querySelector(".widget-login"));
-					await form.input_write(
-						{
-							"name": this.initial_name,
-							"password": "",
-						}
-					);
+					await sub_widget.load(target_element);
 					break;
 				}
 				case "oidc":
 				{
-					// link
-					{
-						let element_a : HTMLElement = document.createElement("a");;
-						element_a.textContent = lib_plankton.string.coin(
-							lib_plankton.translate.get("widget.login.oidc.via"),
+					const sub_widget : lib_plankton.zoo_widget.interface_widget = (
+						new class_widget_login_oidc(
+							preparation.data,
 							{
-								"title": preparation.data.label,
+								"action_cancel": this.action_cancel,
+								"action_success": this.action_success,
 							}
-						);
-						element_a.setAttribute("href", preparation.data.url);
-						target_element.appendChild(element_a);
-					}
-					{
-						let dom_br : HTMLElement = document.createElement("br");
-						target_element.appendChild(dom_br);
-					}
-					{
-						let dom_br : HTMLElement = document.createElement("br");
-						target_element.appendChild(dom_br);
-					}
-					// cancel
-					{
-						let dom_cancel : HTMLElement = document.createElement("button");
-						dom_cancel.textContent = lib_plankton.translate.get("common.cancel");
-						dom_cancel.addEventListener(
-							"click",
-							() => {
-								this.action_cancel();
-							}
-						);
-						target_element.appendChild(dom_cancel);
-					}
+						)
+					);
+					await sub_widget.load(target_element);
 					break;
 				}
 				default:
 				{
-					// todo
+					throw (new Error("unhandled login kind: " + preparation.kind));
 					break;
 				}
 			}

source/widgets/login/templates/default.html.tpl

@@ -1,2 +0,0 @@
-<div class="widget-login">
-</div>

source/widgets/login_internal/logic.ts

@@ -0,0 +1,165 @@
+/*
+This file is part of »dali«.
+
+Copyright 2025 'kcf' <fenris@folksprak.org>
+
+»dali« is free software: you can redistribute it and/or modify
+it under the terms of the GNU Lesser General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+»dali« 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 Lesser General Public License for more details.
+
+You should have received a copy of the GNU Lesser General Public License
+along with »dali«. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+
+namespace _dali.widgets
+{
+	
+	/**
+	 */
+	export class class_widget_login_internal
+		implements lib_plankton.zoo_widget.interface_widget
+	{
+		
+		/**
+		 */
+		private preparation_data : any;
+		
+		
+		/**
+		 */
+		private initial_name : (null | string);
+		
+		
+		/**
+		 * [hook]
+		 */
+		private action_cancel : (null | (() => void));
+		
+		
+		/**
+		 * [hook]
+		 */
+		private action_success : (null | (() => void));
+		
+		
+		/**
+		 */
+		public constructor(
+			preparation_data : any,
+			{
+				"initial_name": initial_name = null,
+				"action_cancel": action_cancel = null,
+				"action_success": action_success = null,
+			}
+			:
+			{
+				initial_name ?: (null | string);
+				action_cancel ?: (null | (() => void));
+				action_success ?: (null | (() => void));
+			}
+			=
+			{
+			}
+		)
+		{
+			this.preparation_data = preparation_data;
+			this.initial_name = initial_name;
+			this.action_cancel = action_cancel;
+			this.action_success = action_success;
+		}
+		
+		
+		/**
+		 * [implementation]
+		 */
+		public async load(
+			target_element : HTMLElement
+		)
+		: Promise<void>
+		{
+			const form : lib_plankton.zoo_form.class_form<
+				{name : string; password : string;},
+				{name : string; password : string;}
+			> = new lib_plankton.zoo_form.class_form<
+				{name : string; password : string;},
+				{name : string; password : string;}
+			>(
+				x => x,
+				x => x,
+				new lib_plankton.zoo_input.class_input_group<
+					{name : string; password : string;}
+				>(
+					[
+						{
+							"name": "name",
+							"input": new lib_plankton.zoo_input.class_input_text(),
+							"label": lib_plankton.translate.get("widget.login.internal.name"),
+						},
+						{
+							"name": "password",
+							"input": new lib_plankton.zoo_input.class_input_password(),
+							"label": lib_plankton.translate.get("widget.login.internal.password"),
+						},
+					]
+				),
+				(
+					[]
+					.concat(
+						[
+							{
+								"label": lib_plankton.translate.get("widget.login.internal.do"),
+								"procedure": async (get_value, get_representation) => {
+									const value : any = await get_value();
+									try
+									{
+										await _dali.backend.session_begin(
+											value.name,
+											value.password
+										);
+										if (this.action_success !== null) this.action_success();
+									}
+									catch (error)
+									{
+										// todo
+									}
+								}
+							}
+						]
+					)
+					.concat(
+						(this.action_cancel === null)
+						?
+						[]
+						:
+						[
+							{
+								"label": lib_plankton.translate.get("common.cancel"),
+								"procedure": () => {
+									this.action_cancel();
+								}
+							}
+						]
+					)
+				)
+			);
+			target_element.innerHTML = "";
+			await form.setup(target_element);
+			await form.input_write(
+				{
+					"name": this.initial_name,
+					"password": "",
+				}
+			);
+			form.input_focus();
+		}
+		
+	}
+	
+}

source/widgets/login_oidc/logic.ts

@@ -0,0 +1,110 @@
+/*
+This file is part of »dali«.
+
+Copyright 2025 'kcf' <fenris@folksprak.org>
+
+»dali« is free software: you can redistribute it and/or modify
+it under the terms of the GNU Lesser General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+»dali« 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 Lesser General Public License for more details.
+
+You should have received a copy of the GNU Lesser General Public License
+along with »dali«. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+
+namespace _dali.widgets
+{
+	
+	/**
+	 */
+	export class class_widget_login_oidc
+		implements lib_plankton.zoo_widget.interface_widget
+	{
+		
+		/**
+		 */
+		private preparation_data : any;
+		
+		
+		/**
+		 * [hook]
+		 */
+		private action_cancel : (null | (() => void));
+		
+		
+		/**
+		 * [hook]
+		 */
+		private action_success : (null | (() => void));
+		
+		
+		/**
+		 */
+		public constructor(
+			preparation_data : any,
+			{
+				"action_cancel": action_cancel = null,
+				"action_success": action_success = null,
+			}
+			:
+			{
+				action_cancel ?: (null | (() => void));
+				action_success ?: (null | (() => void));
+			}
+			=
+			{
+			}
+		)
+		{
+			this.preparation_data = preparation_data;
+			this.action_cancel = action_cancel;
+			this.action_success = action_success;
+		}
+		
+		
+		/**
+		 * [implementation]
+		 */
+		public async load(
+			target_element : HTMLElement
+		)
+		: Promise<void>
+		{
+			// structure
+			{
+				target_element.innerHTML = await _dali.helpers.template_coin(
+					"widget-login_oidc",
+					"main",
+					{
+						"label": lib_plankton.string.coin(
+							lib_plankton.translate.get("widget.login.oidc.via"),
+							{
+								"title": this.preparation_data.label,
+							}
+						),
+						"href": this.preparation_data.url,
+						"cancel": lib_plankton.translate.get("common.cancel"),
+					}
+				);
+			}
+			
+			// controls
+			{
+				target_element.querySelector(".widget-login_oidc-cancel").addEventListener(
+					"click",
+					() => {
+						this.action_cancel();
+					}
+				);
+			}
+		}
+		
+	}
+	
+}

source/widgets/login_oidc/style.css

@@ -0,0 +1,5 @@
+.widget-login_oidc-cancel
+{
+	display: block;
+	margin-top: 32px;
+}

source/widgets/login_oidc/templates/main.html.tpl

@@ -0,0 +1,4 @@
+<div class="widget-login_oidc">
+	<a class="widget-login_oidc-link" href="{{href}}">{{label}}</a>
+	<button class="widget-login_oidc-cancel">{{cancel}}</button>
+</div>

source/widgets/menu/logic.ts

@@ -1,4 +1,24 @@
-namespace _dali.widgets.menu
+/*
+This file is part of »dali«.
+
+Copyright 2025 'kcf' <fenris@folksprak.org>
+
+»dali« is free software: you can redistribute it and/or modify
+it under the terms of the GNU Lesser General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+»dali« 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 Lesser General Public License for more details.
+
+You should have received a copy of the GNU Lesser General Public License
+along with »dali«. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+
+namespace _dali.widgets
 {
 	
 	/**
@@ -17,12 +37,7 @@ namespace _dali.widgets.menu
 		
 		/**
 		 */
-		private entries : Array<
-			{
-				data : type_entry_data;
-				element : (null | HTMLElement);
-			}
-		>;
+		private entries : Array<type_entry_data>;
 		
 		
 		/**
@@ -43,10 +58,10 @@ namespace _dali.widgets.menu
 		/**
 		 */
 		public constructor(
-			entry_data_list : Array<type_entry_data>,
+			entries : Array<type_entry_data>,
 			{
 				"initial_groups": initial_groups = [],
-				"initial_label": initial_label = "=",
+				"initial_label": initial_label = "",
 			}
 			:
 			{
@@ -58,14 +73,7 @@ namespace _dali.widgets.menu
 			}
 		)
 		{
-			this.entries = entry_data_list.map(
-				entry_data => (
-					{
-						"data": entry_data,
-						"element": null,
-					}
-				)
-			);
+			this.entries = entries;
 			this.initial_groups = initial_groups;
 			this.label = initial_label;
 			this.container = null;
@@ -80,25 +88,28 @@ namespace _dali.widgets.menu
 		: void
 		{
 			this.entries.forEach(
-				entry => {
-					const active : boolean = groups.some(group => entry.data.groups.includes(group));
-					entry.element.classList.toggle("widget-menu-entry-hidden", (! active));
+				(entry, index) => {
+					const active : boolean = groups.some(group => entry.groups.includes(group));
+					const rel : string = index.toFixed(0);
+					const dom_entry = this.container.querySelector(".widget-menu-entry[rel=\"" + rel + "\"]");
+					dom_entry.classList.toggle("widget-menu-entry-hidden", (! active));
 				}
 			);
 		}
 		
+		
 		/**
 		 */
 		public set_label(
-			label ?: string
+			label : (null | string)
 		)
 		: void
 		{
 			this.label = label;
-			this.container.querySelector(".widget-menu-button").textContent = (
+			this.container.querySelector(".widget-menu-button").innerHTML = (
 				(this.label === null)
 				?
-				"[=]"
+				("[" + "=" + "]")
 				:
 				("[" + this.label + "]")
 			);
@@ -133,56 +144,69 @@ namespace _dali.widgets.menu
 		)
 		: Promise<void>
 		{
-			// container
-			{
-				const dom_container : HTMLElement = document.createElement("div");
-				dom_container.classList.add("widget-menu");
-				// button
+			// structure
+			this.container = await _dali.helpers.element_from_template(
+				"widget-menu",
+				"main",
 				{
-					const dom_button : HTMLElement = document.createElement("button");
-					dom_button.textContent = "[" + this.label + "]";
-					dom_button.classList.add("widget-menu-button");
-					dom_button.addEventListener(
+					"entries": (
+						(
+							await lib_plankton.call.promise_condense(
+								this.entries.map(
+									(entry, index) => () => _dali.helpers.template_coin(
+										"widget-menu",
+										"entry",
+										{
+											"label": entry.label,
+											"rel": index.toFixed(0),
+										}
+									)
+								)
+							)
+						)
+						.join("")
+					),
+				}
+			);
+			
+			// logic
+			{
+				// collapser
+				{
+					this.container.querySelector(".widget-menu-button").addEventListener(
 						"click",
 						() => {
 							this.toggle_collapsed();
 						}
 					);
-					dom_container.classList.toggle("widget-menu-collapsed", true);
-					dom_container.appendChild(dom_button);
 				}
-				// platform
+				// entries
 				{
-					const dom_platform : HTMLElement = document.createElement("div");
-					dom_platform.classList.add("widget-menu-platform");
-					{
-						const dom_list : HTMLElement = document.createElement("ul");
-						dom_list.classList.add("widget-menu-entries");
-						this.entries.forEach(
-							entry => {
-								const dom_entry : HTMLElement = document.createElement("li");
-								dom_entry.classList.add("widget-menu-entry");
-								dom_entry.textContent = entry.data.label;
-								dom_entry.addEventListener(
-									"click",
-									() => {
-										this.toggle_collapsed({"mode": true});
-										entry.data.action();
-									}
-								);
-								dom_list.appendChild(dom_entry);
-								entry.element = dom_entry;
-							}
-						);
-						dom_platform.appendChild(dom_list);
-					}
-					dom_container.appendChild(dom_platform);
+					this.container.querySelectorAll(".widget-menu-entry").forEach(
+						dom_entry => {
+							dom_entry.addEventListener(
+								"click",
+								() => {
+									const index : int = parseInt(dom_entry.getAttribute("rel"));
+									const entry : type_entry_data = this.entries[index];
+									this.toggle_collapsed({"mode": true});
+									entry.action();
+								}
+							);
+						}
+					);
 				}
-				target_element.appendChild(dom_container);
-				this.container = dom_container;
 			}
 			
-			this.set_groups(this.initial_groups);
+			// init
+			{
+				this.toggle_collapsed({"mode": true});
+				this.set_groups(this.initial_groups);
+				this.set_label(null);
+			}
+			
+			// finish
+			target_element.appendChild(this.container);
 		}
 		
 	}

source/widgets/menu/style.css

@@ -29,14 +29,16 @@
 	
 	padding: 8px;
 	
+	/*
 	min-width: 200px;
+	 */
 }
 
 .widget-menu-platform:not(.widget-menu-platform-collapsed)
 {
 	position: fixed;
-	top: 32px;
-	right: 32px;
+	top: 50px;
+	right: 20px;
 	z-index: 2;
 }
 
@@ -49,24 +51,22 @@
 
 .widget-menu-entry
 {
-	margin: 12px 16px;
-	padding: 8px;
+	margin: 12px 8px;
 	text-transform: capitalize;
-}
-
-.widget-menu-entry:not(:hover)
-{
 	background-color: hsl(var(--hue), 0%, 25%);
 	color: hsl(var(--hue), 0%, 100%);
 }
 
-.widget-menu-entry:hover::after
+.widget-menu-entry:not(:hover) > span
 {
-	content: " «";
-	/*
-	background-color: hsl(var(--hue), 0%, 50%);
-	color: hsl(var(--hue), 0%, 100%);
-	 */
+	border-bottom: 2px solid hsl(0, 0%, 25%);
+}
+
+.widget-menu-entry:hover > span
+{
+	border-bottom: 2px solid hsl(0, 0%, 100%);
+	
+	transition: 1s ease color;
 }
 
 .widget-menu-entry.widget-menu-entry-hidden

source/widgets/menu/templates/entry.html.tpl

@@ -0,0 +1,3 @@
+<li class="widget-menu-entry" rel="{{rel}}">
+	<span>{{label}}</span>
+</li>

source/widgets/menu/templates/main.html.tpl

@@ -0,0 +1,8 @@
+<div class="widget-menu">
+	<button class="widget-menu-button"></button>
+	<div class="widget-menu-platform">
+		<ul class="widget-menu-entries">
+{{entries}}
+		</ul>
+	</div>
+</div>

source/widgets/mode_switcher/logic.ts

@@ -1,4 +1,24 @@
-namespace _dali.widgets.mode_switcher
+/*
+This file is part of »dali«.
+
+Copyright 2025 'kcf' <fenris@folksprak.org>
+
+»dali« is free software: you can redistribute it and/or modify
+it under the terms of the GNU Lesser General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+»dali« 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 Lesser General Public License for more details.
+
+You should have received a copy of the GNU Lesser General Public License
+along with »dali«. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+
+namespace _dali.widgets
 {
 	
 	/**
@@ -58,7 +78,8 @@ namespace _dali.widgets.mode_switcher
 		 */
 		public async load(
 			target_element : Element
-		) : Promise<void>
+		)
+		: Promise<void>
 		{
 			target_element.innerHTML = await _dali.helpers.template_coin(
 				"widget-mode_switcher",

source/widgets/mode_switcher/style.css

@@ -0,0 +1,4 @@
+.widget-mode_switcher-option
+{
+	margin-left: 16px;
+}

source/widgets/multiview/logic.ts

@@ -0,0 +1,278 @@
+/*
+This file is part of »dali«.
+
+Copyright 2025 'kcf' <fenris@folksprak.org>
+
+»dali« is free software: you can redistribute it and/or modify
+it under the terms of the GNU Lesser General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+»dali« 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 Lesser General Public License for more details.
+
+You should have received a copy of the GNU Lesser General Public License
+along with »dali«. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+
+namespace _dali.widgets
+{
+	
+	/**
+	 */
+	type type_get_entries = (
+		(
+			from_pit : lib_plankton.pit.type_pit,
+			to_pit : lib_plankton.pit.type_pit,
+			calendar_ids : Array<_dali.type_calendar_id>
+		)
+		=>
+		Promise<Array<_dali.type_event_object_extended>>
+	);
+
+	
+	/**
+	 */
+	type type_create_event = (
+		(
+			stuff ?: {
+				date ?: lib_plankton.pit.type_date;
+			}
+		)
+		=>
+		Promise<void>
+	);
+	
+	
+	/**
+	 */
+	type type_edit_event = (
+		(
+			event_key : _dali.type_event_key
+		)
+		=>
+		Promise<void>
+	);
+	
+	
+	/**
+	 */
+	export class class_widget_multiview
+		implements lib_plankton.zoo_widget.interface_widget
+	{
+		
+		/**
+		 */
+		private initial_view_mode : _dali.enum_view_mode;
+		
+		
+		/**
+		 */
+		private weekview_initial_vertical : boolean;
+		
+		
+		/**
+		 */
+		private get_entries : type_get_entries;
+		
+		
+		/**
+		 */
+		private action_create_event : type_create_event;
+		
+		
+		/**
+		 */
+		private action_edit_event : type_edit_event;
+		
+		
+		/**
+		 */
+		private dom_context : (null | HTMLElement);
+		
+		
+		/**
+		 */
+		private widget_mode_switcher : _dali.widgets.class_widget_mode_switcher;
+		
+		
+		/**
+		 */
+		private widget_weekview : _dali.widgets.class_widget_weekview;
+		
+		
+		/**
+		 */
+		private widget_listview : _dali.widgets.class_widget_listview;
+		
+		
+		/**
+		 */
+		public constructor(
+			get_entries : type_get_entries,
+			{
+				"initial_view_mode": initial_view_mode = _dali.enum_view_mode.week,
+				"weekview_initial_vertical": weekview_initial_vertical = false,
+				"action_create_event": action_create_event = ((stuff) => Promise.resolve<void>(undefined)),
+				"action_edit_event": action_edit_event = ((event_key) => Promise.resolve<void>(undefined)),
+			}
+			:
+			{
+				initial_view_mode ?: _dali.enum_view_mode;
+				weekview_initial_vertical ?: boolean;
+				action_create_event ?: type_create_event;
+				action_edit_event ?: type_edit_event;
+			}
+			=
+			{
+			}
+		)
+		{
+			this.get_entries = get_entries;
+			this.initial_view_mode = initial_view_mode;
+			this.weekview_initial_vertical = weekview_initial_vertical;
+			this.action_create_event = action_create_event;
+			this.action_edit_event = action_edit_event;
+			this.dom_context = null;
+		}
+		
+		
+		/**
+		 */
+		public toggle_calendar_visibilty(
+			calendar_id : _dali.type_calendar_id,
+			{
+				"mode": mode = null,
+			}
+			:
+			{
+				mode ?: (null | boolean);
+			}
+			=
+			{
+			}
+		)
+		: void
+		{
+			this.widget_weekview.toggle_visibility(calendar_id, {"mode": mode});
+			this.widget_listview.toggle_visibility(calendar_id, {"mode": mode});
+		}
+		
+		
+		/**
+		 */
+		private set_view_mode
+		(
+			view_mode : _dali.enum_view_mode
+		)
+		: void
+		{
+			this.dom_context.setAttribute("rel", _dali.view_mode_encode(view_mode));
+		}
+		
+		
+		/**
+		 */
+		public async update_entries(
+		)
+		:
+		Promise<void>
+		{
+			await Promise.all(
+				[
+					this.widget_weekview.update_entries(),
+					this.widget_listview.update_entries(),
+				]
+			);
+		}
+		
+		
+		/**
+		 * [implementation]
+		 */
+		public async load(
+			target_element : Element
+		)
+		: Promise<void>
+		{
+			this.dom_context = (target_element as HTMLElement);
+			
+			this.dom_context.classList.add("widget-multiview");
+			
+			// mode switcher
+			{
+				this.widget_mode_switcher = (
+					new _dali.widgets.class_widget_mode_switcher(
+						[
+							{
+								"mode": _dali.enum_view_mode.week,
+								/**
+								 * @todo as dependency
+								 */
+								"label": lib_plankton.translate.get("widget.overview.mode.week"),
+							},
+							{
+								"mode": _dali.enum_view_mode.list,
+								/**
+								 * @todo as dependency
+								 */
+								"label": lib_plankton.translate.get("widget.overview.mode.list"),
+							},
+						],
+						{
+							"initial_selection": this.initial_view_mode,
+							"action_change": (view_mode) => {
+								this.set_view_mode(view_mode);
+							}
+						}
+					)
+				);
+				let dom_wrapper = document.createElement("div");
+				dom_wrapper.classList.add("widget-multiview-mode_switcher");
+				await this.widget_mode_switcher.load(dom_wrapper);
+				this.dom_context.appendChild(dom_wrapper);
+			}
+			// weekview
+			{
+				this.widget_weekview = (
+					new _dali.widgets.class_widget_weekview(
+						this.get_entries,
+						{
+							"action_select_event": (event_key) => this.action_edit_event(event_key),
+							"action_select_day": (date) => this.action_create_event({"date": date}),
+							"vertical": this.weekview_initial_vertical,
+						}
+					)
+				);
+				let dom_wrapper = document.createElement("div");
+				dom_wrapper.classList.add("widget-multiview-weekview");
+				await this.widget_weekview.load(dom_wrapper);
+				this.dom_context.appendChild(dom_wrapper);
+			}
+			// listview
+			{
+				this.widget_listview = (
+					new _dali.widgets.class_widget_listview(
+						this.get_entries,
+						{
+							"action_select": (event_key) => this.action_edit_event(event_key),
+							"action_add": () => this.action_create_event(),
+						}
+					)
+				);
+				let dom_wrapper = document.createElement("div");
+				dom_wrapper.classList.add("widget-multiview-listview");
+				await this.widget_listview.load(dom_wrapper);
+				this.dom_context.appendChild(dom_wrapper);
+			}
+			this.set_view_mode(this.initial_view_mode);
+			
+			return Promise.resolve<void>(undefined);
+		}
+			
+	}
+	
+}

source/widgets/multiview/style.css

@@ -0,0 +1,10 @@
+.widget-multiview-mode_switcher
+{
+	margin-bottom: 12px;
+}
+
+.widget-multiview[rel="week"] > .widget-multiview-weekview {}
+.widget-multiview[rel="week"] > .widget-multiview-listview {display: none;}
+
+.widget-multiview[rel="list"] > .widget-multiview-weekview {display: none;}
+.widget-multiview[rel="list"] > .widget-multiview-listview {}

source/widgets/overview/logic.ts

@@ -0,0 +1,648 @@
+/*
+This file is part of »dali«.
+
+Copyright 2025 'kcf' <fenris@folksprak.org>
+
+»dali« is free software: you can redistribute it and/or modify
+it under the terms of the GNU Lesser General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+»dali« 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 Lesser General Public License for more details.
+
+You should have received a copy of the GNU Lesser General Public License
+along with »dali«. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+
+namespace _dali.widgets
+{
+	
+	/**
+	 */
+	type type_action_create_calendar = (
+		(
+		)
+		=>
+		Promise<void>
+	);
+	
+	
+	/**
+	 */
+	type type_action_edit_calendar = (
+		(
+			type_calendar_object_reduced_with_id
+		)
+		=>
+		Promise<void>
+	);
+	
+	
+	/**
+	 */
+	type type_action_create_event = (
+		(
+			stuff ?: {
+				date ?: lib_plankton.pit.type_date;
+			}
+		)
+		=>
+		Promise<void>
+	);
+	
+	
+	/**
+	 */
+	type type_action_edit_event = (
+		(
+			event_key : _dali.type_event_key
+		)
+		=>
+		Promise<void>	
+	);
+	
+	
+	/**
+	 */
+	export class class_widget_overview
+		implements lib_plankton.zoo_widget.interface_widget
+	{
+		
+		/**
+		 */
+		private widget_sources : _dali.widgets.class_widget_sources;
+		
+		
+		/**
+		 */
+		private widget_multiview : _dali.widgets.class_widget_multiview;
+
+		
+		/**
+		 */
+		private action_create_calendar : type_action_create_calendar;
+		
+		
+		/**
+		 */
+		private action_edit_calendar : type_action_edit_calendar;
+		
+		
+		/**
+		 */
+		private action_create_event : type_action_create_event;
+		
+		
+		/**
+		 */
+		private action_edit_event : type_action_edit_event;
+		
+		
+		/**
+		 */
+		public constructor(
+		)
+		{
+			this.action_create_calendar = async (
+			) => {
+				const widget = new _dali.widgets.class_widget_calendar_edit(
+					await _dali.model.group_list(),
+					await _dali.model.user_list(),
+					{
+						"name": "",
+						"hue": lib_plankton.random.generate_unit(),
+						"access": {
+							"public": false,
+							"default_level": _dali.enum_access_level.none,
+							"attributed_group": lib_plankton.map.hashmap.implementation_map<
+								_dali.type_group_id,
+								_dali.enum_access_level
+							>(
+								lib_plankton.map.hashmap.make<
+									_dali.type_group_id,
+									_dali.enum_access_level
+								>(
+									group_id => group_id.toFixed(0),
+								)
+							),
+							"attributed_user": lib_plankton.map.hashmap.implementation_map<
+								_dali.type_user_id,
+								_dali.enum_access_level
+							>(
+								lib_plankton.map.hashmap.make<
+									_dali.type_user_id,
+									_dali.enum_access_level
+								>(
+									user_id => user_id.toFixed(0),
+								)
+							),
+						},
+						/**
+						 * @todo
+						 */
+						"resource_id": 0,
+					},
+					{
+						"read_only": false,
+						"action_cancel": () => {
+							_dali.overlay.toggle({"mode": false});
+						},
+						"action_add": (calendar_object) => {
+							_dali.model.calendar_add(
+								calendar_object
+							)
+							.then(
+								() => {
+									this.update_sources_and_entries();
+									_dali.overlay.toggle({"mode": false});
+								}
+							)
+							.catch(
+								(reason) => {
+									lib_plankton.log.warning(
+										"dali.overview.calendar_add_error",
+										{"reason": String(reason)}
+									);
+								}
+							);
+						},
+					}
+				);
+				_dali.overlay.clear();
+				_dali.overlay.toggle({"mode": true});
+				await widget.load(_dali.overlay.get_content_element());
+			};
+			this.action_edit_calendar = async (
+				calendar_object_reduced_with_id
+			) => {
+				const read_only : boolean = (() => {
+					switch (calendar_object_reduced_with_id.access_level)
+					{
+						case _dali.enum_access_level.none:
+						{
+							throw (new Error("this event should not be visible"));
+							break;
+						}
+						case _dali.enum_access_level.edit:
+						case _dali.enum_access_level.view:
+						{
+							return true;
+							break;
+						}
+						case _dali.enum_access_level.admin:
+						{
+							return false;
+							break;
+						}
+					}
+				}) ();
+				if (read_only)
+				{
+					lib_plankton.log.notice(
+						"dali.overview.may_not_edit_calendar",
+						{
+							"calendar_id": calendar_object_reduced_with_id.id,
+						}
+					);
+				}
+				else
+				{
+					const calendar_id : _dali.type_calendar_id = calendar_object_reduced_with_id.id;
+					const calendar_object : _dali.type_calendar_object = await _dali.model.calendar_get(
+						calendar_id
+					);
+					const widget = new _dali.widgets.class_widget_calendar_edit(
+						await _dali.model.group_list(),
+						await _dali.model.user_list(),
+						calendar_object,
+						{
+							"read_only": read_only,
+							"action_cancel": () => {
+								_dali.overlay.toggle({"mode": false});
+							},
+							"action_change": (data) => {
+								_dali.model.calendar_change(
+									calendar_id,
+									data
+								)
+								.then(
+									() => {
+										this.update_sources_and_entries();
+										_dali.overlay.toggle({"mode": false});
+									}
+								);
+							},
+							"action_remove": (data) => {
+								_dali.model.calendar_remove(
+									calendar_id
+								)
+								.then(
+									() => {
+										this.update_sources_and_entries();
+										_dali.overlay.toggle({"mode": false});
+									}
+								);
+							},
+						}
+					);
+					_dali.overlay.clear();
+					_dali.overlay.toggle({"mode": true});
+					await widget.load(_dali.overlay.get_content_element());
+				}
+			}
+			/**
+			 * @todo unterschiedliches Verhalten bei Anmeldung?
+			 */
+			this.action_create_event = async (
+				{
+					"date": date = lib_plankton.pit.to_datetime(lib_plankton.pit.now()).date,
+				}
+				:
+				{
+					date ?: lib_plankton.pit.type_date;
+				}
+				=
+				{
+				}
+			) => {
+				if (! _dali.is_logged_in())
+				{
+					// do nothing
+				}
+				else
+				{
+					const widget = new _dali.widgets.class_widget_event_edit(
+						(await this.get_available_calendars()),
+						{
+							"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.model.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(
+									() => {
+										this.update_entries();
+										_dali.overlay.toggle({"mode": false});
+									}
+								)
+								.catch(
+									(reason) => {
+										// todo
+									}
+								);
+							},
+						}
+					);
+					_dali.overlay.clear();
+					_dali.overlay.toggle({"mode": true});
+					await widget.load(_dali.overlay.get_content_element());
+				}
+			}
+			/**
+			 */
+			this.action_edit_event = async (
+				event_key
+			) => {
+				const event_object_extended : _dali.type_event_object_extended = await _dali.model.event_get(event_key);
+				const read_only : boolean = (() => {
+					switch (event_object_extended.access_level)
+					{
+						case _dali.enum_access_level.none:
+						{
+							throw (new Error("this event should not be visible"));
+							break;
+						}
+						case _dali.enum_access_level.view:
+						{
+							return true;
+							break;
+						}
+						case _dali.enum_access_level.edit:
+						case _dali.enum_access_level.admin:
+						{
+							return false;
+							break;
+						}
+					}
+				}) ();
+				const widget = new _dali.widgets.class_widget_event_edit(
+					(await this.get_available_calendars()),
+					{
+						"calendar_id": event_object_extended.calendar_id,
+						"event_name": event_object_extended.event_object.name,
+						"event_begin": event_object_extended.event_object.begin,
+						"event_end": event_object_extended.event_object.end,
+						"event_location": event_object_extended.event_object.location,
+						"event_link": event_object_extended.event_object.link,
+						"event_description": event_object_extended.event_object.description,
+					},
+					{
+						"read_only": read_only,
+						"action_cancel": () => {
+							_dali.overlay.toggle({"mode": false});
+						},
+						"action_change": (data) => {
+							_dali.model.event_change(
+								event_key,
+								{
+									"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(
+								() => {
+									this.update_entries();
+									_dali.overlay.toggle({"mode": false});
+								}
+							)
+							.catch(
+								(reason) => {
+									lib_plankton.log.warning(
+										"dali.overview.event_change.error",
+										{"reason": String(reason)}
+									);
+								}
+							);
+						},
+						"action_remove": () => {
+							_dali.model.event_remove(
+								event_key
+							)
+							.then(
+								() => {
+									this.update_entries();
+									_dali.overlay.toggle({"mode": false});
+								}
+							)
+							.catch(
+								(reason) => {
+									lib_plankton.log.warning(
+										"dali.overview.event_remove_error",
+										{"reason": String(reason)}
+									);
+								}
+							);
+						},
+					}
+				);
+				_dali.overlay.clear();
+				_dali.overlay.toggle({"mode": true});
+				await widget.load(_dali.overlay.get_content_element());
+			}
+		}
+		
+		
+		/**
+		 */
+		private async get_available_calendars(
+		)
+		: Promise<
+			Array<
+				_dali.type_calendar_object_reduced_with_id
+			>
+		>
+		{
+			return (
+				(await _dali.model.calendar_list())
+				/*
+				.filter(
+					(entry) => (
+						(entry.access_level === _dali.enum_access_level.edit)
+						||
+						(entry.access_level === _dali.enum_access_level.admin)
+					)
+				)
+				 */
+			);
+		}
+		
+		
+		/**
+		 */
+		private async get_entries(
+			from_pit : lib_plankton.pit.type_pit,
+			to_pit : lib_plankton.pit.type_pit,
+			calendar_ids : Array<_dali.type_calendar_id>
+		)
+		: Promise<Array<_dali.type_event_object_extended>>
+		{
+			/**
+			 * @todo do NOT wait?
+			 */
+			await _dali.model.sync_events(
+				{
+					"from": from_pit,
+					"to": to_pit,
+				},
+				{
+					"calendar_ids": calendar_ids,
+				}
+			);
+			/**
+			 * @todo filter
+			 */
+			return _dali.model.event_list();
+		}
+		
+		
+		/**
+		 */
+		private async update_sources_and_entries(
+			{
+				"priviliged": priviliged = null,
+			}
+			:
+			{
+				priviliged ?: (null | boolean);
+			}
+			=
+			{
+			}
+		)
+		: Promise<void>
+		{
+			await this.widget_sources.update({"priviliged": priviliged});
+			await this.widget_multiview.update_entries();
+		}
+		
+		
+		/**
+		 * @todo use priviliged?
+		 */
+		private async update_entries(
+			{
+				"priviliged": priviliged = null,
+			}
+			:
+			{
+				priviliged ?: (null | boolean);
+			}
+			=
+			{
+			}
+		)
+		: Promise<void>
+		{
+			await this.widget_multiview.update_entries();
+		}
+		
+		
+		
+		/**
+		 * [implementation]
+		 */
+		public async load(
+			target_element : HTMLElement
+		)
+		: Promise<void>
+		{
+			const view_mode : _dali.enum_view_mode = _dali.helpers.view_mode_determine("auto");
+			const view_kind : _dali.enum_view_kind = _dali.helpers.view_kind_determine("auto");
+			
+			this.widget_sources = (
+				new _dali.widgets.class_widget_sources(
+					_dali.model.calendar_list,
+					{
+						"initial_priviliged": _dali.is_logged_in(),
+						"action_add": this.action_create_calendar,
+						"action_select": this.action_edit_calendar,
+						"action_toggle": (entry, mode) => {
+							this.widget_multiview.toggle_calendar_visibilty(entry.id, {"mode": mode});
+						},
+					}
+				)
+			);
+			this.widget_multiview = (
+				new _dali.widgets.class_widget_multiview(
+					this.get_entries,
+					{
+						"initial_view_mode": view_mode,
+						"weekview_initial_vertical": (view_kind === _dali.enum_view_kind.touch),
+						"action_create_event": this.action_create_event,
+						"action_edit_event": this.action_edit_event,
+					}
+				)
+			);
+			
+			target_element.innerHTML = await _dali.helpers.template_coin(
+				"widget-overview",
+				"main",
+				{
+				}
+			);
+
+			// head
+			{
+				// hint
+				{
+					const dom_hint = target_element.querySelector(".widget-overview-hint");
+					dom_hint.textContent = lib_plankton.translate.get("widget.overview.login_hint");
+					dom_hint.classList.toggle("widget-overview-hint-hidden", _dali.is_logged_in());
+				}
+			}
+			// body
+			{
+				let widget_slider : lib_plankton.zoo_widget.interface_widget;
+				switch (view_kind)
+				{
+					case _dali.enum_view_kind.regular:
+					{
+						widget_slider = new lib_plankton.zoo_widget.class_slider(
+							[
+								new lib_plankton.zoo_widget.class_bunch(
+									[
+										this.widget_sources,
+										this.widget_multiview,
+									]
+								),
+							],
+							{
+								"threshold": 100,
+								"initial_index": 1,
+							}						
+						);
+						break;
+					}
+					case _dali.enum_view_kind.touch:
+					{
+						widget_slider = new lib_plankton.zoo_widget.class_slider(
+							[
+								this.widget_sources,
+								this.widget_multiview,
+							],
+							{
+								"threshold": 100,
+								"initial_index": 2,
+							}						
+						);
+						break;
+					}
+				}
+				await widget_slider.load(target_element.querySelector(".widget-overview-body"));
+			}
+			
+			_dali.model.listen_reset(
+				async (priviliged) => {
+					this.update_sources_and_entries({"priviliged": priviliged});
+					target_element.querySelector(".widget-overview-hint").classList.toggle("widget-overview-hint-hidden", priviliged);
+				}
+			);
+			
+			return Promise.resolve<void>(undefined);
+		}
+		
+	}
+	
+}

source/widgets/overview/style.css

@@ -0,0 +1,59 @@
+.widget-overview-head
+{
+	padding-bottom: 12px;
+	margin-bottom: 12px;
+	border-bottom: 1px solid;
+}
+
+.widget-overview-hint
+{
+	text-align: center;
+	font-weight: bold;
+}
+
+.widget-overview-hint.widget-overview-hint-hidden
+{
+	display: none;
+}
+
+.widget-overview-body
+{
+	display: flex;
+	flex-direction: row;
+	flex-wrap: nowrap;
+}
+
+.widget-overview-pane-left
+{
+	flex-basis: 12.5%;
+	flex-grow: 0;
+	flex-shrink: 1;
+}
+
+.widget-overview-pane-right
+{
+	flex-basis: 87.5%;
+	flex-grow: 1;
+	flex-shrink: 1;
+}
+
+.widget-overview-body .widget-slider-slide .widget-bunch
+{
+	display: flex;
+	flex-direction: row;
+	flex-wrap: nowrap;
+}
+
+.widget-overview-body .widget-slider-slide .widget-bunch-element:nth-child(1)
+{
+	flex-grow: 0;
+	flex-shrink: 1;
+	flex-basis: 12.5%;
+}
+
+.widget-overview-body .widget-slider-slide .widget-bunch-element:nth-child(2)
+{
+	flex-grow: 1;
+	flex-shrink: 1;
+	flex-basis: 87.5%;
+}

source/widgets/overview/templates/main.html.tpl

@@ -0,0 +1,8 @@
+<div class="widget-overview">
+	<div class="widget-overview-head">
+		<div class="widget-overview-hint">
+		</div>
+	</div>
+	<div class="widget-overview-body">
+	</div>
+</div>

source/widgets/sources/logic.ts

@@ -1,4 +1,24 @@
-namespace _dali.widgets.sources
+/*
+This file is part of »dali«.
+
+Copyright 2025 'kcf' <fenris@folksprak.org>
+
+»dali« is free software: you can redistribute it and/or modify
+it under the terms of the GNU Lesser General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+»dali« 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 Lesser General Public License for more details.
+
+You should have received a copy of the GNU Lesser General Public License
+along with »dali«. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+
+namespace _dali.widgets
 {
 	
 	/**
@@ -25,22 +45,23 @@ namespace _dali.widgets.sources
 		/**
 		 * [hook]
 		 */
-		private action_open : ((entry : type_entry) => void);
+		private action_toggle : ((entry : type_entry, mode : boolean) => void);
 		
 		
 		/**
 		 * [hook]
 		 */
-		private action_toggle_visibility : ((entry : type_entry) => void);
+		private action_select : ((entry : type_entry) => void);
 		
 		
 		/**
 		 * [hook]
 		 */
-		private action_create : (() => void);
+		private action_add : (() => void);
 		
 		
 		/**
+		 * [state]
 		 */
 		private priviliged : boolean;
 		
@@ -56,16 +77,16 @@ namespace _dali.widgets.sources
 		public constructor(
 			get_entries : (() => Promise<Array<type_entry>>),
 			{
-				"action_open": action_open = ((calendar_id) => {}),
-				"action_toggle_visibility": action_toggle_visibility = ((calendar_id) => {}),
-				"action_create": action_create = (() => {}),
+				"action_select": action_select = ((calendar_id) => {}),
+				"action_toggle": action_toggle = ((calendar_id, mode) => {}),
+				"action_add": action_add = (() => {}),
 				"initial_priviliged": initial_priviliged = false,
 			}
 			:
 			{
-				action_open ?: ((entry : type_entry) => void);
-				action_toggle_visibility ?: ((entry : type_entry) => void);
-				action_create ?: (() => void);
+				action_select ?: ((entry : type_entry) => void);
+				action_toggle ?: ((entry : type_entry, mode : boolean) => void);
+				action_add ?: (() => void);
 				initial_priviliged ?: boolean;
 			}
 			=
@@ -77,9 +98,9 @@ namespace _dali.widgets.sources
 			this.get_entries = get_entries;
 			
 			// hooks
-			this.action_open = action_open;
-			this.action_toggle_visibility = action_toggle_visibility;
-			this.action_create = action_create;
+			this.action_select = action_select;
+			this.action_toggle = action_toggle;
+			this.action_add = action_add;
 			
 			// state
 			this.priviliged = initial_priviliged;
@@ -169,46 +190,8 @@ namespace _dali.widgets.sources
 												"entry",
 												{
 													"name": pair.value.name,
-													"label_toggle": lib_plankton.string.coin(
-														"{{show}}/{{hide}}",
-														{
-															"show": lib_plankton.translate.get("common.show"),
-															"hide": lib_plankton.translate.get("common.hide"),
-														}
-													),
-													"label_edit": lib_plankton.translate.get("common.edit"),
 													// "access_level": entry.access_level, // TODO
-													// TODO centralize
-													"color_head": lib_plankton.color.output_hex(
-														lib_plankton.color.make_hsv(
-															{
-																"hue": pair.value.hue,
-																/**
-																 * @todo const and outsource
-																 */
-																"saturation": 0.375,
-																/**
-																 * @todo const and outsource
-																 */
-																"value": 0.375,
-															}
-														),
-													),
-													"color_body": lib_plankton.color.output_hex(
-														lib_plankton.color.make_hsv(
-															{
-																"hue": pair.value.hue,
-																/**
-																 * @todo const and outsource
-																 */
-																"saturation": 0.375,
-																/**
-																 * @todo const and outsource
-																 */
-																"value": 0.25,
-															}
-														),
-													),
+													"color": _dali.helpers.event_color(pair.value.hue),
 													"rel": class_widget_sources.id_encode(pair.key),
 												}
 											);
@@ -228,43 +211,40 @@ namespace _dali.widgets.sources
 					"click",
 					(event) => {
 						event.preventDefault();
-						this.action_create();
+						this.action_add();
 					}
 				);
-				this.container.querySelectorAll(".sources-entry-head").forEach(
+				this.container.querySelectorAll(".sources-entry-visibility").forEach(
 					(element) => {
 						element.addEventListener(
-							"click",
-							(event) => {
-								element.parentElement.classList.toggle("sources-entry-open");
-							}
-						);
-					}
-				);
-				this.container.querySelectorAll(".sources-entry-toggle").forEach(
-					(element) => {
-						element.addEventListener(
-							"click",
+							"change",
 							() => {
-								const key_encoded : string = element.parentElement.parentElement.parentElement.getAttribute("rel");
+								const mode : boolean = (element as HTMLInputElement).checked;
+								const key_encoded : string = element.parentElement.getAttribute("rel");
 								const calendar_id : _dali.type_calendar_id = class_widget_sources.id_decode(key_encoded);
 								const entry : type_entry = data.get(calendar_id);
-								element.parentElement.parentElement.parentElement.classList.toggle("sources-entry-hidden");
-								element.parentElement.parentElement.parentElement.classList.toggle("sources-entry-open", false);
-								this.action_toggle_visibility(entry);
+								element.parentElement.classList.toggle("sources-entry-hidden", (! mode));
+								this.action_toggle(entry, mode);
 							}
 						);
 					}
 				);
-				this.container.querySelectorAll(".sources-entry-edit").forEach(
+				this.container.querySelectorAll(".sources-entry").forEach(
 					(element) => {
 						element.addEventListener(
 							"click",
 							(event) => {
-								const key_encoded : string = element.parentElement.parentElement.parentElement.getAttribute("rel");
-								const calendar_id : _dali.type_calendar_id = class_widget_sources.id_decode(key_encoded);
-								const entry : type_entry = data.get(calendar_id);
-								this.action_open(entry);
+								if ((event.target as Element).classList.contains("sources-entry-visibility"))
+								{
+									// do nothing
+								}
+								else
+								{
+									const key_encoded : string = element.getAttribute("rel");
+									const calendar_id : _dali.type_calendar_id = class_widget_sources.id_decode(key_encoded);
+									const entry : type_entry = data.get(calendar_id);
+									this.action_select(entry);
+								}
 							}
 						);
 					}

source/widgets/sources/style.css

@@ -0,0 +1,36 @@
+.sources
+{
+	font-size: 0.75em;
+}
+
+.sources:not(.sources-priviliged) > .sources-create
+{
+	display: none;
+}
+
+.sources-create
+{
+	margin-left: 8px;
+}
+
+.sources-entries
+{
+	margin: 0;
+	padding: 0;
+	list-style-type: none;
+}
+
+.sources-entry
+{
+	margin: 8px;
+	padding: 4px;
+	
+	cursor: pointer;
+}
+
+/*
+.sources-entry-hidden
+{
+	filter: saturate(0);
+}
+ */

source/widgets/sources/templates/entry.html.tpl

@@ -1,11 +1,4 @@
-			<li class="sources-entry" style="background-color: {{color_head}}" rel="{{rel}}">
-				<div class="sources-entry-head">
-					<span>{{name}}</span>
-				</div>
-				<div class="sources-entry-body" style="background-color: {{color_body}}">
-					<ul>
-						<li class="sources-entry-action sources-entry-toggle">{{label_toggle}}</li>
-						<li class="sources-entry-action sources-entry-edit">{{label_edit}}</li>
-					</ul>
-				</div>
+			<li class="sources-entry" style="background-color: {{color}}" rel="{{rel}}">
+				<input class="sources-entry-visibility" type="checkbox" checked="checked"/>
+				<span class="sources-entry-name">{{name}}</span>
 			</li>

source/widgets/special_number_input/logic.ts

@@ -0,0 +1,167 @@
+/*
+This file is part of »dali«.
+
+Copyright 2025 'kcf' <fenris@folksprak.org>
+
+»dali« is free software: you can redistribute it and/or modify
+it under the terms of the GNU Lesser General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+»dali« 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 Lesser General Public License for more details.
+
+You should have received a copy of the GNU Lesser General Public License
+along with »dali«. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+
+namespace _dali.widgets
+{
+	
+	/**
+	 */
+	export class class_widget_special_number_input
+		implements lib_plankton.zoo_widget.interface_widget
+	{
+		
+		/**
+		 */
+		private action_change : ((int) => Promise<void>);
+		
+		
+		/**
+		 */
+		private label : (null | string);
+		
+		
+		/**
+		 */
+		private minimum : (null | int);
+		
+		
+		/**
+		 */
+		private maximum : (null | int);
+		
+		
+		/**
+		 */
+		private value : int;
+		
+		
+		/**
+		 */
+		public constructor(
+			{
+				"label": label = null,
+				"minimum": minimum = null,
+				"maximum": maximum = null,
+				"initial_value": initial_value = 0,
+				"action_change": action_change = ((value) => Promise.resolve<void>(undefined)),
+			}
+			:
+			{
+				label ?: (null | string);
+				minimum ?: (null | int);
+				maximum ?: (null | int);
+				initial_value ?: int;
+				action_change ?: ((int) => Promise<void>);
+			}
+			=
+			{
+			}
+		)
+		{
+			this.label = label;
+			this.minimum = minimum;
+			this.maximum = maximum;
+			this.value = initial_value;
+			this.action_change = action_change;
+		}
+		
+		
+		/**
+		 * [implementation]
+		 */
+		public async load(
+			target_element : HTMLElement
+		)
+		: Promise<void>
+		{
+			const dom_root = await _dali.helpers.element_from_template(
+				"widget-special_number_input",
+				"main",
+				{
+					"label": this.label,
+				}
+			);
+			
+			const dom_input : HTMLInputElement = (dom_root.querySelector(".widget-special_number_input-input") as HTMLInputElement);
+			
+			// listeners
+			{
+				dom_input.addEventListener(
+					"change",
+					() => {
+						const value : int = parseInt(dom_input.value);
+						if (
+							((this.minimum === null) || (value >= this.minimum))
+							&&
+							((this.maximum === null) || (value <= this.maximum))
+						)
+						{
+							this.value = value;
+							this.action_change(this.value);
+						}
+						else
+						{
+							// do nothing
+						}
+					}
+				);
+				dom_root.querySelector(".widget-special_number_input-prev").addEventListener(
+					"click",
+					() => {
+						if ((this.minimum === null) || (this.value > this.minimum))
+						{
+							this.value -= 1;
+							dom_input.value = this.value.toFixed(0);
+							this.action_change(this.value);
+						}
+						else
+						{
+							// do nothing
+						}
+					}
+				);
+				dom_root.querySelector(".widget-special_number_input-next").addEventListener(
+					"click",
+					() => {
+						if ((this.maximum === null) || (this.value < this.maximum))
+						{
+							this.value += 1;
+							dom_input.value = this.value.toFixed(0);
+							this.action_change(this.value);
+						}
+						else
+						{
+							// do nothing
+						}
+					}
+				);
+			}
+			
+			// content
+			{
+				dom_input.value = this.value.toFixed(0);
+			}
+			
+			target_element.appendChild(dom_root);
+		}
+		
+	}
+
+}

source/widgets/special_number_input/style.css

@@ -0,0 +1,34 @@
+.widget-special_number_input-controls
+{
+	white-space: nowrap;
+}
+
+.widget-special_number_input-controls > *
+{
+	display: inline-block;
+}
+
+.widget-special_number_input-button
+{
+	padding: 4px 4px;
+	margin: 0;
+	
+	cursor: pointer;
+}
+
+.widget-special_number_input-label
+{
+	display: block;
+	
+	font-size: 0.75em;
+	/*
+	text-transform: uppercase;
+	 */
+}
+
+.widget-special_number_input-input
+{
+	max-width: 40px;
+	margin: 0;
+	text-align: center;
+}

source/widgets/special_number_input/templates/main.html.tpl

@@ -0,0 +1,8 @@
+			<div class="widget-special_number_input">
+				<label class="widget-special_number_input-label">{{label}}</label>
+				<div class="widget-special_number_input-controls">
+					<div class="widget-special_number_input-button widget-special_number_input-prev">&#x25C2;</div>
+					<input type="text" class="widget-special_number_input-input" pattern="-?[0-9]+"/>
+					<div class="widget-special_number_input-button widget-special_number_input-next">&#x25B8;</div>
+				</div>
+			</div>

source/widgets/weekview/logic.ts

@@ -1,19 +1,26 @@
-namespace _dali.widgets.weekview
+/*
+This file is part of »dali«.
+
+Copyright 2025 'kcf' <fenris@folksprak.org>
+
+»dali« is free software: you can redistribute it and/or modify
+it under the terms of the GNU Lesser General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+»dali« 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 Lesser General Public License for more details.
+
+You should have received a copy of the GNU Lesser General Public License
+along with »dali«. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+
+namespace _dali.widgets
 {
 	
-	/**
-	 */
-	type type_entry = {
-		key : _dali.type_event_key;
-		calendar_id : _dali.type_calendar_id;
-		calendar_name : string;
-		hue : float;
-		access_level : _dali.enum_access_level;
-		event_id : (null | _dali.type_local_resource_event_id);
-		event_object : _dali.type_event_object;
-	};
-	
-	
 	/**
 	 */
 	type type_get_entries = (
@@ -23,13 +30,14 @@ namespace _dali.widgets.weekview
 			calendar_ids : Array<_dali.type_calendar_id>
 		)
 		=>
-		Promise<Array<type_entry>>
+		Promise<Array<_dali.type_event_object_extended>>
 	);
 	
 	
 	/**
 	 */
-	export class class_widget_weekview implements lib_plankton.zoo_widget.interface_widget
+	export class class_widget_weekview
+		implements lib_plankton.zoo_widget.interface_widget
 	{
 		
 		/**
@@ -62,6 +70,12 @@ namespace _dali.widgets.weekview
 		);
 		
 		
+		/**
+		 * [state]
+		 */
+		private vertical : boolean;
+		
+		
 		/**
 		 * [state]
 		 */
@@ -105,6 +119,7 @@ namespace _dali.widgets.weekview
 			{
 				"action_select_day": action_select_day = ((date) => {}),
 				"action_select_event": action_select_event = ((event_key) => {}),
+				"vertical": vertical = false,
 				"initial_year": initial_year = null,
 				"initial_week": initial_week = null,
 				"initial_count": initial_count = 5,
@@ -125,6 +140,7 @@ namespace _dali.widgets.weekview
 					=>
 					void
 				);
+				vertical ?: boolean;
 				initial_year ?: (null | int);
 				initial_week ?: (null | int);
 				initial_count ?: int;
@@ -142,6 +158,7 @@ namespace _dali.widgets.weekview
 			
 			// state
 			const ywd_now : lib_plankton.pit.type_ywd = lib_plankton.pit.to_ywd(lib_plankton.pit.now());
+			this.vertical = vertical;
 			this.year = (
 				initial_year
 				??
@@ -174,8 +191,9 @@ namespace _dali.widgets.weekview
 		 * @todo sha256 hash?
 		 */
 		private static entry_hash(
-			entry : type_entry
-		) : string
+			entry : _dali.type_event_object_extended
+		)
+		: string
 		{
 			return lib_plankton.call.convey(
 				{
@@ -197,7 +215,8 @@ namespace _dali.widgets.weekview
 		private static event_generate_tooltip(
 			calendar_name : string,
 			event_object : _dali.type_event_object
-		) : string
+		)
+		: string
 		{
 			return (
 				lib_plankton.string.coin(
@@ -303,7 +322,7 @@ namespace _dali.widgets.weekview
 			{
 			}
 		)
-		: Promise<Array<type_entry>>
+		: Promise<Array<_dali.type_event_object_extended>>
 		{
 			const entries = await this.get_entries(
 				lib_plankton.pit.from_ywd(
@@ -342,8 +361,9 @@ namespace _dali.widgets.weekview
 		/**
 		 */
 		private async entry_insert(
-			entry : type_entry
-		) : Promise<(null | HTMLElement)>
+			entry : _dali.type_event_object_extended
+		)
+		: Promise<(null | HTMLElement)>
 		{
 			const selector : string = lib_plankton.string.coin(
 				".weekview-cell[rel=\"{{rel}}\"] > .weekview-events",
@@ -364,30 +384,11 @@ namespace _dali.widgets.weekview
 			}
 			else
 			{
-				let dom_dummy : HTMLElement = document.createElement("div");
-				dom_dummy.innerHTML = await _dali.helpers.template_coin(
+				const dom_entry = await _dali.helpers.element_from_template(
 					"widget-weekview",
 					"tableview-cell-entry",
 					{
-						"color": lib_plankton.color.output_hex(
-							lib_plankton.color.make_hsv(
-								{
-									"hue": entry.hue,
-									/**
-									 * @todo as constant
-									 */
-									"saturation": 0.375,
-									/**
-									 * @todo as constant
-									 */
-									"value": 0.375,
-								}
-							)
-						),
-						"title": class_widget_weekview.event_generate_tooltip(
-							entry.calendar_name,
-							entry.event_object
-						),
+						"color": _dali.helpers.event_color(entry.hue),
 						"name": entry.event_object.name,
 						"rel": entry.key,
 						"additional_classes": lib_plankton.string.coin(
@@ -398,7 +399,6 @@ namespace _dali.widgets.weekview
 						),
 					}
 				);
-				const dom_entry : HTMLElement = dom_dummy.querySelector(".weekview-event_entry");
 				
 				// listener
 				dom_entry.addEventListener(
@@ -423,8 +423,9 @@ namespace _dali.widgets.weekview
 		/**
 		 */
 		private async entry_add(
-			entry : type_entry
-		) : Promise<void>
+			entry : _dali.type_event_object_extended
+		)
+		: Promise<void>
 		{
 			const dom_entry : (null | HTMLElement) = await this.entry_insert(entry);
 			if (dom_entry === null)
@@ -448,8 +449,9 @@ namespace _dali.widgets.weekview
 		 */
 		private async entry_update(
 			key : _dali.type_event_key,
-			entry : type_entry
-		) : Promise<void>
+			entry : _dali.type_event_object_extended
+		)
+		: Promise<void>
 		{
 			if (! this.event_map.has(key))
 			{
@@ -505,7 +507,8 @@ namespace _dali.widgets.weekview
 		 */
 		private async entry_remove(
 			key : _dali.type_event_key
-		) : Promise<void>
+		)
+		: Promise<void>
 		{
 			if (! this.event_map.has(key))
 			{
@@ -534,14 +537,15 @@ namespace _dali.widgets.weekview
 		/**
 		 */
 		public async update_entries(
-		) : Promise<void>
+		)
+		: Promise<void>
 		{
-			const entries : Array<type_entry> = await this.get_entries_wrapped(
+			const entries : Array<_dali.type_event_object_extended> = await this.get_entries_wrapped(
 			);
 			
 			const contrast = lib_plankton.list.contrast<
 				any,
-				type_entry
+				_dali.type_event_object_extended
 			>(
 				lib_plankton.map.dump(this.event_map),
 				pair => pair.key,
@@ -572,22 +576,11 @@ namespace _dali.widgets.weekview
 		}
 		
 		
-		/**
-		 */
-		private async update_controls(
-		) : Promise<void>
-		{
-			const context : Element = this.container;
-			(context.querySelector(".weekview-control-year > input") as HTMLInputElement).value = this.year.toFixed(0);
-			(context.querySelector(".weekview-control-week > input") as HTMLInputElement).value = this.week.toFixed(0);
-			(context.querySelector(".weekview-control-count > input") as HTMLInputElement).value = this.count.toFixed(0);
-		}
-		
-		
 		/**
 		 */
 		private async update_table(
-		) : Promise<void>
+		)
+		: Promise<void>
 		{
 			/**
 			 * @todo avoid?
@@ -596,6 +589,13 @@ namespace _dali.widgets.weekview
 			const context : Element = this.container;
 			// structure
 			{
+				type type_row_data = Array<
+					{
+						week : int;
+						day_pits : Array<lib_plankton.pit.type_pit>;
+					}
+				>;
+				
 				/**
 				 * @todo als Variable?
 				 */
@@ -603,127 +603,194 @@ namespace _dali.widgets.weekview
 				const now_pit : lib_plankton.pit.type_pit = lib_plankton.pit.now();
 				const today_begin_pit : lib_plankton.pit.type_pit = lib_plankton.pit.trunc_day(now_pit);
 				const today_end_pit : lib_plankton.pit.type_pit = lib_plankton.pit.shift_day(today_begin_pit, 1);
-				const row_data : Array<
-					{
-						week : int;
-						data : Array<
-							{
-								pit : lib_plankton.pit.type_pit;
-								today : boolean;
-							}
-						>;
-					}
-				> = (
+				const day_names : Array<string> = [
+					lib_plankton.translate.get("common.weekday.monday"),
+					lib_plankton.translate.get("common.weekday.tuesday"),
+					lib_plankton.translate.get("common.weekday.wednesday"),
+					lib_plankton.translate.get("common.weekday.thursday"),
+					lib_plankton.translate.get("common.weekday.friday"),
+					lib_plankton.translate.get("common.weekday.saturday"),
+					lib_plankton.translate.get("common.weekday.sunday"),
+				];
+				const row_data_original : type_row_data = (
 					lib_plankton.list.sequence(this.count)
 					.map(
 						offset => {
 							const week : int = (this.week + offset);
 							return {
 								"week": week,
-								"data": (
+								"day_pits": (
 									lib_plankton.list.sequence(7)
 									.map(
-										day => {
-											const day_pit : lib_plankton.pit.type_pit = lib_plankton.pit.from_ywd(
-												{
-													"year": this.year,
-													"week": week,
-													"day": (day + 1),
-												},
-												{
-													"timezone_shift": timezone_shift,
-												}
-											);
-											return {
-												"pit": day_pit,
-												"today": lib_plankton.pit.is_between(
-													day_pit,
-													today_begin_pit,
-													today_end_pit
-												),
-											};
-										}
+										day => lib_plankton.pit.from_ywd(
+											{
+												"year": this.year,
+												"week": week,
+												"day": (1 + day),
+											},
+											{
+												"timezone_shift": timezone_shift,
+											}
+										)
 									)
 								),
 							};
 						}
 					)
 				);
-				context.querySelector(".weekview-table tbody").innerHTML = (
-					await _dali.helpers.promise_row<string>(
-						row_data
-						.map(
-							(row) => async () => _dali.helpers.template_coin(
-								"widget-weekview",
-								"tableview-row",
-								{
-									"week": row.week.toFixed(0).padStart(2, "0"),
-									"cells": (
-										await _dali.helpers.promise_row<string>(
-											row.data
-											.map(
-												(cell) => async () => _dali.helpers.template_coin(
-													"widget-weekview",
-													"tableview-cell",
-													{
-														"extra_classes": (
-															[""]
-															.concat(cell.today ? ["weekview-cell-today"] : [])
-															.join(" ")
-														),
-														"title": lib_plankton.call.convey(
-															cell.pit,
-															[
-																lib_plankton.pit.to_datetime_ce,
-																(x : lib_plankton.pit.type_datetime) => lib_plankton.string.coin(
+				const row_data_alternative : type_row_data = (
+					lib_plankton.list.sequence(7)
+					.map(
+						day_of_week => {
+							return {
+								/*"day_of_week"*/"week": day_of_week,
+								/*"week_pits"*/"day_pits": (
+									lib_plankton.list.sequence(this.count)
+									.map(
+										offset => {
+											const week : int = (this.week + offset);
+											return lib_plankton.pit.from_ywd(
+												{
+													"year": this.year,
+													"week": week,
+													"day": (1 + day_of_week),
+												},
+												{
+													"timezone_shift": timezone_shift,
+												}
+											);
+										}
+									)
+								)
+							};
+						}
+					)
+				);
+				const row_data : type_row_data = (
+					(! this.vertical)
+					?
+					row_data_original
+					:
+					row_data_alternative
+				);
+				// head
+				{
+					const dom_tr = document.createElement("tr");
+					{
+						if (! this.vertical)
+						{
+							// anchor
+							{
+								const dom_th = document.createElement("th");
+								dom_th.classList.add("weekview-cell");
+								dom_tr.appendChild(dom_th);
+							}
+							// days
+							{
+								day_names.forEach(
+									(day_name) => {
+										const dom_th = document.createElement("th");
+										dom_th.classList.add("weekview-cell");
+										dom_th.classList.add("weekview-cell-week");
+										dom_th.textContent = day_name;
+										dom_tr.appendChild(dom_th);
+									}
+								);
+							}
+						}
+						else
+						{
+							// anchor
+							{
+								const dom_th = document.createElement("th");
+								dom_th.classList.add("weekview-cell");
+								dom_tr.appendChild(dom_th);
+							}
+							// days
+							{
+								lib_plankton.list.sequence(this.count).forEach(
+									(offset) => {
+										const dom_th = document.createElement("th");
+										dom_th.classList.add("weekview-cell");
+										dom_th.classList.add("weekview-cell-day");
+										dom_th.textContent = (this.week + offset).toFixed(0).padStart(2, "0");
+										dom_tr.appendChild(dom_th);
+									}
+								);
+							}
+						}
+					}
+					context.querySelector(".weekview-table thead").innerHTML = "";
+					context.querySelector(".weekview-table thead").appendChild(dom_tr);
+				}
+				// body
+				{
+					context.querySelector(".weekview-table tbody").innerHTML = (
+						await _dali.helpers.promise_row<string>(
+							row_data
+							.map(
+								(row, index) => async () => _dali.helpers.template_coin(
+									"widget-weekview",
+									"tableview-row",
+									{
+										"week": (
+											(! this.vertical)
+											?
+											row.week.toFixed(0).padStart(2, "0")
+											:
+											day_names[index]
+										),
+										"cells": (
+											await _dali.helpers.promise_row<string>(
+												row.day_pits
+												.map(
+													(day_pit) => async () => {
+														const is_today : boolean = lib_plankton.pit.is_between(
+															day_pit,
+															today_begin_pit,
+															today_end_pit
+														);
+														const day_as_date : lib_plankton.pit.type_date = lib_plankton.pit.to_datetime_ce(day_pit).date;
+														const day_as_ywd : lib_plankton.pit.type_ywd = lib_plankton.pit.to_ywd(day_pit);
+														return _dali.helpers.template_coin(
+															"widget-weekview",
+															"tableview-cell",
+															{
+																"extra_classes": (
+																	[""]
+																	.concat(is_today ? ["weekview-cell-today"] : [])
+																	.join(" ")
+																),
+																"day": (
+																	_dali.conf.get().misc.weekview_cell_day_format
+																	.replace(new RegExp("Y", "g"), day_as_date.year.toFixed(0).padStart(4, "0"))
+																	.replace(new RegExp("m", "g"), day_as_date.month.toFixed(0).padStart(2, "0"))
+																	.replace(new RegExp("b", "g"), _dali.helpers.month_name(day_as_date.month))
+																	.replace(new RegExp("d", "g"), day_as_date.day.toFixed(0).padStart(2, "0"))
+																	.replace(new RegExp("W", "g"), day_as_ywd.week.toFixed(0).padStart(2, "0"))
+																	.replace(new RegExp("w", "g"), day_as_ywd.day.toFixed(0).padStart(1, "0"))
+																),
+																"rel": lib_plankton.string.coin(
 																	"{{year}}-{{month}}-{{day}}",
 																	{
-																		"year": x.date.year.toFixed(0).padStart(4, "0"),
-																		"month": x.date.month.toFixed(0).padStart(2, "0"),
-																		"day": x.date.day.toFixed(0).padStart(2, "0"),
+																		"year": day_as_date.year.toFixed(0).padStart(4, "0"),
+																		"month": day_as_date.month.toFixed(0).padStart(2, "0"),
+																		"day": day_as_date.day.toFixed(0).padStart(2, "0"),
 																	}
 																),
-															]
-														),
-														"day": lib_plankton.call.convey(
-															cell.pit,
-															[
-																lib_plankton.pit.to_datetime_ce,
-																(x : lib_plankton.pit.type_datetime) => lib_plankton.string.coin(
-																	"{{day}}",
-																	{
-																		"year": x.date.year.toFixed(0).padStart(4, "0"),
-																		"month": x.date.month.toFixed(0).padStart(2, "0"),
-																		"day": x.date.day.toFixed(0).padStart(2, "0"),
-																	}
-																),
-															]
-														),
-														"rel": lib_plankton.call.convey(
-															cell.pit,
-															[
-																lib_plankton.pit.to_datetime_ce,
-																(x : lib_plankton.pit.type_datetime) => lib_plankton.string.coin(
-																	"{{year}}-{{month}}-{{day}}",
-																	{
-																		"year": x.date.year.toFixed(0).padStart(4, "0"),
-																		"month": x.date.month.toFixed(0).padStart(2, "0"),
-																		"day": x.date.day.toFixed(0).padStart(2, "0"),
-																	}
-																)
-															]
-														),
-														"entries": ""
+																"entries": ""
+															}
+														);
 													}
 												)
 											)
-										)
-									).join(""),
-								}
+										).join(""),
+									}
+								)
 							)
 						)
-					)
-				).join("");
+					).join("");
+				}
 			}
 			// listeners
 			{
@@ -732,7 +799,11 @@ namespace _dali.widgets.weekview
 						element.addEventListener(
 							"click",
 							(event) => {
-								if (! (element === event.target))
+								if (
+									(! (element === event.target))
+									&&
+									(! (event.target as HTMLElement).classList.contains("weekview-day"))
+								)
 								{
 									// do nothing
 								}
@@ -769,7 +840,8 @@ namespace _dali.widgets.weekview
 			=
 			{
 			}
-		) : void
+		)
+		: void
 		{
 			this.container.querySelectorAll(".weekview-event_entry").forEach(
 				(element) => {
@@ -782,7 +854,10 @@ namespace _dali.widgets.weekview
 					}
 					else
 					{
-						element.classList.toggle("weekview-cell-hidden", mode ?? undefined);
+						element.classList.toggle(
+							"weekview-cell-hidden",
+							((mode !== null) ? (! mode) : undefined)
+						);
 					}
 				}
 			);
@@ -794,62 +869,97 @@ namespace _dali.widgets.weekview
 		 */
 		public async load(
 			target_element : Element
-		) : Promise<void>
+		)
+		: Promise<void>
 		{
 			target_element.innerHTML = await _dali.helpers.template_coin(
 				"widget-weekview",
 				"main",
 				{
-					"label_control_year": lib_plankton.translate.get("widget.weekview.controls.year"),
-					"label_control_week": lib_plankton.translate.get("widget.weekview.controls.week"),
-					"label_control_count": lib_plankton.translate.get("widget.weekview.controls.count"),
-					"label_control_apply": lib_plankton.translate.get("widget.weekview.controls.apply"),
-					"label_weekday_monday": lib_plankton.translate.get("common.weekday.monday"),
-					"label_weekday_tuesday": lib_plankton.translate.get("common.weekday.tuesday"),
-					"label_weekday_wednesday": lib_plankton.translate.get("common.weekday.wednesday"),
-					"label_weekday_thursday": lib_plankton.translate.get("common.weekday.thursday"),
-					"label_weekday_friday": lib_plankton.translate.get("common.weekday.friday"),
-					"label_weekday_saturday": lib_plankton.translate.get("common.weekday.saturday"),
-					"label_weekday_sunday": lib_plankton.translate.get("common.weekday.sunday"),
 				}
 			);
-			this.container = target_element.querySelector(".weekview");
-			// controls
+			// control:year
 			{
-				[
+				const widget : lib_plankton.zoo_widget.interface_widget = new _dali.widgets.class_widget_special_number_input(
 					{
-						"name": "year",
-						"transform": parseInt,
-						"write": x => {this.year = x;}
-					},
-					{
-						"name": "week",
-						"transform": parseInt,
-						"write": x => {this.week = x;}
-					},
-					{
-						"name": "count",
-						"transform": parseInt,
-						"write": x => {this.count = x;}
-					},
-				].forEach(
-					(entry) => {
-						const selector : string = (".weekview-control-" + entry.name + " > input");
-						const element : HTMLInputElement = (target_element.querySelector(selector) as HTMLInputElement);
-						element.addEventListener(
-							"change",
-							async (event) => {
-								event.preventDefault();
-								const value : int = entry.transform(element.value);
-								entry.write(value);
-								await this.update_table();
-								await this.update_entries();
-							}
-						);
+						"label": lib_plankton.translate.get("widget.weekview.controls.year"),
+						"minimum": 1900,
+						"maximum": 2500,
+						"initial_value": this.year,
+						"action_change": async (value) => {
+							this.year = value;
+							await this.update_table();
+							await this.update_entries();
+						},
 					}
 				);
+				await widget.load(target_element.querySelector(".weekview-controls"));
 			}
-			await this.update_controls();
+			// control:week
+			{
+				const widget : lib_plankton.zoo_widget.interface_widget = new _dali.widgets.class_widget_special_number_input(
+					{
+						"label": lib_plankton.translate.get("widget.weekview.controls.week"),
+						"minimum": 1,
+						/**
+						 * @todo correct
+						 */
+						"maximum": 53,
+						"initial_value": this.week,
+						"action_change": async (value) => {
+							this.week = value;
+							await this.update_table();
+							await this.update_entries();
+						},
+					}
+				);
+				await widget.load(target_element.querySelector(".weekview-controls"));
+			}
+			// control:count
+			/*
+			{
+				const widget : lib_plankton.zoo_widget.interface_widget = new _dali.widgets.class_widget_special_number_input(
+					{
+						"label": lib_plankton.translate.get("widget.weekview.controls.count"),
+						"minimum": 2,
+						"maximum": 6,
+						"initial_value": this.count,
+						"action_change": async (value) => {
+							this.count = value;
+							await this.update_table();
+							await this.update_entries();
+						},
+					}
+				);
+				await widget.load(target_element.querySelector(".weekview-controls"));
+			}
+			 */
+			// control:vertical
+			{
+				const dom_control = await _dali.helpers.element_from_template(
+					"widget-weekview",
+					"control-vertical",
+					{
+						"label": lib_plankton.translate.get("widget.weekview.controls.vertical"),
+					}
+				);
+				const dom_input : HTMLInputElement = (dom_control.querySelector("input") as HTMLInputElement);
+				dom_input.addEventListener(
+					"change",
+					async () => {
+						event.preventDefault();
+						const value : boolean = dom_input.checked;
+						this.vertical = value;
+						await this.update_table();
+						await this.update_entries();
+					}
+				);
+				dom_input.checked = this.vertical;
+				target_element.querySelector(".weekview-controls").appendChild(dom_control);
+			}
+			
+			this.container = target_element.querySelector(".weekview");
+			
 			await this.update_table();
 			await this.update_entries();
 			

source/widgets/weekview/style.css

@@ -1,12 +1,32 @@
 .weekview-controls
 {
+	display: flex;
+	flex-direction: row;
+	flex-wrap: nowrap;
+	justify-content: right;
+	
 	margin-bottom: 12px;
+	
 	text-align: center;
 }
 
-.weekview-control
+.weekview-controls > *
 {
-	margin: 0 12px;
+	flex-basis: 0;
+	flex-grow: 0;
+	flex-shrink: 1;
+	
+	margin: 0 0 0 16px;
+}
+
+.weekview-control-label
+{
+	display: block;
+	
+	font-size: 0.75em;
+	/*
+	text-transform: uppercase;
+	 */
 }
 
 .weekview-table table
@@ -24,18 +44,21 @@
 
 .weekview-cell-day
 {
+	/* todo */
 	width: 13.5%;
 }
 
 .weekview-cell-week
 {
+	/* todo */
 	width: 5.5%;
 }
 
 .weekview-cell-regular
 {
+	/* todo */
 	width: 13.5%;
-	height: 120px;
+	height: 100px;
 	
 	cursor: copy;
 }
@@ -53,12 +76,12 @@
 .weekview-day
 {
 	font-size: 0.75em;
-	cursor: help;
 }
 
 .weekview-events
 {
-	margin: 0; padding: 0;
+	margin: 0;
+	padding: 0;
 	list-style-type: none;
 }
 

source/widgets/weekview/templates/control-vertical.html.tpl

@@ -0,0 +1,6 @@
+			<div class="weekview-control weekview-control-vertical">
+				<label class="weekview-control-label">{{label}}</label>
+				<div class="weekview-control-input">
+					<input type="checkbox"/>
+				</div>
+			</div>

source/widgets/weekview/templates/main.html.tpl

@@ -1,31 +1,9 @@
 	<div class="weekview">
 		<div class="weekview-controls">
-			<label class="weekview-control weekview-control-year">
-				<span>{{label_control_year}}</span>
-				<input type="number"/>
-			</label>
-			<label class="weekview-control weekview-control-week">
-				<span>{{label_control_week}}</span>
-				<input type="number"/>
-			</label>
-			<label class="weekview-control weekview-control-count">
-				<span>{{label_control_count}}</span>
-				<input type="number"/>
-			</label>
 		</div>
 		<div class="weekview-table">
 			<table>
 				<thead>
-					<tr>
-						<th class="calendar-cell"></th>
-						<th class="calendar-cell calendar-cell-day">{{label_weekday_monday}}</th>
-						<th class="calendar-cell calendar-cell-day">{{label_weekday_tuesday}}</th>
-						<th class="calendar-cell calendar-cell-day">{{label_weekday_wednesday}}</th>
-						<th class="calendar-cell calendar-cell-day">{{label_weekday_thursday}}</th>
-						<th class="calendar-cell calendar-cell-day">{{label_weekday_friday}}</th>
-						<th class="calendar-cell calendar-cell-day">{{label_weekday_saturday}}</th>
-						<th class="calendar-cell calendar-cell-day">{{label_weekday_sunday}}</th>
-					</tr>
 				</thead>
 				<tbody>
 				</tbody>

source/widgets/weekview/templates/tableview-cell-entry.html.tpl

@@ -1,3 +1,3 @@
-						<li class="weekview-event_entry{{additional_classes}}" style="background-color: {{color}};" title="{{title}}" rel="{{rel}}">
+						<li class="weekview-event_entry{{additional_classes}}" style="background-color: {{color}};" rel="{{rel}}">
 							{{name}}
 						</li>

source/widgets/weekview/templates/tableview-cell.html.tpl

@@ -1,5 +1,5 @@
 				<td class="weekview-cell weekview-cell-regular{{extra_classes}}" rel="{{rel}}">
-					<span class="weekview-day" title="{{title}}">
+					<span class="weekview-day">
 						{{day}}
 					</span>
 					<ul class="weekview-events">

tools/build

@@ -24,16 +24,24 @@ def main():
 		metavar = "<conf-path>",
 		help = "conf path",
 	)
+	argument_parser.add_argument(
+		"-f",
+		"--force",
+		action = 'store_true',
+		default = False,
+		help = "force",
+	)
 	args = argument_parser.parse_args()
 	
 	## exec
 	targets = []
 	targets.append("default")
 	_os.system(
-		"make dir_build=%s --file=tools/makefile %s"
+		"make dir_build=%s --file=tools/makefile %s%s"
 		% (
 			args.output_directory,
 			" ".join(targets),
+			(" --always-make" if args.force else ""),
 		)
 	)
 	if True:

tools/make-index

@@ -31,14 +31,6 @@ def main(
 		dest = "index_template_path",
 		type = str,
 	)
-	argument_parser.add_argument(
-		"-t",
-		"--template",
-		dest = "template_paths",
-		type = str,
-		action = "append",
-		default = []
-	)
 	args = argument_parser.parse_args()
 	
 	## exec
@@ -46,12 +38,6 @@ def main(
 		string_coin(
 			file_read(args.index_template_path),
 			{
-				"templates": "".join(
-					map(
-						file_read,
-						args.template_paths
-					)
-				),
 			}
 		)
 	)

tools/makefile

@@ -26,91 +26,108 @@ ${dir_build}/index.html: \
 		${dir_source}/index.html.tpl
 	@ ${cmd_log} "index …"
 	@ ${cmd_mkdir} $(dir $@)
-	@ tools/make-index \
-		${dir_source}/index.html.tpl \
-		> $@
+	@ tools/make-index ${dir_source}/index.html.tpl > $@
 
 .PHONY: templates
 templates: \
-		templates-widgets-login \
+		templates-widgets-special_number_input \
+		templates-widgets-login_oidc \
+		templates-widgets-menu \
 		templates-widgets-sources \
-		templates-widgets-listview \
-		templates-widgets-weekview \
-		templates-widgets-mode_switcher \
 		templates-widgets-calendar_edit \
 		templates-widgets-event_edit \
-		templates-pages-caldav \
-		templates-pages-overview
+		templates-widgets-caldav \
+		templates-widgets-listview \
+		templates-widgets-weekview \
+		templates-widgets-overview \
+		templates-widgets-mode_switcher
 
-.PHONY: templates-widgets-login
-templates-widgets-login: \
-		$(wildcard ${dir_source}/widgets/login/templates/*)
-	@ ${cmd_log} "templates:widgets:login …"
-	@ ${cmd_mkdir} ${dir_build}/templates/widget-login
-	@ ${cmd_cp} -r -u -v ${dir_source}/widgets/login/templates/* ${dir_build}/templates/widget-login/
+.PHONY: templates-widgets-special_number_input
+templates-widgets-special_number_input: \
+		$(wildcard ${dir_source}/widgets/special_number_input/templates/*)
+	@ ${cmd_log} "templates:widget:special_number_input …"
+	@ ${cmd_mkdir} ${dir_build}/templates/widget-special_number_input
+	@ ${cmd_cp} -r -u -v ${dir_source}/widgets/special_number_input/templates/* ${dir_build}/templates/widget-special_number_input/
+
+.PHONY: templates-widgets-login_oidc
+templates-widgets-login_oidc: \
+		$(wildcard ${dir_source}/widgets/login_oidc/templates/*)
+	@ ${cmd_log} "templates:widget:login_oidc …"
+	@ ${cmd_mkdir} ${dir_build}/templates/widget-login_oidc
+	@ ${cmd_cp} -r -u -v ${dir_source}/widgets/login_oidc/templates/* ${dir_build}/templates/widget-login_oidc/
+
+.PHONY: templates-widgets-menu
+templates-widgets-menu: \
+		$(wildcard ${dir_source}/widgets/menu/templates/*)
+	@ ${cmd_log} "templates:widget:menu …"
+	@ ${cmd_mkdir} ${dir_build}/templates/widget-menu
+	@ ${cmd_cp} -r -u -v ${dir_source}/widgets/menu/templates/* ${dir_build}/templates/widget-menu/
 
 .PHONY: templates-widgets-sources
 templates-widgets-sources: \
 		$(wildcard ${dir_source}/widgets/sources/templates/*)
-	@ ${cmd_log} "templates:widgets:sources …"
+	@ ${cmd_log} "templates:widget:sources …"
 	@ ${cmd_mkdir} ${dir_build}/templates/widget-sources
 	@ ${cmd_cp} -r -u -v ${dir_source}/widgets/sources/templates/* ${dir_build}/templates/widget-sources/
 
+.PHONY: templates-widgets-calendar_edit
+templates-widgets-calendar_edit: \
+		$(wildcard ${dir_source}/widgets/calendar_edit/templates/*)
+	@ ${cmd_log} "templates:widget:calendar_edit …"
+	@ ${cmd_mkdir} ${dir_build}/templates/widget-calendar_edit
+	@ ${cmd_cp} -r -u -v ${dir_source}/widgets/calendar_edit/templates/* ${dir_build}/templates/widget-calendar_edit/
+
+.PHONY: templates-widgets-event_edit
+templates-widgets-event_edit: \
+		$(wildcard ${dir_source}/widgets/event_edit/templates/*)
+	@ ${cmd_log} "templates:widget:event_edit …"
+	@ ${cmd_mkdir} ${dir_build}/templates/widget-event_edit
+	@ ${cmd_cp} -r -u -v ${dir_source}/widgets/event_edit/templates/* ${dir_build}/templates/widget-event_edit/
+
+.PHONY: templates-widgets-caldav
+templates-widgets-caldav: \
+		$(wildcard ${dir_source}/widgets/caldav/templates/*)
+	@ ${cmd_log} "templates:widget:caldav …"
+	@ ${cmd_mkdir} ${dir_build}/templates/widget-caldav
+	@ ${cmd_cp} -r -u -v ${dir_source}/widgets/caldav/templates/* ${dir_build}/templates/widget-caldav/
+
 .PHONY: templates-widgets-listview
 templates-widgets-listview: \
 		$(wildcard ${dir_source}/widgets/listview/templates/*)
-	@ ${cmd_log} "templates:widgets:listview …"
+	@ ${cmd_log} "templates:widget:listview …"
 	@ ${cmd_mkdir} ${dir_build}/templates/widget-listview
 	@ ${cmd_cp} -r -u -v ${dir_source}/widgets/listview/templates/* ${dir_build}/templates/widget-listview/
 
 .PHONY: templates-widgets-weekview
 templates-widgets-weekview: \
 		$(wildcard ${dir_source}/widgets/weekview/templates/*)
-	@ ${cmd_log} "templates:widgets:weekview …"
+	@ ${cmd_log} "templates:widget:weekview …"
 	@ ${cmd_mkdir} ${dir_build}/templates/widget-weekview
 	@ ${cmd_cp} -r -u -v ${dir_source}/widgets/weekview/templates/* ${dir_build}/templates/widget-weekview/
 
+.PHONY: templates-widgets-overview
+templates-widgets-overview: \
+		$(wildcard ${dir_source}/widgets/overview/templates/*)
+	@ ${cmd_log} "templates:widget:overview …"
+	@ ${cmd_mkdir} ${dir_build}/templates/widget-overview
+	@ ${cmd_cp} -r -u -v ${dir_source}/widgets/overview/templates/* ${dir_build}/templates/widget-overview/
+
 .PHONY: templates-widgets-mode_switcher
 templates-widgets-mode_switcher: \
 		$(wildcard ${dir_source}/widgets/mode_switcher/templates/*)
-	@ ${cmd_log} "templates:widgets:mode_switcher …"
+	@ ${cmd_log} "templates:widget:mode_switcher …"
 	@ ${cmd_mkdir} ${dir_build}/templates/widget-mode_switcher
 	@ ${cmd_cp} -r -u -v ${dir_source}/widgets/mode_switcher/templates/* ${dir_build}/templates/widget-mode_switcher/
 
-.PHONY: templates-widgets-calendar_edit
-templates-widgets-calendar_edit: \
-		$(wildcard ${dir_source}/widgets/calendar_edit/templates/*)
-	@ ${cmd_log} "templates:widgets:calendar_edit …"
-	@ ${cmd_mkdir} ${dir_build}/templates/widget-calendar_edit
-	# @ ${cmd_cp} -r -u -v ${dir_source}/widgets/calendar_edit/templates/* ${dir_build}/templates/widget-calendar_edit/
-
-.PHONY: templates-widgets-event_edit
-templates-widgets-event_edit: \
-		$(wildcard ${dir_source}/pages/event_edit/templates/*)
-	@ ${cmd_log} "templates:widgets:event_edit …"
-	@ ${cmd_mkdir} ${dir_build}/templates/widget-event_edit
-	# @ ${cmd_cp} -r -u -v ${dir_source}/pages/event_edit/templates/* ${dir_build}/templates/widget-uevent_edit/
-
-.PHONY: templates-pages-caldav
-templates-pages-caldav: \
-		$(wildcard ${dir_source}/pages/caldav/templates/*)
-	@ ${cmd_log} "templates:caldav …"
-	@ ${cmd_mkdir} ${dir_build}/templates/caldav
-	@ ${cmd_cp} -r -u -v ${dir_source}/pages/caldav/templates/* ${dir_build}/templates/caldav/
-
-.PHONY: templates-pages-overview
-templates-pages-overview: \
-		$(wildcard ${dir_source}/pages/overview/templates/*)
-	@ ${cmd_log} "templates:overview …"
-	@ ${cmd_mkdir} ${dir_build}/templates/overview
-	@ ${cmd_cp} -r -u -v ${dir_source}/pages/overview/templates/* ${dir_build}/templates/overview/
-
 .PHONY: style
-style: \
-		$(wildcard ${dir_source}/style/*)
+style: ${dir_build}/style.css
+
+${dir_build}/style.css: \
+		$(wildcard ${dir_source}/style/*.css) \
+		$(wildcard ${dir_source}/widgets/*/style.css)
 	@ ${cmd_log} "style …"
 	@ ${cmd_mkdir} ${dir_build}
-	@ ${cmd_cat} ${dir_source}/style/* > ${dir_build}/style.css
+	@ ${cmd_cat} $^ > $@
 
 .PHONY: logic
 logic: ${dir_build}/logic.js
@@ -122,19 +139,9 @@ ${dir_temp}/logic-unlinked.js: \
 		${dir_source}/base.ts \
 		${dir_source}/types.ts \
 		${dir_source}/model.ts \
-		${dir_source}/helpers.ts \
-		${dir_source}/widgets/login/logic.ts \
-		${dir_source}/widgets/menu/logic.ts \
-		${dir_source}/widgets/sources/logic.ts \
-		${dir_source}/widgets/listview/logic.ts \
-		${dir_source}/widgets/weekview/logic.ts \
-		${dir_source}/widgets/mode_switcher/logic.ts \
-		${dir_source}/widgets/calendar_edit/logic.ts \
-		${dir_source}/widgets/event_edit/logic.ts \
 		${dir_source}/overlay.ts \
-		${dir_source}/pages/caldav/logic.ts \
-		${dir_source}/pages/oidc_finish/logic.ts \
-		${dir_source}/pages/overview/logic.ts \
+		${dir_source}/helpers.ts \
+		$(wildcard ${dir_source}/widgets/*/logic.ts) \
 		${dir_source}/main.ts
 	@ ${cmd_log} "logic | compile …"
 	@ ${cmd_mkdir} $(dir $@)