Compare commits
No commits in common. "main" and "dev-publicity_calendars" have entirely different histories.
main
...
dev-public
35 changed files with 835 additions and 1423 deletions
271
lib/plankton/plankton.d.ts
vendored
271
lib/plankton/plankton.d.ts
vendored
|
|
@ -1,11 +1,11 @@
|
||||||
/**
|
/**
|
||||||
* @author fenris
|
* @author fenris
|
||||||
*/
|
*/
|
||||||
declare type int = number;
|
type int = number;
|
||||||
/**
|
/**
|
||||||
* @author fenris
|
* @author fenris
|
||||||
*/
|
*/
|
||||||
declare type float = number;
|
type float = number;
|
||||||
declare class Buffer {
|
declare class Buffer {
|
||||||
constructor(x: string, modifier?: string);
|
constructor(x: string, modifier?: string);
|
||||||
toString(modifier?: string): string;
|
toString(modifier?: string): string;
|
||||||
|
|
@ -19,7 +19,7 @@ declare namespace lib_plankton.base {
|
||||||
/**
|
/**
|
||||||
* @author fenris
|
* @author fenris
|
||||||
*/
|
*/
|
||||||
declare type type_pseudopointer<type_value> = {
|
type type_pseudopointer<type_value> = {
|
||||||
value: type_value;
|
value: type_value;
|
||||||
};
|
};
|
||||||
/**
|
/**
|
||||||
|
|
@ -868,11 +868,33 @@ declare namespace lib_plankton.call {
|
||||||
fallback?: (null | ((coproduct?: type_coproduct) => type_output));
|
fallback?: (null | ((coproduct?: type_coproduct) => type_output));
|
||||||
}): type_output;
|
}): type_output;
|
||||||
/**
|
/**
|
||||||
|
* for rate_limit_check
|
||||||
|
*
|
||||||
|
* @author fenris
|
||||||
*/
|
*/
|
||||||
function try_catch_wrap<type_value>(get_value: (() => type_value)): {
|
type type_mana_snapshot = {
|
||||||
value: (null | type_value);
|
timestamp: float;
|
||||||
error: (null | any);
|
value: float;
|
||||||
};
|
};
|
||||||
|
/**
|
||||||
|
* rate limiting algorithm, based on the idea of mana (magic power) in video games:
|
||||||
|
* - an actor has a fixed mana capacity, i.e. the maximum amount of available power
|
||||||
|
* - an actor has a fixed rate of mana regeneration, i.e. how fast the power is filled up (linear growth)
|
||||||
|
* - an action has a defined mana heft, i.e. how much power is required and deducted in order to execute it
|
||||||
|
* - mana states are represented by snapshots, i.e. the amount of power at a certain point in time
|
||||||
|
*
|
||||||
|
* @author fenris
|
||||||
|
*/
|
||||||
|
function rate_limit_check(setup: {
|
||||||
|
capacity: float;
|
||||||
|
regeneration_rate: float;
|
||||||
|
get_snapshot: (() => Promise<(null | type_mana_snapshot)>);
|
||||||
|
set_snapshot: ((snapshot: type_mana_snapshot) => Promise<void>);
|
||||||
|
update_snapshot: ((timestamp: float, value_increment: float) => Promise<void>);
|
||||||
|
}, heft: float): Promise<{
|
||||||
|
granted: boolean;
|
||||||
|
seconds: (null | float);
|
||||||
|
}>;
|
||||||
}
|
}
|
||||||
declare namespace lib_plankton.file {
|
declare namespace lib_plankton.file {
|
||||||
/**
|
/**
|
||||||
|
|
@ -1803,7 +1825,7 @@ declare namespace lib_plankton.storage.memory {
|
||||||
clear(): Promise<void>;
|
clear(): Promise<void>;
|
||||||
write(key: any, value: any): Promise<boolean>;
|
write(key: any, value: any): Promise<boolean>;
|
||||||
delete(key: any): Promise<void>;
|
delete(key: any): Promise<void>;
|
||||||
read(key: any): Promise<type_item>;
|
read(key: any): Promise<Awaited<type_item>>;
|
||||||
search(term: any): Promise<{
|
search(term: any): Promise<{
|
||||||
key: string;
|
key: string;
|
||||||
preview: string;
|
preview: string;
|
||||||
|
|
@ -2973,10 +2995,6 @@ declare namespace lib_plankton.pit {
|
||||||
type type_pit = int;
|
type type_pit = int;
|
||||||
}
|
}
|
||||||
declare namespace lib_plankton.pit {
|
declare namespace lib_plankton.pit {
|
||||||
/**
|
|
||||||
* @todo complete
|
|
||||||
*/
|
|
||||||
function timezone_name_to_timezone_shift(timezone_name: string): int;
|
|
||||||
/**
|
/**
|
||||||
*/
|
*/
|
||||||
function date_object_get_week_of_year(date: Date): int;
|
function date_object_get_week_of_year(date: Date): int;
|
||||||
|
|
@ -2990,9 +3008,9 @@ declare namespace lib_plankton.pit {
|
||||||
*/
|
*/
|
||||||
function to_date_object(pit: type_pit): Date;
|
function to_date_object(pit: type_pit): Date;
|
||||||
/**
|
/**
|
||||||
* @todo test
|
* @todo timezone
|
||||||
*/
|
*/
|
||||||
function to_datetime(pit: type_pit, { timezone_shift, }?: {
|
function to_datetime(pit: type_pit, options?: {
|
||||||
timezone_shift?: int;
|
timezone_shift?: int;
|
||||||
}): type_datetime;
|
}): type_datetime;
|
||||||
/**
|
/**
|
||||||
|
|
@ -3030,60 +3048,6 @@ declare namespace lib_plankton.pit {
|
||||||
function to_ywd(pit: type_pit, options?: {
|
function to_ywd(pit: type_pit, options?: {
|
||||||
timezone_shift?: int;
|
timezone_shift?: int;
|
||||||
}): type_ywd;
|
}): type_ywd;
|
||||||
/**
|
|
||||||
* computes the point in time for switching to central european summer time
|
|
||||||
*
|
|
||||||
* @todo write tests
|
|
||||||
*/
|
|
||||||
function cest_switch_on(year: int): type_pit;
|
|
||||||
/**
|
|
||||||
* computes the point in time for switching away from central european summer time
|
|
||||||
*
|
|
||||||
* @todo write tests
|
|
||||||
*/
|
|
||||||
function cest_switch_off(year: int): type_pit;
|
|
||||||
/**
|
|
||||||
*/
|
|
||||||
function timezone_shift_ce(pit: type_pit): int;
|
|
||||||
/**
|
|
||||||
* [convenience]
|
|
||||||
*/
|
|
||||||
function to_datetime_ce(pit: type_pit): type_datetime;
|
|
||||||
/**
|
|
||||||
*/
|
|
||||||
function datetime_translate(datetime: type_datetime, timezone_shift: int): type_datetime;
|
|
||||||
/**
|
|
||||||
* [convenience]
|
|
||||||
*/
|
|
||||||
function datetime_translate_ce(datetime: type_datetime): type_datetime;
|
|
||||||
/**
|
|
||||||
*/
|
|
||||||
function timezone_shift_format(timezone_shift: int): string;
|
|
||||||
/**
|
|
||||||
*/
|
|
||||||
function date_format(date: type_date): string;
|
|
||||||
/**
|
|
||||||
*/
|
|
||||||
function time_format(time: type_time, { show_seconds, }?: {
|
|
||||||
show_seconds?: boolean;
|
|
||||||
}): string;
|
|
||||||
/**
|
|
||||||
* @todo show timezone
|
|
||||||
*/
|
|
||||||
function datetime_format(datetime: (null | type_datetime), { timezone_indicator, show_timezone, adjust_to_ce, omit_date, }?: {
|
|
||||||
timezone_indicator?: string;
|
|
||||||
show_timezone?: boolean;
|
|
||||||
adjust_to_ce?: boolean;
|
|
||||||
omit_date?: boolean;
|
|
||||||
}): string;
|
|
||||||
/**
|
|
||||||
*/
|
|
||||||
function timespan_format(from: type_datetime, to: (null | type_datetime), { timezone_indicator, show_timezone, adjust_to_ce, omit_date, }?: {
|
|
||||||
timezone_indicator?: string;
|
|
||||||
show_timezone?: boolean;
|
|
||||||
adjust_to_ce?: boolean;
|
|
||||||
omit_date?: boolean;
|
|
||||||
}): string;
|
|
||||||
}
|
}
|
||||||
declare namespace lib_plankton.www_form {
|
declare namespace lib_plankton.www_form {
|
||||||
/**
|
/**
|
||||||
|
|
@ -3602,55 +3566,6 @@ declare namespace lib_plankton.zoo_input {
|
||||||
write(value: string): Promise<void>;
|
write(value: string): Promise<void>;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
declare namespace lib_plankton.zoo_input {
|
|
||||||
/**
|
|
||||||
*/
|
|
||||||
type type_translations = {
|
|
||||||
add?: string;
|
|
||||||
remove?: string;
|
|
||||||
};
|
|
||||||
/**
|
|
||||||
* @author fenris
|
|
||||||
*/
|
|
||||||
export class class_input_list<type_element> implements interface_input<Array<type_element>> {
|
|
||||||
/**
|
|
||||||
*/
|
|
||||||
private element_input_factory;
|
|
||||||
/**
|
|
||||||
*/
|
|
||||||
private elements_container_dom;
|
|
||||||
/**
|
|
||||||
*/
|
|
||||||
private elements;
|
|
||||||
/**
|
|
||||||
*/
|
|
||||||
private translations;
|
|
||||||
/**
|
|
||||||
*/
|
|
||||||
constructor(element_input_factory: (() => interface_input<type_element>), options?: {
|
|
||||||
translations?: type_translations;
|
|
||||||
});
|
|
||||||
/**
|
|
||||||
*/
|
|
||||||
private clear;
|
|
||||||
/**
|
|
||||||
*/
|
|
||||||
private add;
|
|
||||||
/**
|
|
||||||
* [implementation]
|
|
||||||
*/
|
|
||||||
setup(parent: HTMLElement): Promise<void>;
|
|
||||||
/**
|
|
||||||
* [implementation]
|
|
||||||
*/
|
|
||||||
read(): Promise<Array<type_element>>;
|
|
||||||
/**
|
|
||||||
* [implementation]
|
|
||||||
*/
|
|
||||||
write(value: Array<type_element>): Promise<void>;
|
|
||||||
}
|
|
||||||
export {};
|
|
||||||
}
|
|
||||||
declare namespace lib_plankton.zoo_input {
|
declare namespace lib_plankton.zoo_input {
|
||||||
/**
|
/**
|
||||||
* @author fenris
|
* @author fenris
|
||||||
|
|
@ -3729,6 +3644,31 @@ declare namespace lib_plankton.zoo_input {
|
||||||
write(value: (null | lib_plankton.pit.type_time)): Promise<void>;
|
write(value: (null | lib_plankton.pit.type_time)): Promise<void>;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
declare namespace lib_plankton.zoo_input {
|
||||||
|
/**
|
||||||
|
*/
|
||||||
|
class class_input_datetime implements interface_input<lib_plankton.pit.type_datetime> {
|
||||||
|
/**
|
||||||
|
*/
|
||||||
|
private core;
|
||||||
|
/**
|
||||||
|
*/
|
||||||
|
constructor(options?: {
|
||||||
|
label_timezone_shift?: string;
|
||||||
|
label_date?: string;
|
||||||
|
label_time?: string;
|
||||||
|
});
|
||||||
|
/**
|
||||||
|
*/
|
||||||
|
setup(parent: HTMLElement): Promise<void>;
|
||||||
|
/**
|
||||||
|
*/
|
||||||
|
read(): Promise<lib_plankton.pit.type_datetime>;
|
||||||
|
/**
|
||||||
|
*/
|
||||||
|
write(value: lib_plankton.pit.type_datetime): Promise<void>;
|
||||||
|
}
|
||||||
|
}
|
||||||
declare namespace lib_plankton.zoo_input {
|
declare namespace lib_plankton.zoo_input {
|
||||||
/**
|
/**
|
||||||
* @author fenris
|
* @author fenris
|
||||||
|
|
@ -3759,6 +3699,55 @@ declare namespace lib_plankton.zoo_input {
|
||||||
write(value: type_record): Promise<void>;
|
write(value: type_record): Promise<void>;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
declare namespace lib_plankton.zoo_input {
|
||||||
|
/**
|
||||||
|
*/
|
||||||
|
type type_translations = {
|
||||||
|
add?: string;
|
||||||
|
remove?: string;
|
||||||
|
};
|
||||||
|
/**
|
||||||
|
* @author fenris
|
||||||
|
*/
|
||||||
|
export class class_input_list<type_element> implements interface_input<Array<type_element>> {
|
||||||
|
/**
|
||||||
|
*/
|
||||||
|
private element_input_factory;
|
||||||
|
/**
|
||||||
|
*/
|
||||||
|
private elements_container_dom;
|
||||||
|
/**
|
||||||
|
*/
|
||||||
|
private elements;
|
||||||
|
/**
|
||||||
|
*/
|
||||||
|
private translations;
|
||||||
|
/**
|
||||||
|
*/
|
||||||
|
constructor(element_input_factory: (() => interface_input<type_element>), options?: {
|
||||||
|
translations?: type_translations;
|
||||||
|
});
|
||||||
|
/**
|
||||||
|
*/
|
||||||
|
private clear;
|
||||||
|
/**
|
||||||
|
*/
|
||||||
|
private add;
|
||||||
|
/**
|
||||||
|
* [implementation]
|
||||||
|
*/
|
||||||
|
setup(parent: HTMLElement): Promise<void>;
|
||||||
|
/**
|
||||||
|
* [implementation]
|
||||||
|
*/
|
||||||
|
read(): Promise<Array<type_element>>;
|
||||||
|
/**
|
||||||
|
* [implementation]
|
||||||
|
*/
|
||||||
|
write(value: Array<type_element>): Promise<void>;
|
||||||
|
}
|
||||||
|
export {};
|
||||||
|
}
|
||||||
declare namespace lib_plankton.zoo_input {
|
declare namespace lib_plankton.zoo_input {
|
||||||
/**
|
/**
|
||||||
*/
|
*/
|
||||||
|
|
@ -3786,56 +3775,6 @@ declare namespace lib_plankton.zoo_input {
|
||||||
write(map: lib_plankton.map.type_map<type_key, type_value>): Promise<void>;
|
write(map: lib_plankton.map.type_map<type_key, type_value>): Promise<void>;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
declare namespace lib_plankton.zoo_input {
|
|
||||||
/**
|
|
||||||
*/
|
|
||||||
class class_input_datetime implements interface_input<lib_plankton.pit.type_datetime> {
|
|
||||||
/**
|
|
||||||
*/
|
|
||||||
private core;
|
|
||||||
/**
|
|
||||||
*/
|
|
||||||
constructor(options?: {
|
|
||||||
label_timezone_shift?: string;
|
|
||||||
label_date?: string;
|
|
||||||
label_time?: string;
|
|
||||||
});
|
|
||||||
/**
|
|
||||||
*/
|
|
||||||
setup(parent: HTMLElement): Promise<void>;
|
|
||||||
/**
|
|
||||||
*/
|
|
||||||
read(): Promise<lib_plankton.pit.type_datetime>;
|
|
||||||
/**
|
|
||||||
*/
|
|
||||||
write(value: lib_plankton.pit.type_datetime): Promise<void>;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
declare namespace lib_plankton.zoo_input {
|
|
||||||
/**
|
|
||||||
* for central europe with daylight saving time feature
|
|
||||||
*/
|
|
||||||
class class_input_datetime_central_europe implements interface_input<lib_plankton.pit.type_datetime> {
|
|
||||||
/**
|
|
||||||
*/
|
|
||||||
private core;
|
|
||||||
/**
|
|
||||||
*/
|
|
||||||
constructor(options?: {
|
|
||||||
label_date?: string;
|
|
||||||
label_time?: string;
|
|
||||||
});
|
|
||||||
/**
|
|
||||||
*/
|
|
||||||
setup(parent: HTMLElement): Promise<void>;
|
|
||||||
/**
|
|
||||||
*/
|
|
||||||
read(): Promise<lib_plankton.pit.type_datetime>;
|
|
||||||
/**
|
|
||||||
*/
|
|
||||||
write(value: lib_plankton.pit.type_datetime): Promise<void>;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
declare namespace lib_plankton.zoo_form {
|
declare namespace lib_plankton.zoo_form {
|
||||||
/**
|
/**
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load diff
|
|
@ -4,31 +4,17 @@
|
||||||
},
|
},
|
||||||
"tree": {
|
"tree": {
|
||||||
"common.timezone_shift": "Zeitzonen-Verschiebung",
|
"common.timezone_shift": "Zeitzonen-Verschiebung",
|
||||||
"common.timezone_indicator": "ZZ:",
|
|
||||||
"common.date": "Datum",
|
"common.date": "Datum",
|
||||||
"common.time": "Uhrzeit",
|
"common.time": "Uhrzeit",
|
||||||
"common.weekday.monday": "Mo",
|
|
||||||
"common.weekday.tuesday": "Di",
|
|
||||||
"common.weekday.wednesday": "Mi",
|
|
||||||
"common.weekday.thursday": "Do",
|
|
||||||
"common.weekday.friday": "Fr",
|
|
||||||
"common.weekday.saturday": "Sa",
|
|
||||||
"common.weekday.sunday": "So",
|
|
||||||
"common.open": "öffnen",
|
|
||||||
"common.edit": "bearbeiten",
|
|
||||||
"common.show": "zeigen",
|
|
||||||
"common.hide": "ausblenden",
|
|
||||||
"access_level.none": "nichts",
|
"access_level.none": "nichts",
|
||||||
"access_level.view": "nur lesen",
|
"access_level.view": "nur lesen",
|
||||||
"access_level.edit": "lesen und bearbeiten",
|
"access_level.edit": "lesen und bearbeiten",
|
||||||
"access_level.admin": "voll",
|
"access_level.admin": "voll",
|
||||||
"event.event": "Termin",
|
"event.event": "Termin",
|
||||||
"event.name": "Name",
|
"event.name": "Name",
|
||||||
"event.when": "Zeit",
|
|
||||||
"event.begin": "Anfang",
|
"event.begin": "Anfang",
|
||||||
"event.end": "Ende",
|
"event.end": "Ende",
|
||||||
"event.location": "Ort",
|
"event.location": "Ort",
|
||||||
"event.link": "Netz-Verweis",
|
|
||||||
"event.description": "Beschreibung",
|
"event.description": "Beschreibung",
|
||||||
"resource.kind": "Art",
|
"resource.kind": "Art",
|
||||||
"resource.kinds.local.title": "lokal",
|
"resource.kinds.local.title": "lokal",
|
||||||
|
|
@ -43,7 +29,6 @@
|
||||||
"calendar.access.public": "öffentlich",
|
"calendar.access.public": "öffentlich",
|
||||||
"calendar.access.default_level": "Standard",
|
"calendar.access.default_level": "Standard",
|
||||||
"calendar.access.attributed": "Zuweisungen",
|
"calendar.access.attributed": "Zuweisungen",
|
||||||
"widget.listview.add": "Termin anlegen",
|
|
||||||
"widget.weekview.controls.year": "Jahr",
|
"widget.weekview.controls.year": "Jahr",
|
||||||
"widget.weekview.controls.week": "Woche",
|
"widget.weekview.controls.week": "Woche",
|
||||||
"widget.weekview.controls.count": "Anzahl",
|
"widget.weekview.controls.count": "Anzahl",
|
||||||
|
|
|
||||||
|
|
@ -4,31 +4,17 @@
|
||||||
},
|
},
|
||||||
"tree": {
|
"tree": {
|
||||||
"common.timezone_shift": "Timezone shift",
|
"common.timezone_shift": "Timezone shift",
|
||||||
"common.timezone_indicator": "TZ:",
|
|
||||||
"common.date": "date",
|
"common.date": "date",
|
||||||
"common.time": "time",
|
"common.time": "time",
|
||||||
"common.weekday.monday": "Mon",
|
|
||||||
"common.weekday.tuesday": "Tue",
|
|
||||||
"common.weekday.wednesday": "Wed",
|
|
||||||
"common.weekday.thursday": "Thu",
|
|
||||||
"common.weekday.friday": "Fri",
|
|
||||||
"common.weekday.saturday": "Sat",
|
|
||||||
"common.weekday.sunday": "Sun",
|
|
||||||
"common.open": "open",
|
|
||||||
"common.edit": "edit",
|
|
||||||
"common.show": "show",
|
|
||||||
"common.hide": "hide",
|
|
||||||
"access_level.none": "none",
|
"access_level.none": "none",
|
||||||
"access_level.view": "read only",
|
"access_level.view": "read only",
|
||||||
"access_level.edit": "read and write",
|
"access_level.edit": "read and write",
|
||||||
"access_level.admin": "full",
|
"access_level.admin": "full",
|
||||||
"event.event": "event",
|
"event.event": "event",
|
||||||
"event.name": "name",
|
"event.name": "name",
|
||||||
"event.when": "time",
|
|
||||||
"event.begin": "begin",
|
"event.begin": "begin",
|
||||||
"event.end": "end",
|
"event.end": "end",
|
||||||
"event.location": "location",
|
"event.location": "location",
|
||||||
"event.link": "link",
|
|
||||||
"event.description": "description",
|
"event.description": "description",
|
||||||
"resource.kind": "kind",
|
"resource.kind": "kind",
|
||||||
"resource.kinds.local.title": "local",
|
"resource.kinds.local.title": "local",
|
||||||
|
|
@ -43,7 +29,6 @@
|
||||||
"calendar.access.public": "public",
|
"calendar.access.public": "public",
|
||||||
"calendar.access.default_level": "default",
|
"calendar.access.default_level": "default",
|
||||||
"calendar.access.attributed": "attributed",
|
"calendar.access.attributed": "attributed",
|
||||||
"widget.listview.add": "add event",
|
|
||||||
"widget.weekview.controls.year": "Year",
|
"widget.weekview.controls.year": "Year",
|
||||||
"widget.weekview.controls.week": "Week",
|
"widget.weekview.controls.week": "Week",
|
||||||
"widget.weekview.controls.count": "Count",
|
"widget.weekview.controls.count": "Count",
|
||||||
|
|
|
||||||
|
|
@ -52,11 +52,6 @@ namespace _zeitbild.frontend_web.conf
|
||||||
"type": "string",
|
"type": "string",
|
||||||
"default": "http://localhost:8888/#oidc_finish,session_key={{session_key}}"
|
"default": "http://localhost:8888/#oidc_finish,session_key={{session_key}}"
|
||||||
},
|
},
|
||||||
"use_central_europe_specific_datetime_inputs": {
|
|
||||||
"nullable": true,
|
|
||||||
"type": "boolean",
|
|
||||||
"default": false
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
"required": [
|
"required": [
|
||||||
],
|
],
|
||||||
|
|
|
||||||
|
|
@ -75,6 +75,106 @@ namespace _zeitbild.frontend_web.helpers
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @todo timezone
|
||||||
|
*/
|
||||||
|
export function date_format(
|
||||||
|
date : lib_plankton.pit.type_date
|
||||||
|
) : string
|
||||||
|
{
|
||||||
|
return lib_plankton.string.coin(
|
||||||
|
"{{year}}-{{month}}-{{day}}",
|
||||||
|
{
|
||||||
|
"year": date.year.toFixed(0).padStart(4, "0"),
|
||||||
|
"month": date.month.toFixed(0).padStart(2, "0"),
|
||||||
|
"day": date.day.toFixed(0).padStart(2, "0"),
|
||||||
|
}
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @todo timezone
|
||||||
|
*/
|
||||||
|
export function time_format(
|
||||||
|
time : lib_plankton.pit.type_time
|
||||||
|
) : string
|
||||||
|
{
|
||||||
|
return lib_plankton.string.coin(
|
||||||
|
"{{hour}}:{{minute}}",
|
||||||
|
{
|
||||||
|
"hour": time.hour.toFixed(0).padStart(2, "0"),
|
||||||
|
"minute": time.minute.toFixed(0).padStart(2, "0"),
|
||||||
|
"second": time.second.toFixed(0).padStart(2, "0"),
|
||||||
|
}
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @todo timezone
|
||||||
|
*/
|
||||||
|
export function datetime_format(
|
||||||
|
datetime : (null | lib_plankton.pit.type_datetime)
|
||||||
|
) : string
|
||||||
|
{
|
||||||
|
if (datetime === null) {
|
||||||
|
return "-";
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
return lib_plankton.string.coin(
|
||||||
|
"{{date}}{{macro_time}}",
|
||||||
|
{
|
||||||
|
"date": date_format(datetime.date),
|
||||||
|
"macro_time": (
|
||||||
|
(datetime.time === null)
|
||||||
|
?
|
||||||
|
""
|
||||||
|
:
|
||||||
|
lib_plankton.string.coin(
|
||||||
|
",{{time}}",
|
||||||
|
{
|
||||||
|
"time": time_format(datetime.time),
|
||||||
|
}
|
||||||
|
)
|
||||||
|
),
|
||||||
|
}
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
*/
|
||||||
|
export function timespan_format(
|
||||||
|
from : lib_plankton.pit.type_datetime,
|
||||||
|
to : (null | lib_plankton.pit.type_datetime)
|
||||||
|
) : string
|
||||||
|
{
|
||||||
|
let result : string = "";
|
||||||
|
result += datetime_format(from);
|
||||||
|
if (to === null) {
|
||||||
|
// do nothing
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
result += " - ";
|
||||||
|
if (
|
||||||
|
(from.date.year === to.date.year)
|
||||||
|
&&
|
||||||
|
(from.date.month === to.date.month)
|
||||||
|
&&
|
||||||
|
(from.date.day === to.date.day)
|
||||||
|
) {
|
||||||
|
// only time
|
||||||
|
result += time_format(to.time);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
result += datetime_format(to);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
*/
|
*/
|
||||||
export function input_access_level(
|
export function input_access_level(
|
||||||
|
|
@ -157,30 +257,4 @@ namespace _zeitbild.frontend_web.helpers
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
*/
|
|
||||||
export function datetime_input(
|
|
||||||
) : lib_plankton.zoo_input.interface_input<lib_plankton.pit.type_datetime>
|
|
||||||
{
|
|
||||||
return (
|
|
||||||
_zeitbild.frontend_web.conf.get().misc.use_central_europe_specific_datetime_inputs
|
|
||||||
?
|
|
||||||
new lib_plankton.zoo_input.class_input_datetime_central_europe(
|
|
||||||
{
|
|
||||||
"label_date": lib_plankton.translate.get("common.date"),
|
|
||||||
"label_time": lib_plankton.translate.get("common.time"),
|
|
||||||
}
|
|
||||||
)
|
|
||||||
:
|
|
||||||
new lib_plankton.zoo_input.class_input_datetime(
|
|
||||||
{
|
|
||||||
"label_timezone_shift": lib_plankton.translate.get("common.timezone_shift"),
|
|
||||||
"label_date": lib_plankton.translate.get("common.date"),
|
|
||||||
"label_time": lib_plankton.translate.get("common.time"),
|
|
||||||
}
|
|
||||||
)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -46,11 +46,6 @@ namespace _zeitbild.frontend_web.type
|
||||||
|
|
|
|
||||||
string
|
string
|
||||||
);
|
);
|
||||||
link : (
|
|
||||||
null
|
|
||||||
|
|
|
||||||
string
|
|
||||||
);
|
|
||||||
description : (
|
description : (
|
||||||
null
|
null
|
||||||
|
|
|
|
||||||
|
|
|
||||||
|
|
@ -70,7 +70,6 @@ namespace _zeitbild.frontend_web.pages
|
||||||
begin : lib_plankton.pit.type_datetime;
|
begin : lib_plankton.pit.type_datetime;
|
||||||
end : (null | lib_plankton.pit.type_datetime);
|
end : (null | lib_plankton.pit.type_datetime);
|
||||||
location : (null | string);
|
location : (null | string);
|
||||||
link : (null | string);
|
|
||||||
description : (null | string);
|
description : (null | string);
|
||||||
}
|
}
|
||||||
> = new lib_plankton.zoo_form.class_form<
|
> = new lib_plankton.zoo_form.class_form<
|
||||||
|
|
@ -84,7 +83,6 @@ namespace _zeitbild.frontend_web.pages
|
||||||
begin : lib_plankton.pit.type_datetime;
|
begin : lib_plankton.pit.type_datetime;
|
||||||
end : (null | lib_plankton.pit.type_datetime);
|
end : (null | lib_plankton.pit.type_datetime);
|
||||||
location : (null | string);
|
location : (null | string);
|
||||||
link : (null | string);
|
|
||||||
description : (null | string);
|
description : (null | string);
|
||||||
}
|
}
|
||||||
>(
|
>(
|
||||||
|
|
@ -94,7 +92,6 @@ namespace _zeitbild.frontend_web.pages
|
||||||
"begin": value.event_object.begin,
|
"begin": value.event_object.begin,
|
||||||
"end": value.event_object.end,
|
"end": value.event_object.end,
|
||||||
"location": value.event_object.location,
|
"location": value.event_object.location,
|
||||||
"link": value.event_object.link,
|
|
||||||
"description": value.event_object.description,
|
"description": value.event_object.description,
|
||||||
}),
|
}),
|
||||||
(representation) => ({
|
(representation) => ({
|
||||||
|
|
@ -104,7 +101,6 @@ namespace _zeitbild.frontend_web.pages
|
||||||
"begin": representation.begin,
|
"begin": representation.begin,
|
||||||
"end": representation.end,
|
"end": representation.end,
|
||||||
"location": representation.location,
|
"location": representation.location,
|
||||||
"link": representation.link,
|
|
||||||
"description": representation.description,
|
"description": representation.description,
|
||||||
}
|
}
|
||||||
}),
|
}),
|
||||||
|
|
@ -140,13 +136,25 @@ namespace _zeitbild.frontend_web.pages
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "begin",
|
"name": "begin",
|
||||||
"input": _zeitbild.frontend_web.helpers.datetime_input(),
|
"input": new lib_plankton.zoo_input.class_input_datetime(
|
||||||
|
{
|
||||||
|
"label_timezone_shift": lib_plankton.translate.get("common.timezone_shift"),
|
||||||
|
"label_date": lib_plankton.translate.get("common.date"),
|
||||||
|
"label_time": lib_plankton.translate.get("common.time"),
|
||||||
|
}
|
||||||
|
),
|
||||||
"label": lib_plankton.translate.get("event.begin")
|
"label": lib_plankton.translate.get("event.begin")
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "end",
|
"name": "end",
|
||||||
"input": new lib_plankton.zoo_input.class_input_soft<lib_plankton.pit.type_datetime>(
|
"input": new lib_plankton.zoo_input.class_input_soft<lib_plankton.pit.type_datetime>(
|
||||||
_zeitbild.frontend_web.helpers.datetime_input()
|
new lib_plankton.zoo_input.class_input_datetime(
|
||||||
|
{
|
||||||
|
"label_timezone_shift": lib_plankton.translate.get("common.timezone_shift"),
|
||||||
|
"label_date": lib_plankton.translate.get("common.date"),
|
||||||
|
"label_time": lib_plankton.translate.get("common.time"),
|
||||||
|
}
|
||||||
|
)
|
||||||
),
|
),
|
||||||
"label": lib_plankton.translate.get("event.end")
|
"label": lib_plankton.translate.get("event.end")
|
||||||
},
|
},
|
||||||
|
|
@ -158,14 +166,6 @@ namespace _zeitbild.frontend_web.pages
|
||||||
),
|
),
|
||||||
"label": lib_plankton.translate.get("event.location")
|
"label": lib_plankton.translate.get("event.location")
|
||||||
},
|
},
|
||||||
{
|
|
||||||
"name": "link",
|
|
||||||
"input": new lib_plankton.zoo_input.class_input_soft<string>(
|
|
||||||
new lib_plankton.zoo_input.class_input_text(
|
|
||||||
)
|
|
||||||
),
|
|
||||||
"label": lib_plankton.translate.get("event.link")
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
"name": "description",
|
"name": "description",
|
||||||
"input": new lib_plankton.zoo_input.class_input_soft<string>(
|
"input": new lib_plankton.zoo_input.class_input_soft<string>(
|
||||||
|
|
@ -223,7 +223,6 @@ namespace _zeitbild.frontend_web.pages
|
||||||
},
|
},
|
||||||
"end": null,
|
"end": null,
|
||||||
"location": null,
|
"location": null,
|
||||||
"link": null,
|
|
||||||
"description": null,
|
"description": null,
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -30,7 +30,6 @@ namespace _zeitbild.frontend_web.pages
|
||||||
begin : lib_plankton.pit.type_datetime;
|
begin : lib_plankton.pit.type_datetime;
|
||||||
end : (null | lib_plankton.pit.type_datetime);
|
end : (null | lib_plankton.pit.type_datetime);
|
||||||
location : (null | string);
|
location : (null | string);
|
||||||
link : (null | string);
|
|
||||||
description : (null | string);
|
description : (null | string);
|
||||||
}
|
}
|
||||||
> = new lib_plankton.zoo_form.class_form<
|
> = new lib_plankton.zoo_form.class_form<
|
||||||
|
|
@ -40,7 +39,6 @@ namespace _zeitbild.frontend_web.pages
|
||||||
begin : lib_plankton.pit.type_datetime;
|
begin : lib_plankton.pit.type_datetime;
|
||||||
end : (null | lib_plankton.pit.type_datetime);
|
end : (null | lib_plankton.pit.type_datetime);
|
||||||
location : (null | string);
|
location : (null | string);
|
||||||
link : (null | string);
|
|
||||||
description : (null | string);
|
description : (null | string);
|
||||||
}
|
}
|
||||||
>(
|
>(
|
||||||
|
|
@ -49,7 +47,6 @@ namespace _zeitbild.frontend_web.pages
|
||||||
"begin": value.begin,
|
"begin": value.begin,
|
||||||
"end": value.end,
|
"end": value.end,
|
||||||
"location": value.location,
|
"location": value.location,
|
||||||
"link": value.link,
|
|
||||||
"description": value.description,
|
"description": value.description,
|
||||||
}),
|
}),
|
||||||
(representation) => ({
|
(representation) => ({
|
||||||
|
|
@ -57,7 +54,6 @@ namespace _zeitbild.frontend_web.pages
|
||||||
"begin": representation.begin,
|
"begin": representation.begin,
|
||||||
"end": representation.end,
|
"end": representation.end,
|
||||||
"location": representation.location,
|
"location": representation.location,
|
||||||
"link": representation.link,
|
|
||||||
"description": representation.description,
|
"description": representation.description,
|
||||||
}),
|
}),
|
||||||
new lib_plankton.zoo_input.class_input_group<any>(
|
new lib_plankton.zoo_input.class_input_group<any>(
|
||||||
|
|
@ -70,13 +66,25 @@ namespace _zeitbild.frontend_web.pages
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "begin",
|
"name": "begin",
|
||||||
"input": _zeitbild.frontend_web.helpers.datetime_input(),
|
"input": new lib_plankton.zoo_input.class_input_datetime(
|
||||||
|
{
|
||||||
|
"label_timezone_shift": lib_plankton.translate.get("common.timezone_shift"),
|
||||||
|
"label_date": lib_plankton.translate.get("common.date"),
|
||||||
|
"label_time": lib_plankton.translate.get("common.time"),
|
||||||
|
}
|
||||||
|
),
|
||||||
"label": lib_plankton.translate.get("event.begin")
|
"label": lib_plankton.translate.get("event.begin")
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "end",
|
"name": "end",
|
||||||
"input": new lib_plankton.zoo_input.class_input_soft<lib_plankton.pit.type_datetime>(
|
"input": new lib_plankton.zoo_input.class_input_soft<lib_plankton.pit.type_datetime>(
|
||||||
_zeitbild.frontend_web.helpers.datetime_input()
|
new lib_plankton.zoo_input.class_input_datetime(
|
||||||
|
{
|
||||||
|
"label_timezone_shift": lib_plankton.translate.get("common.timezone_shift"),
|
||||||
|
"label_date": lib_plankton.translate.get("common.date"),
|
||||||
|
"label_time": lib_plankton.translate.get("common.time"),
|
||||||
|
}
|
||||||
|
)
|
||||||
),
|
),
|
||||||
"label": lib_plankton.translate.get("event.end")
|
"label": lib_plankton.translate.get("event.end")
|
||||||
},
|
},
|
||||||
|
|
@ -88,14 +96,6 @@ namespace _zeitbild.frontend_web.pages
|
||||||
),
|
),
|
||||||
"label": lib_plankton.translate.get("event.location")
|
"label": lib_plankton.translate.get("event.location")
|
||||||
},
|
},
|
||||||
{
|
|
||||||
"name": "link",
|
|
||||||
"input": new lib_plankton.zoo_input.class_input_soft<string>(
|
|
||||||
new lib_plankton.zoo_input.class_input_text(
|
|
||||||
)
|
|
||||||
),
|
|
||||||
"label": lib_plankton.translate.get("event.link")
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
"name": "description",
|
"name": "description",
|
||||||
"input": new lib_plankton.zoo_input.class_input_soft<string>(
|
"input": new lib_plankton.zoo_input.class_input_soft<string>(
|
||||||
|
|
|
||||||
|
|
@ -30,9 +30,7 @@ namespace _zeitbild.frontend_web.pages.overview
|
||||||
{
|
{
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
target_element.querySelector("#overview").classList.toggle("overview-compact", compact);
|
target_element.querySelector("#overview").classList.toggle("compact", compact);
|
||||||
let widget_weekview : _zeitbild.frontend_web.widgets.weekview.class_widget_weekview;
|
|
||||||
let widget_listview : _zeitbild.frontend_web.widgets.listview.class_widget_listview;
|
|
||||||
// hint
|
// hint
|
||||||
{
|
{
|
||||||
if (! await _zeitbild.frontend_web.backend.is_logged_in()) {
|
if (! await _zeitbild.frontend_web.backend.is_logged_in()) {
|
||||||
|
|
@ -55,7 +53,7 @@ namespace _zeitbild.frontend_web.pages.overview
|
||||||
const widget_sources = new _zeitbild.frontend_web.widgets.sources.class_widget_sources(
|
const widget_sources = new _zeitbild.frontend_web.widgets.sources.class_widget_sources(
|
||||||
data,
|
data,
|
||||||
{
|
{
|
||||||
"action_open": (entry) => {
|
"action_select": (entry) => {
|
||||||
switch (entry.access_level) {
|
switch (entry.access_level) {
|
||||||
case _zeitbild.frontend_web.type.enum_access_level.none: {
|
case _zeitbild.frontend_web.type.enum_access_level.none: {
|
||||||
throw (new Error("this event should not be visible"));
|
throw (new Error("this event should not be visible"));
|
||||||
|
|
@ -88,14 +86,16 @@ namespace _zeitbild.frontend_web.pages.overview
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"action_toggle_visibility": (entry) => {
|
|
||||||
widget_weekview.toggle_visibility(entry.id);
|
|
||||||
},
|
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
await widget_sources.load(target_element.querySelector("#overview-pane-left"));
|
if (compact) {
|
||||||
|
// do nothing
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
await widget_sources.load(target_element.querySelector("#overview-pane-left"));
|
||||||
|
}
|
||||||
}
|
}
|
||||||
// events
|
// view
|
||||||
{
|
{
|
||||||
const get_entries = (from_pit, to_pit, calendar_ids) => _zeitbild.frontend_web.backend.events(
|
const get_entries = (from_pit, to_pit, calendar_ids) => _zeitbild.frontend_web.backend.events(
|
||||||
from_pit,
|
from_pit,
|
||||||
|
|
@ -139,9 +139,10 @@ namespace _zeitbild.frontend_web.pages.overview
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
// listview
|
const widget = (
|
||||||
{
|
compact
|
||||||
widget_listview = (
|
?
|
||||||
|
(
|
||||||
new _zeitbild.frontend_web.widgets.listview.class_widget_listview(
|
new _zeitbild.frontend_web.widgets.listview.class_widget_listview(
|
||||||
get_entries,
|
get_entries,
|
||||||
{
|
{
|
||||||
|
|
@ -161,12 +162,9 @@ namespace _zeitbild.frontend_web.pages.overview
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
)
|
)
|
||||||
);
|
)
|
||||||
await widget_listview.load(target_element.querySelector("#overview-pane-right-listview"));
|
:
|
||||||
}
|
(
|
||||||
// weekview
|
|
||||||
{
|
|
||||||
widget_weekview = (
|
|
||||||
new _zeitbild.frontend_web.widgets.weekview.class_widget_weekview(
|
new _zeitbild.frontend_web.widgets.weekview.class_widget_weekview(
|
||||||
get_entries,
|
get_entries,
|
||||||
{
|
{
|
||||||
|
|
@ -186,9 +184,9 @@ namespace _zeitbild.frontend_web.pages.overview
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
)
|
)
|
||||||
);
|
)
|
||||||
await widget_weekview.load(target_element.querySelector("#overview-pane-right-weekview"));
|
);
|
||||||
}
|
await widget.load(target_element.querySelector("#overview-pane-right"));
|
||||||
}
|
}
|
||||||
return Promise.resolve<void>(undefined);
|
return Promise.resolve<void>(undefined);
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -5,10 +5,6 @@
|
||||||
<div id="overview-pane-left">
|
<div id="overview-pane-left">
|
||||||
</div>
|
</div>
|
||||||
<div id="overview-pane-right">
|
<div id="overview-pane-right">
|
||||||
<div id="overview-pane-right-weekview">
|
|
||||||
</div>
|
|
||||||
<div id="overview-pane-right-listview">
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
73
source/style/common.css
Normal file
73
source/style/common.css
Normal file
|
|
@ -0,0 +1,73 @@
|
||||||
|
.tableview-sources-entry:not(.tableview-sources-entry-active)
|
||||||
|
{
|
||||||
|
filter: saturate(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.calendar-cell
|
||||||
|
{
|
||||||
|
border: 1px solid hsl(0,0%,37.5%);
|
||||||
|
padding: 8px;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
.calendar-cell-day
|
||||||
|
{
|
||||||
|
width: 13.5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.calendar-cell-week
|
||||||
|
{
|
||||||
|
width: 5.5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.calendar-cell-regular
|
||||||
|
{
|
||||||
|
width: 13.5%;
|
||||||
|
height: 120px;
|
||||||
|
|
||||||
|
cursor: copy;
|
||||||
|
}
|
||||||
|
|
||||||
|
.calendar-cell-today
|
||||||
|
{
|
||||||
|
outline: 2px solid hsl(0, 0%, 100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.calendar-day
|
||||||
|
{
|
||||||
|
font-size: 0.75em;
|
||||||
|
cursor: help;
|
||||||
|
}
|
||||||
|
|
||||||
|
.calendar-events
|
||||||
|
{
|
||||||
|
margin: 0; padding: 0;
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.calendar-event_entry
|
||||||
|
{
|
||||||
|
margin: 4px;
|
||||||
|
padding: 4px;
|
||||||
|
border-radius: 2px;
|
||||||
|
font-size: 0.75em;
|
||||||
|
color: #FFF;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.calendar-event_entry.access_level-none
|
||||||
|
,
|
||||||
|
.calendar-event_entry.access_level-view
|
||||||
|
{
|
||||||
|
/*
|
||||||
|
cursor: default;
|
||||||
|
*/
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.calendar-event_entry.access_level-edit
|
||||||
|
,
|
||||||
|
.calendar-event_entry.access_level-admin
|
||||||
|
{
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
@ -43,7 +43,7 @@ a:hover
|
||||||
transition: 1s ease color;
|
transition: 1s ease color;
|
||||||
}
|
}
|
||||||
|
|
||||||
input,select,textarea
|
input,select
|
||||||
{
|
{
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
}
|
}
|
||||||
|
|
@ -55,7 +55,7 @@ button
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
input,select,textarea,button
|
input,select,button
|
||||||
{
|
{
|
||||||
background-color: hsl(0, 0%, 0%);
|
background-color: hsl(0, 0%, 0%);
|
||||||
color: hsl(0, 0%, 100%);
|
color: hsl(0, 0%, 100%);
|
||||||
|
|
|
||||||
|
|
@ -1,13 +0,0 @@
|
||||||
#calendar_add .plankton_input_group_field[rel="attributed"] > .plankton_input_list > .plankton_input_list_elements > .plankton_input_list_element
|
|
||||||
{
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
#calendar_add .plankton_input_group_field[rel="attributed"] > .plankton_input_list > .plankton_input_list_elements > .plankton_input_list_element > .plankton_input_list_element_input > .plankton_input_group
|
|
||||||
{
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
#event_add .plankton_input_group_field[rel="begin"] > .plankton_input_group
|
|
||||||
,
|
|
||||||
#event_add .plankton_input_group_field[rel="end"] > .plankton_input_soft_container > .plankton_input_soft_core_wrapper > .plankton_input_group
|
|
||||||
{
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
#event_edit .plankton_input_group_field[rel="begin"] > .plankton_input_group
|
|
||||||
,
|
|
||||||
#event_edit .plankton_input_group_field[rel="end"] > .plankton_input_soft_container > .plankton_input_soft_core_wrapper > .plankton_input_group
|
|
||||||
{
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
|
|
@ -1,63 +0,0 @@
|
||||||
#overview-head
|
|
||||||
{
|
|
||||||
text-align: center;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-bottom: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#overview-body
|
|
||||||
{
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
#overview-body #overview-pane-left
|
|
||||||
{
|
|
||||||
flex-grow: 0;
|
|
||||||
flex-shrink: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
#overview-body #overview-pane-right
|
|
||||||
{
|
|
||||||
flex-grow: 1;
|
|
||||||
flex-shrink: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media all and (max-width: 950px)
|
|
||||||
{
|
|
||||||
#overview #overview-pane-left
|
|
||||||
{
|
|
||||||
flex-basis: 0%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#overview #overview-pane-left > *
|
|
||||||
{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#overview #overview-pane-right
|
|
||||||
{
|
|
||||||
flex-basis: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#overview #overview-pane-right-listview {}
|
|
||||||
#overview #overview-pane-right-weekview {display: none;}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media not all and (max-width: 950px)
|
|
||||||
{
|
|
||||||
#overview #overview-pane-left
|
|
||||||
{
|
|
||||||
flex-basis: 12.5%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#overview #overview-pane-right
|
|
||||||
{
|
|
||||||
flex-basis: 87.5%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#overview #overview-pane-right-listview {display: none;}
|
|
||||||
#overview #overview-pane-right-weekview {}
|
|
||||||
|
|
||||||
}
|
|
||||||
60
source/style/pages.css
Normal file
60
source/style/pages.css
Normal file
|
|
@ -0,0 +1,60 @@
|
||||||
|
#calendar_add .plankton_input_group_field[rel="attributed"] > .plankton_input_list > .plankton_input_list_elements > .plankton_input_list_element
|
||||||
|
{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
#calendar_add .plankton_input_group_field[rel="attributed"] > .plankton_input_list > .plankton_input_list_elements > .plankton_input_list_element > .plankton_input_list_element_input > .plankton_input_group
|
||||||
|
{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
#event_add .plankton_input_group_field[rel="begin"] > .plankton_input_group
|
||||||
|
,
|
||||||
|
#event_add .plankton_input_group_field[rel="end"] > .plankton_input_soft_container > .plankton_input_soft_core_wrapper > .plankton_input_group
|
||||||
|
,
|
||||||
|
#event_edit .plankton_input_group_field[rel="begin"] > .plankton_input_group
|
||||||
|
,
|
||||||
|
#event_edit .plankton_input_group_field[rel="end"] > .plankton_input_soft_container > .plankton_input_soft_core_wrapper > .plankton_input_group
|
||||||
|
{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
#overview-head
|
||||||
|
{
|
||||||
|
text-align: center;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#overview-body
|
||||||
|
{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
#overview-body:not(.compact) #overview-pane-left
|
||||||
|
{
|
||||||
|
flex-basis: 12.5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#overview-body:not(.compact) #overview-pane-right
|
||||||
|
{
|
||||||
|
flex-basis: 87.5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#overview-body.compact #overview-pane-left
|
||||||
|
{
|
||||||
|
flex-basis: 0%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#overview-body.compact #overview-pane-right
|
||||||
|
{
|
||||||
|
flex-basis: 100%;
|
||||||
|
}
|
||||||
|
|
@ -33,14 +33,3 @@
|
||||||
{
|
{
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.plankton_input_group_field textarea
|
|
||||||
{
|
|
||||||
min-width: 350px;
|
|
||||||
min-height: 200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.plankton_input_soft_setter
|
|
||||||
{
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
|
|
|
||||||
|
|
@ -1,52 +0,0 @@
|
||||||
.sources
|
|
||||||
{
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
list-style-type: none;
|
|
||||||
font-size: 0.75em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.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);
|
|
||||||
}
|
|
||||||
|
|
@ -1,96 +0,0 @@
|
||||||
.weekview-controls
|
|
||||||
{
|
|
||||||
margin-bottom: 12px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.weekview-control
|
|
||||||
{
|
|
||||||
margin: 0 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.weekview-table table
|
|
||||||
{
|
|
||||||
width: 100%;
|
|
||||||
border-collapse: collapse;
|
|
||||||
}
|
|
||||||
|
|
||||||
.weekview-cell
|
|
||||||
{
|
|
||||||
border: 1px solid hsl(0,0%,37.5%);
|
|
||||||
padding: 8px;
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
|
|
||||||
.weekview-cell-day
|
|
||||||
{
|
|
||||||
width: 13.5%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.weekview-cell-week
|
|
||||||
{
|
|
||||||
width: 5.5%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.weekview-cell-regular
|
|
||||||
{
|
|
||||||
width: 13.5%;
|
|
||||||
height: 120px;
|
|
||||||
|
|
||||||
cursor: copy;
|
|
||||||
}
|
|
||||||
|
|
||||||
.weekview-cell-today
|
|
||||||
{
|
|
||||||
outline: 2px solid hsl(0, 0%, 100%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.weekview-cell-hidden
|
|
||||||
{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.weekview-day
|
|
||||||
{
|
|
||||||
font-size: 0.75em;
|
|
||||||
cursor: help;
|
|
||||||
}
|
|
||||||
|
|
||||||
.weekview-events
|
|
||||||
{
|
|
||||||
margin: 0; padding: 0;
|
|
||||||
list-style-type: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.weekview-event_entry
|
|
||||||
{
|
|
||||||
margin: 4px;
|
|
||||||
padding: 4px;
|
|
||||||
border-radius: 2px;
|
|
||||||
font-size: 0.75em;
|
|
||||||
color: #FFF;
|
|
||||||
font-weight: bold;
|
|
||||||
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
max-width: 100%;
|
|
||||||
min-width: 75px;
|
|
||||||
word-wrap: anywhere;
|
|
||||||
}
|
|
||||||
|
|
||||||
.weekview-event_entry.access_level-none
|
|
||||||
,
|
|
||||||
.weekview-event_entry.access_level-view
|
|
||||||
{
|
|
||||||
/*
|
|
||||||
cursor: default;
|
|
||||||
*/
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.weekview-event_entry.access_level-edit
|
|
||||||
,
|
|
||||||
.weekview-event_entry.access_level-admin
|
|
||||||
{
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
@ -1,13 +1,33 @@
|
||||||
.listview-add
|
.sources
|
||||||
{
|
{
|
||||||
/*
|
margin: 0;
|
||||||
text-transform: capitalize;
|
padding: 0;
|
||||||
*/
|
list-style-type: none;
|
||||||
|
font-size: 0.75em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.listview-add-hidden
|
.sources-entry
|
||||||
{
|
{
|
||||||
display: none;
|
margin: 8px;
|
||||||
|
padding: 4px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.weekview-controls
|
||||||
|
{
|
||||||
|
margin-bottom: 12px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.weekview-control
|
||||||
|
{
|
||||||
|
margin: 0 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.weekview-table table
|
||||||
|
{
|
||||||
|
width: 100%;
|
||||||
|
border-collapse: collapse;
|
||||||
}
|
}
|
||||||
|
|
||||||
.listview-entries
|
.listview-entries
|
||||||
|
|
@ -47,10 +67,6 @@
|
||||||
content: "] ";
|
content: "] ";
|
||||||
}
|
}
|
||||||
|
|
||||||
.listview-entry-field-empty {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.listview-entry-field:not(:last-child)
|
.listview-entry-field:not(:last-child)
|
||||||
{
|
{
|
||||||
margin-bottom: 16px;
|
margin-bottom: 16px;
|
||||||
|
|
@ -124,15 +124,6 @@ namespace _zeitbild.frontend_web.widgets.listview
|
||||||
"widget-listview",
|
"widget-listview",
|
||||||
"main",
|
"main",
|
||||||
{
|
{
|
||||||
"add_href": "",
|
|
||||||
"add_label": lib_plankton.translate.get("widget.listview.add"),
|
|
||||||
"add_extra_classes": (
|
|
||||||
(! await _zeitbild.frontend_web.backend.is_logged_in())
|
|
||||||
?
|
|
||||||
" listview-add-hidden"
|
|
||||||
:
|
|
||||||
""
|
|
||||||
),
|
|
||||||
"entries": (
|
"entries": (
|
||||||
(
|
(
|
||||||
await _zeitbild.frontend_web.helpers.promise_row<string>(
|
await _zeitbild.frontend_web.helpers.promise_row<string>(
|
||||||
|
|
@ -142,57 +133,19 @@ namespace _zeitbild.frontend_web.widgets.listview
|
||||||
"widget-listview",
|
"widget-listview",
|
||||||
"entry",
|
"entry",
|
||||||
{
|
{
|
||||||
"name_value": entry.event_object.name,
|
"name": entry.event_object.name,
|
||||||
"calendar_value": entry.calendar_name,
|
"calendar": entry.calendar_name,
|
||||||
"when_value": lib_plankton.pit.timespan_format(
|
"when": _zeitbild.frontend_web.helpers.timespan_format(entry.event_object.begin, entry.event_object.end),
|
||||||
entry.event_object.begin,
|
"label_location": lib_plankton.translate.get("event.location"),
|
||||||
entry.event_object.end,
|
"location": (
|
||||||
{
|
|
||||||
"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 === null)
|
||||||
?
|
?
|
||||||
"?"
|
"?"
|
||||||
:
|
:
|
||||||
entry.event_object.location
|
entry.event_object.location
|
||||||
),
|
),
|
||||||
"link_label": lib_plankton.translate.get("event.link"),
|
"label_description": lib_plankton.translate.get("event.description"),
|
||||||
"link_extra_classes": (
|
"description": (
|
||||||
(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 === null)
|
||||||
?
|
?
|
||||||
"?"
|
"?"
|
||||||
|
|
@ -243,46 +196,34 @@ namespace _zeitbild.frontend_web.widgets.listview
|
||||||
|
|
||||||
// control
|
// control
|
||||||
{
|
{
|
||||||
target_element.querySelector(".listview-add").addEventListener(
|
|
||||||
"click",
|
|
||||||
(event) => {
|
|
||||||
event.preventDefault();
|
|
||||||
this.action_add();
|
|
||||||
}
|
|
||||||
);
|
|
||||||
target_element.querySelectorAll(".listview-entry").forEach(
|
target_element.querySelectorAll(".listview-entry").forEach(
|
||||||
(element) => {
|
(element) => {
|
||||||
element.addEventListener(
|
element.addEventListener(
|
||||||
"click",
|
"click",
|
||||||
(event) => {
|
() => {
|
||||||
if ((event.target as Element).nodeName === "A") {
|
const rel : string = element.getAttribute("rel");
|
||||||
// do nothing
|
const parts : Array<string> = rel.split("/");
|
||||||
}
|
const calendar_id : _zeitbild.frontend_web.type.calendar_id = parseInt(parts[0]);
|
||||||
else {
|
const event_id : (null | _zeitbild.frontend_web.type.local_resource_event_id) = (
|
||||||
const rel : string = element.getAttribute("rel");
|
parts[1] === "-"
|
||||||
const parts : Array<string> = rel.split("/");
|
?
|
||||||
const calendar_id : _zeitbild.frontend_web.type.calendar_id = parseInt(parts[0]);
|
null
|
||||||
const event_id : (null | _zeitbild.frontend_web.type.local_resource_event_id) = (
|
:
|
||||||
parts[1] === "-"
|
parseInt(parts[1])
|
||||||
?
|
);
|
||||||
null
|
const access_level : _zeitbild.frontend_web.type.enum_access_level = (() => {
|
||||||
:
|
switch (parts[2]) {
|
||||||
parseInt(parts[1])
|
case "none": return _zeitbild.frontend_web.type.enum_access_level.none;
|
||||||
);
|
case "view": return _zeitbild.frontend_web.type.enum_access_level.view;
|
||||||
const access_level : _zeitbild.frontend_web.type.enum_access_level = (() => {
|
case "edit": return _zeitbild.frontend_web.type.enum_access_level.edit;
|
||||||
switch (parts[2]) {
|
case "admin": return _zeitbild.frontend_web.type.enum_access_level.admin;
|
||||||
case "none": return _zeitbild.frontend_web.type.enum_access_level.none;
|
}
|
||||||
case "view": return _zeitbild.frontend_web.type.enum_access_level.view;
|
}) ();
|
||||||
case "edit": return _zeitbild.frontend_web.type.enum_access_level.edit;
|
this.action_select_event(
|
||||||
case "admin": return _zeitbild.frontend_web.type.enum_access_level.admin;
|
calendar_id,
|
||||||
}
|
access_level,
|
||||||
}) ();
|
event_id,
|
||||||
this.action_select_event(
|
);
|
||||||
calendar_id,
|
|
||||||
access_level,
|
|
||||||
event_id,
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,20 +1,16 @@
|
||||||
<li class="listview-entry" style="background-color: {{color}}" rel="{{rel}}">
|
<li class="listview-entry" style="background-color: {{color}}" rel="{{rel}}">
|
||||||
<span class="listview-entry-name">{{name_value}}</span> (<span class="listview-entry-calendar">{{calendar_value}}</span>)
|
<span class="listview-entry-name">{{name}}</span> (<span class="listview-entry-calendar">{{calendar}}</span>)
|
||||||
<div class="listview-entry-field listview-entry-when">
|
<div class="listview-entry-field listview-entry-when">
|
||||||
<span class="listview-entry-value">{{when_value}}</span>
|
<span class="listview-entry-value">{{when}}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="listview-entry-field listview-entry-location{{location_extra_classes}}">
|
<div class="listview-entry-field listview-entry-location">
|
||||||
<span class="listview-entry-label">{{location_label}}</span>
|
<span class="listview-entry-label">{{label_location}}</span>
|
||||||
<span class="listview-entry-value">{{location_value}}</span>
|
<span class="listview-entry-value">{{location}}</span>
|
||||||
</div>
|
|
||||||
<div class="listview-entry-field listview-entry-link{{link_extra_classes}}">
|
|
||||||
<span class="listview-entry-label">{{link_label}}</span>
|
|
||||||
<a class="listview-entry-value" href="{{link_value}}" target="_blank">{{link_action}}</a>
|
|
||||||
</div>
|
</div>
|
||||||
<!--
|
<!--
|
||||||
<div class="listview-entry-field listview-entry-description{{description_extra_classes}}">
|
<div class="listview-entry-field listview-entry-description">
|
||||||
<span class="listview-entry-label">{{description_label}}</span>
|
<span class="listview-entry-label">{{label_description}}</span>
|
||||||
<span class="listview-entry-value">{{description_value}}</span>
|
<span class="listview-entry-value">{{description}}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="listview-entry-raw">{{raw}}</div>
|
<div class="listview-entry-raw">{{raw}}</div>
|
||||||
-->
|
-->
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,4 @@
|
||||||
<div class="listview">
|
<div class="listview">
|
||||||
<a class="listview-add{{add_extra_classes}}" href="{{add_href}}">{{add_label}}</a>
|
|
||||||
<ul class="listview-entries">
|
<ul class="listview-entries">
|
||||||
{{entries}}
|
{{entries}}
|
||||||
</ul>
|
</ul>
|
||||||
|
|
|
||||||
|
|
@ -27,12 +27,7 @@ namespace _zeitbild.frontend_web.widgets.sources
|
||||||
|
|
||||||
/**
|
/**
|
||||||
*/
|
*/
|
||||||
private action_open : ((entry : type_entry) => void);
|
private action_select : ((entry : type_entry) => void);
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
*/
|
|
||||||
private action_toggle_visibility : ((entry : type_entry) => void);
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
@ -40,15 +35,13 @@ namespace _zeitbild.frontend_web.widgets.sources
|
||||||
public constructor(
|
public constructor(
|
||||||
entries : Array<type_entry>,
|
entries : Array<type_entry>,
|
||||||
options : {
|
options : {
|
||||||
action_open ?: ((entry : type_entry) => void);
|
action_select ?: ((entry : type_entry) => void);
|
||||||
action_toggle_visibility ?: ((entry : type_entry) => void);
|
|
||||||
} = {}
|
} = {}
|
||||||
)
|
)
|
||||||
{
|
{
|
||||||
options = Object.assign(
|
options = Object.assign(
|
||||||
{
|
{
|
||||||
"action_open": (calendar_id) => {},
|
"action_select": (calendar_id) => {},
|
||||||
"action_toggle_visibility": (calendar_id) => {},
|
|
||||||
},
|
},
|
||||||
options
|
options
|
||||||
);
|
);
|
||||||
|
|
@ -62,8 +55,7 @@ namespace _zeitbild.frontend_web.widgets.sources
|
||||||
this.data[key] = entry;
|
this.data[key] = entry;
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
this.action_open = options.action_open;
|
this.action_select = options.action_select;
|
||||||
this.action_toggle_visibility = options.action_toggle_visibility;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -90,17 +82,9 @@ namespace _zeitbild.frontend_web.widgets.sources
|
||||||
"entry",
|
"entry",
|
||||||
{
|
{
|
||||||
"name": entry.name,
|
"name": entry.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
|
// "access_level": entry.access_level, // TODO
|
||||||
// TODO centralize
|
// TODO centralize
|
||||||
"color_head": lib_plankton.color.output_hex(
|
"color": lib_plankton.color.output_hex(
|
||||||
lib_plankton.color.give_generic(
|
lib_plankton.color.give_generic(
|
||||||
(entry.id - 1),
|
(entry.id - 1),
|
||||||
{
|
{
|
||||||
|
|
@ -109,15 +93,6 @@ namespace _zeitbild.frontend_web.widgets.sources
|
||||||
}
|
}
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
"color_body": lib_plankton.color.output_hex(
|
|
||||||
lib_plankton.color.give_generic(
|
|
||||||
(entry.id - 1),
|
|
||||||
{
|
|
||||||
"saturation": 0.375,
|
|
||||||
"value": 0.25,
|
|
||||||
}
|
|
||||||
),
|
|
||||||
),
|
|
||||||
"rel": key,
|
"rel": key,
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
|
|
@ -129,38 +104,14 @@ namespace _zeitbild.frontend_web.widgets.sources
|
||||||
),
|
),
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
target_element.querySelectorAll(".sources-entry-head").forEach(
|
target_element.querySelectorAll(".sources-entry").forEach(
|
||||||
(element) => {
|
(element) => {
|
||||||
element.addEventListener(
|
element.addEventListener(
|
||||||
"click",
|
"click",
|
||||||
(event) => {
|
(event) => {
|
||||||
element.parentElement.classList.toggle("sources-entry-open");
|
const key : string = element.getAttribute("rel");
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
target_element.querySelectorAll(".sources-entry-toggle").forEach(
|
|
||||||
(element) => {
|
|
||||||
element.addEventListener(
|
|
||||||
"click",
|
|
||||||
() => {
|
|
||||||
const key : string = element.parentElement.parentElement.parentElement.getAttribute("rel");
|
|
||||||
const entry : type_entry = this.data[key];
|
const entry : type_entry = this.data[key];
|
||||||
element.parentElement.parentElement.parentElement.classList.toggle("sources-entry-hidden");
|
this.action_select(entry);
|
||||||
element.parentElement.parentElement.parentElement.classList.toggle("sources-entry-open", false);
|
|
||||||
this.action_toggle_visibility(entry);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
target_element.querySelectorAll(".sources-entry-edit").forEach(
|
|
||||||
(element) => {
|
|
||||||
element.addEventListener(
|
|
||||||
"click",
|
|
||||||
(event) => {
|
|
||||||
const key : string = element.parentElement.parentElement.parentElement.getAttribute("rel");
|
|
||||||
const entry : type_entry = this.data[key];
|
|
||||||
this.action_open(entry);
|
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,11 +1 @@
|
||||||
<li class="sources-entry" style="background-color: {{color_head}}" rel="{{rel}}">
|
<li class="sources-entry" style="background-color: {{color}}" rel="{{rel}}">{{name}}</li>
|
||||||
<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>
|
|
||||||
|
|
|
||||||
|
|
@ -127,16 +127,65 @@ namespace _zeitbild.frontend_web.widgets.weekview
|
||||||
lib_plankton.string.coin(
|
lib_plankton.string.coin(
|
||||||
"{{label}}: {{value}}\n",
|
"{{label}}: {{value}}\n",
|
||||||
{
|
{
|
||||||
"label": lib_plankton.translate.get("event.when"),
|
"label": lib_plankton.translate.get("event.begin"),
|
||||||
"value": lib_plankton.pit.timespan_format(
|
"value": lib_plankton.string.coin(
|
||||||
event_object.begin,
|
"{{hour}}:{{minute}}",
|
||||||
event_object.end,
|
|
||||||
{
|
{
|
||||||
"timezone_indicator": lib_plankton.translate.get("common.timezone_indicator"),
|
"hour": event_object.begin.time.hour.toFixed(0).padStart(2, "0"),
|
||||||
"adjust_to_ce": true,
|
"minute": event_object.begin.time.minute.toFixed(0).padStart(2, "0"),
|
||||||
"show_timezone": true,
|
|
||||||
"omit_date": true,
|
|
||||||
}
|
}
|
||||||
|
), // TODO: outsource
|
||||||
|
}
|
||||||
|
)
|
||||||
|
:
|
||||||
|
""
|
||||||
|
)
|
||||||
|
+
|
||||||
|
(
|
||||||
|
(event_object.end !== null)
|
||||||
|
?
|
||||||
|
lib_plankton.string.coin(
|
||||||
|
"{{label}}: {{value}}\n",
|
||||||
|
{
|
||||||
|
"label": lib_plankton.translate.get("event.end"),
|
||||||
|
"value": (
|
||||||
|
[
|
||||||
|
(
|
||||||
|
(
|
||||||
|
(event_object.end.date.year !== event_object.begin.date.year)
|
||||||
|
||
|
||||||
|
(event_object.end.date.month !== event_object.begin.date.month)
|
||||||
|
||
|
||||||
|
(event_object.end.date.day !== event_object.begin.date.day)
|
||||||
|
)
|
||||||
|
?
|
||||||
|
lib_plankton.string.coin(
|
||||||
|
"{{year}}-{{month}}-{{day}}",
|
||||||
|
{
|
||||||
|
"year": event_object.end.date.year.toFixed(0).padStart(4, "0"),
|
||||||
|
"month": event_object.end.date.month.toFixed(0).padStart(2, "0"),
|
||||||
|
"day": event_object.end.date.day.toFixed(0).padStart(2, "0"),
|
||||||
|
}
|
||||||
|
)
|
||||||
|
:
|
||||||
|
null
|
||||||
|
),
|
||||||
|
(
|
||||||
|
(event_object.end.time !== null)
|
||||||
|
?
|
||||||
|
lib_plankton.string.coin(
|
||||||
|
"{{hour}}:{{minute}}",
|
||||||
|
{
|
||||||
|
"hour": event_object.end.time.hour.toFixed(0).padStart(2, "0"),
|
||||||
|
"minute": event_object.end.time.minute.toFixed(0).padStart(2, "0"),
|
||||||
|
}
|
||||||
|
)
|
||||||
|
:
|
||||||
|
null
|
||||||
|
),
|
||||||
|
]
|
||||||
|
.filter(x => (x !== null))
|
||||||
|
.join(",")
|
||||||
),
|
),
|
||||||
}
|
}
|
||||||
)
|
)
|
||||||
|
|
@ -159,22 +208,6 @@ namespace _zeitbild.frontend_web.widgets.weekview
|
||||||
:
|
:
|
||||||
""
|
""
|
||||||
)
|
)
|
||||||
+
|
|
||||||
(
|
|
||||||
(event_object.link !== null)
|
|
||||||
?
|
|
||||||
(
|
|
||||||
lib_plankton.string.coin(
|
|
||||||
"{{label}}: {{value}}\n",
|
|
||||||
{
|
|
||||||
"label": lib_plankton.translate.get("event.link"),
|
|
||||||
"value": event_object.link,
|
|
||||||
}
|
|
||||||
)
|
|
||||||
)
|
|
||||||
:
|
|
||||||
""
|
|
||||||
)
|
|
||||||
/*
|
/*
|
||||||
+
|
+
|
||||||
(
|
(
|
||||||
|
|
@ -389,24 +422,7 @@ namespace _zeitbild.frontend_web.widgets.weekview
|
||||||
.forEach(
|
.forEach(
|
||||||
(entry) => {
|
(entry) => {
|
||||||
const distance_seconds : int = (
|
const distance_seconds : int = (
|
||||||
lib_plankton.pit.from_datetime(
|
lib_plankton.pit.from_datetime(entry.event_object.begin)
|
||||||
/**
|
|
||||||
* so that events without a start time will be put in the correct box
|
|
||||||
*/
|
|
||||||
{
|
|
||||||
"timezone_shift": entry.event_object.begin.timezone_shift,
|
|
||||||
"date": entry.event_object.begin.date,
|
|
||||||
"time": (
|
|
||||||
entry.event_object.begin.time
|
|
||||||
??
|
|
||||||
{
|
|
||||||
"hour": 12,
|
|
||||||
"minute": 0,
|
|
||||||
"second": 0
|
|
||||||
}
|
|
||||||
),
|
|
||||||
}
|
|
||||||
)
|
|
||||||
-
|
-
|
||||||
from_pit
|
from_pit
|
||||||
);
|
);
|
||||||
|
|
@ -588,13 +604,13 @@ namespace _zeitbild.frontend_web.widgets.weekview
|
||||||
{
|
{
|
||||||
"extra_classes": (
|
"extra_classes": (
|
||||||
[""]
|
[""]
|
||||||
.concat(cell.today ? ["weekview-cell-today"] : [])
|
.concat(cell.today ? ["calendar-cell-today"] : [])
|
||||||
.join(" ")
|
.join(" ")
|
||||||
),
|
),
|
||||||
"title": lib_plankton.call.convey(
|
"title": lib_plankton.call.convey(
|
||||||
cell.pit,
|
cell.pit,
|
||||||
[
|
[
|
||||||
lib_plankton.pit.to_datetime_ce,
|
lib_plankton.pit.to_datetime,
|
||||||
(x : lib_plankton.pit.type_datetime) => lib_plankton.string.coin(
|
(x : lib_plankton.pit.type_datetime) => lib_plankton.string.coin(
|
||||||
"{{year}}-{{month}}-{{day}}",
|
"{{year}}-{{month}}-{{day}}",
|
||||||
{
|
{
|
||||||
|
|
@ -608,7 +624,7 @@ namespace _zeitbild.frontend_web.widgets.weekview
|
||||||
"day": lib_plankton.call.convey(
|
"day": lib_plankton.call.convey(
|
||||||
cell.pit,
|
cell.pit,
|
||||||
[
|
[
|
||||||
lib_plankton.pit.to_datetime_ce,
|
lib_plankton.pit.to_datetime,
|
||||||
(x : lib_plankton.pit.type_datetime) => lib_plankton.string.coin(
|
(x : lib_plankton.pit.type_datetime) => lib_plankton.string.coin(
|
||||||
"{{day}}",
|
"{{day}}",
|
||||||
{
|
{
|
||||||
|
|
@ -622,7 +638,7 @@ namespace _zeitbild.frontend_web.widgets.weekview
|
||||||
"rel": lib_plankton.call.convey(
|
"rel": lib_plankton.call.convey(
|
||||||
cell.pit,
|
cell.pit,
|
||||||
[
|
[
|
||||||
lib_plankton.pit.to_datetime_ce,
|
lib_plankton.pit.to_datetime,
|
||||||
(x : lib_plankton.pit.type_datetime) => lib_plankton.string.coin(
|
(x : lib_plankton.pit.type_datetime) => lib_plankton.string.coin(
|
||||||
"{{year}}-{{month}}-{{day}}",
|
"{{year}}-{{month}}-{{day}}",
|
||||||
{
|
{
|
||||||
|
|
@ -760,7 +776,7 @@ namespace _zeitbild.frontend_web.widgets.weekview
|
||||||
// do nothing
|
// do nothing
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
context.querySelectorAll(".weekview-cell-regular").forEach(
|
context.querySelectorAll(".calendar-cell-regular").forEach(
|
||||||
(element) => {
|
(element) => {
|
||||||
element.addEventListener(
|
element.addEventListener(
|
||||||
"click",
|
"click",
|
||||||
|
|
@ -790,7 +806,7 @@ namespace _zeitbild.frontend_web.widgets.weekview
|
||||||
// do nothing
|
// do nothing
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
context.querySelectorAll(".weekview-event_entry").forEach(
|
context.querySelectorAll(".calendar-event_entry").forEach(
|
||||||
(element) => {
|
(element) => {
|
||||||
element.addEventListener(
|
element.addEventListener(
|
||||||
"click",
|
"click",
|
||||||
|
|
@ -829,28 +845,6 @@ namespace _zeitbild.frontend_web.widgets.weekview
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
*/
|
|
||||||
public toggle_visibility(
|
|
||||||
calendar_id: _zeitbild.frontend_web.type.calendar_id
|
|
||||||
) : void
|
|
||||||
{
|
|
||||||
this.container.querySelectorAll(".weekview-event_entry").forEach(
|
|
||||||
(element) => {
|
|
||||||
const rel : string = element.getAttribute("rel");
|
|
||||||
const parts : Array<string> = rel.split("/");
|
|
||||||
const calendar_id_ : _zeitbild.frontend_web.type.calendar_id = parseInt(parts[0]);
|
|
||||||
if (! (calendar_id === calendar_id_)) {
|
|
||||||
// do nothing
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
element.classList.toggle("weekview-cell-hidden");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* [implementation]
|
* [implementation]
|
||||||
*/
|
*/
|
||||||
|
|
@ -866,13 +860,6 @@ namespace _zeitbild.frontend_web.widgets.weekview
|
||||||
"label_control_week": lib_plankton.translate.get("widget.weekview.controls.week"),
|
"label_control_week": lib_plankton.translate.get("widget.weekview.controls.week"),
|
||||||
"label_control_count": lib_plankton.translate.get("widget.weekview.controls.count"),
|
"label_control_count": lib_plankton.translate.get("widget.weekview.controls.count"),
|
||||||
"label_control_apply": lib_plankton.translate.get("widget.weekview.controls.apply"),
|
"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");
|
this.container = target_element.querySelector(".weekview");
|
||||||
|
|
|
||||||
|
|
@ -19,13 +19,13 @@
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th class="calendar-cell"></th>
|
<th class="calendar-cell"></th>
|
||||||
<th class="calendar-cell calendar-cell-day">{{label_weekday_monday}}</th>
|
<th class="calendar-cell calendar-cell-day">Mo</th>
|
||||||
<th class="calendar-cell calendar-cell-day">{{label_weekday_tuesday}}</th>
|
<th class="calendar-cell calendar-cell-day">Di</th>
|
||||||
<th class="calendar-cell calendar-cell-day">{{label_weekday_wednesday}}</th>
|
<th class="calendar-cell calendar-cell-day">Mi</th>
|
||||||
<th class="calendar-cell calendar-cell-day">{{label_weekday_thursday}}</th>
|
<th class="calendar-cell calendar-cell-day">Do</th>
|
||||||
<th class="calendar-cell calendar-cell-day">{{label_weekday_friday}}</th>
|
<th class="calendar-cell calendar-cell-day">Fr</th>
|
||||||
<th class="calendar-cell calendar-cell-day">{{label_weekday_saturday}}</th>
|
<th class="calendar-cell calendar-cell-day">Sa</th>
|
||||||
<th class="calendar-cell calendar-cell-day">{{label_weekday_sunday}}</th>
|
<th class="calendar-cell calendar-cell-day">So</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,3 @@
|
||||||
<li class="weekview-event_entry{{additional_classes}}" style="background-color: {{color}};" title="{{title}}" rel="{{rel}}">
|
<li class="calendar-event_entry{{additional_classes}}" style="background-color: {{color}};" title="{{title}}" rel="{{rel}}">
|
||||||
{{name}}
|
{{name}}
|
||||||
</li>
|
</li>
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,8 @@
|
||||||
<td class="weekview-cell weekview-cell-regular{{extra_classes}}" rel="{{rel}}">
|
<td class="calendar-cell calendar-cell-regular{{extra_classes}}" rel="{{rel}}">
|
||||||
<span class="weekview-day" title="{{title}}">
|
<span class="calendar-day" title="{{title}}">
|
||||||
{{day}}
|
{{day}}
|
||||||
</span>
|
</span>
|
||||||
<ul class="weekview-events">
|
<ul class="calendar-events">
|
||||||
{{entries}}
|
{{entries}}
|
||||||
</ul>
|
</ul>
|
||||||
</td>
|
</td>
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<tr>
|
<tr>
|
||||||
<th class="weekview-cell weekview-cell-week">
|
<th class="calendar-cell calendar-cell-week">
|
||||||
{{week}}
|
{{week}}
|
||||||
</th>
|
</th>
|
||||||
{{cells}}
|
{{cells}}
|
||||||
|
|
|
||||||
2
todo.md
2
todo.md
|
|
@ -1,2 +0,0 @@
|
||||||
- unterschiedliche Ansichten für Betrachten und Bearbeiten von Terminen und Kalendern
|
|
||||||
- zu verwendende Zeitzone nicht fest auf mitteleuropäische setzen
|
|
||||||
|
|
@ -12,7 +12,7 @@ def main():
|
||||||
"-o",
|
"-o",
|
||||||
"--output-directory",
|
"--output-directory",
|
||||||
type = str,
|
type = str,
|
||||||
default = "/tmp/dali",
|
default = "/tmp/zeitbild-frontend-web",
|
||||||
metavar = "<output-directory>",
|
metavar = "<output-directory>",
|
||||||
help = "output directory",
|
help = "output directory",
|
||||||
)
|
)
|
||||||
|
|
|
||||||
|
|
@ -28,7 +28,7 @@ def main():
|
||||||
"--build-directory",
|
"--build-directory",
|
||||||
type = str,
|
type = str,
|
||||||
dest = "build_directory",
|
dest = "build_directory",
|
||||||
default = "/tmp/dali",
|
default = "build",
|
||||||
metavar = "<build-directory>",
|
metavar = "<build-directory>",
|
||||||
help = "directory to where the build was put",
|
help = "directory to where the build was put",
|
||||||
)
|
)
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue