Compare commits

...

6 commits

Author SHA1 Message Date
Fenris Wolf
77f43372c9 [mod] overview:hide/show calendars 2024-10-21 23:18:08 +02:00
Fenris Wolf
ad322f7550 [mod] config switch for central europe datetime inputs 2024-10-21 23:17:53 +02:00
Fenris Wolf
5f6d72f67c [add] todo 2024-10-21 19:19:42 +02:00
Fenris Wolf
348f6da19c [mod] style 2024-10-21 19:19:33 +02:00
Fenris Wolf
6c92725d50 [upd] plankton 2024-10-21 19:19:11 +02:00
Fenris Wolf
61835bc533 [fix] widget:weekview 2024-10-21 07:01:13 +02:00
18 changed files with 704 additions and 347 deletions

View file

@ -2995,6 +2995,10 @@ declare namespace lib_plankton.pit {
type type_pit = int;
}
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;
@ -3008,7 +3012,7 @@ declare namespace lib_plankton.pit {
*/
function to_date_object(pit: type_pit): Date;
/**
* @todo timezone
* @todo test
*/
function to_datetime(pit: type_pit, options?: {
timezone_shift?: int;
@ -3048,6 +3052,18 @@ declare namespace lib_plankton.pit {
function to_ywd(pit: type_pit, options?: {
timezone_shift?: int;
}): 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;
}
declare namespace lib_plankton.www_form {
/**
@ -3566,6 +3582,55 @@ declare namespace lib_plankton.zoo_input {
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 {
/**
* @author fenris
@ -3644,31 +3709,6 @@ declare namespace lib_plankton.zoo_input {
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 {
/**
* @author fenris
@ -3699,55 +3739,6 @@ declare namespace lib_plankton.zoo_input {
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 {
/**
*/
@ -3775,6 +3766,56 @@ declare namespace lib_plankton.zoo_input {
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 {
/**
*/

View file

@ -8357,6 +8357,23 @@ var lib_plankton;
(function (lib_plankton) {
var pit;
(function (pit_1) {
/**
* @todo complete
*/
function timezone_name_to_timezone_shift(timezone_name) {
const map = {
"UTC": 0,
"CET": +1,
"CEST": +2,
};
if (!(timezone_name in map)) {
throw (new Error("unhandled timezone: " + timezone_name));
}
else {
return map[timezone_name];
}
}
pit_1.timezone_name_to_timezone_shift = timezone_name_to_timezone_shift;
/**
*/
function date_object_get_week_of_year(date) {
@ -8402,7 +8419,7 @@ var lib_plankton;
return Math.round(date_object.getTime() / 1000);
}
/**
* @todo timezone
* @todo test
*/
function to_datetime(pit, options = {}) {
options = Object.assign({
@ -8660,6 +8677,58 @@ var lib_plankton;
]);
}
pit_1.to_ywd = to_ywd;
/**
* computes the point in time for switching to central european summer time
*
* @todo write tests
*/
function cest_switch_on(year) {
return lib_plankton.call.convey(year, [
(x) => ({
"timezone_shift": 0,
"date": {
"year": x,
"month": 4,
"day": 1,
},
"time": {
"hour": 2,
"minute": 0,
"second": 0
},
}),
from_datetime,
trunc_week,
x => shift_day(x, -1),
]);
}
pit_1.cest_switch_on = cest_switch_on;
/**
* computes the point in time for switching away from central european summer time
*
* @todo write tests
*/
function cest_switch_off(year) {
return lib_plankton.call.convey(year, [
(x) => ({
"timezone_shift": 0,
"date": {
"year": x,
"month": 11,
"day": 1,
},
"time": {
"hour": 1,
"minute": 0,
"second": 0
},
}),
from_datetime,
trunc_week,
x => shift_day(x, -1),
]);
}
pit_1.cest_switch_off = cest_switch_off;
})(pit = lib_plankton.pit || (lib_plankton.pit = {}));
})(lib_plankton || (lib_plankton = {}));
/*
@ -10153,6 +10222,153 @@ 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 »bacterio-plankton:zoo-input«. If not, see <http://www.gnu.org/licenses/>.
*/
var lib_plankton;
(function (lib_plankton) {
var zoo_input;
(function (zoo_input) {
/**
* @author fenris
*/
class class_input_list {
/**
*/
constructor(element_input_factory, options = {}) {
options = Object.assign({
"translations": {
"add": "add",
"remove": "remove",
},
}, options);
this.element_input_factory = element_input_factory;
this.elements = [];
this.elements_container_dom = null;
this.translations = options.translations;
}
/**
*/
clear() {
this.elements_container_dom.innerHTML = "";
this.elements = [];
return Promise.resolve(undefined);
}
/**
*/
async add() {
// model
let element_dom = document.createElement("div");
const input = this.element_input_factory();
this.elements.push({ "dom": element_dom, "input": input });
// view & control
{
element_dom.classList.add("plankton_input_list_element");
// remover
{
let remover_dom = document.createElement("button");
remover_dom.classList.add("plankton_input_list_button");
remover_dom.classList.add("plankton_input_list_element_remover");
remover_dom.setAttribute("title", this.translations.remove);
remover_dom.textContent = "x";
remover_dom.addEventListener("click", (event) => {
event.preventDefault();
const index = this.elements.findIndex(element => (element.input === input));
const element = this.elements[index];
this.elements_container_dom.removeChild(element.dom);
this.elements.splice(index, 1);
});
element_dom.appendChild(remover_dom);
}
// input
{
let input_dom = document.createElement("div");
input_dom.classList.add("plankton_input_list_element_input");
await input.setup(input_dom);
element_dom.appendChild(input_dom);
}
this.elements_container_dom.appendChild(element_dom);
}
return Promise.resolve(input);
}
/**
* [implementation]
*/
setup(parent) {
let container_dom = document.createElement("div");
container_dom.classList.add("plankton_input_list");
// elements
{
this.elements_container_dom = document.createElement("div");
this.elements_container_dom.classList.add("plankton_input_list_elements");
container_dom.appendChild(this.elements_container_dom);
}
// foot
{
let footer_dom = document.createElement("div");
footer_dom.classList.add("plankton_input_list_foot");
// adder
{
let adder_dom = document.createElement("button");
adder_dom.classList.add("plankton_input_list_button");
adder_dom.classList.add("plankton_input_list_adder");
adder_dom.setAttribute("title", this.translations.add);
adder_dom.textContent = "+";
adder_dom.addEventListener("click", (event) => {
event.preventDefault();
this.add();
});
footer_dom.appendChild(adder_dom);
}
container_dom.appendChild(footer_dom);
}
parent.appendChild(container_dom);
return Promise.resolve(undefined);
}
/**
* [implementation]
*/
read() {
return (Promise.all(this.elements
.map((element, index) => (element.input.read()
.then((element_value) => Promise.resolve({
"index": index,
"value": element_value,
})))))
.then((elements) => Promise.resolve(elements
.sort((x, y) => ((x.index <= y.index) ? 0 : 1))
.map(element => element.value))));
}
/**
* [implementation]
*/
write(value) {
return (this.clear()
.then(() => Promise.all(value
.map((element_value) => (this.add()
.then(element_input => element_input.write(element_value))))))
.then(() => Promise.resolve(undefined)));
}
}
zoo_input.class_input_list = class_input_list;
})(zoo_input = lib_plankton.zoo_input || (lib_plankton.zoo_input = {}));
})(lib_plankton || (lib_plankton = {}));
/*
This file is part of »bacterio-plankton:zoo-input«.
Copyright 2016-2024 'Christian Fraß, Christian Neubauer, Martin Springwald GbR'
<info@greenscale.de>
»bacterio-plankton:zoo-input« 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.
»bacterio-plankton:zoo-input« 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 »bacterio-plankton:zoo-input«. If not, see <http://www.gnu.org/licenses/>.
*/
@ -10360,77 +10576,6 @@ 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 »bacterio-plankton:zoo-input«. If not, see <http://www.gnu.org/licenses/>.
*/
var lib_plankton;
(function (lib_plankton) {
var zoo_input;
(function (zoo_input) {
/**
*/
class class_input_datetime {
/**
*/
constructor(options = {}) {
options = Object.assign({
"label_timezone_shift": "",
"label_date": "",
"label_time": "",
}, options);
this.core = new zoo_input.class_input_group([
{
"name": "timezone_shift",
"input": new zoo_input.class_input_number(),
"label": options.label_timezone_shift,
},
{
"name": "date",
"input": new zoo_input.class_input_date(),
"label": options.label_date,
},
{
"name": "time",
"input": new zoo_input.class_input_soft(new zoo_input.class_input_time()),
"label": options.label_time,
},
]);
}
/**
*/
async setup(parent) {
return this.core.setup(parent);
}
/**
*/
async read() {
return this.core.read();
}
/**
*/
async write(value) {
return this.core.write(value);
}
}
zoo_input.class_input_datetime = class_input_datetime;
})(zoo_input = lib_plankton.zoo_input || (lib_plankton.zoo_input = {}));
})(lib_plankton || (lib_plankton = {}));
/*
This file is part of »bacterio-plankton:zoo-input«.
Copyright 2016-2024 'Christian Fraß, Christian Neubauer, Martin Springwald GbR'
<info@greenscale.de>
»bacterio-plankton:zoo-input« 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.
»bacterio-plankton:zoo-input« 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 »bacterio-plankton:zoo-input«. If not, see <http://www.gnu.org/licenses/>.
*/
@ -10538,153 +10683,6 @@ 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 »bacterio-plankton:zoo-input«. If not, see <http://www.gnu.org/licenses/>.
*/
var lib_plankton;
(function (lib_plankton) {
var zoo_input;
(function (zoo_input) {
/**
* @author fenris
*/
class class_input_list {
/**
*/
constructor(element_input_factory, options = {}) {
options = Object.assign({
"translations": {
"add": "add",
"remove": "remove",
},
}, options);
this.element_input_factory = element_input_factory;
this.elements = [];
this.elements_container_dom = null;
this.translations = options.translations;
}
/**
*/
clear() {
this.elements_container_dom.innerHTML = "";
this.elements = [];
return Promise.resolve(undefined);
}
/**
*/
async add() {
// model
let element_dom = document.createElement("div");
const input = this.element_input_factory();
this.elements.push({ "dom": element_dom, "input": input });
// view & control
{
element_dom.classList.add("plankton_input_list_element");
// remover
{
let remover_dom = document.createElement("button");
remover_dom.classList.add("plankton_input_list_button");
remover_dom.classList.add("plankton_input_list_element_remover");
remover_dom.setAttribute("title", this.translations.remove);
remover_dom.textContent = "x";
remover_dom.addEventListener("click", (event) => {
event.preventDefault();
const index = this.elements.findIndex(element => (element.input === input));
const element = this.elements[index];
this.elements_container_dom.removeChild(element.dom);
this.elements.splice(index, 1);
});
element_dom.appendChild(remover_dom);
}
// input
{
let input_dom = document.createElement("div");
input_dom.classList.add("plankton_input_list_element_input");
await input.setup(input_dom);
element_dom.appendChild(input_dom);
}
this.elements_container_dom.appendChild(element_dom);
}
return Promise.resolve(input);
}
/**
* [implementation]
*/
setup(parent) {
let container_dom = document.createElement("div");
container_dom.classList.add("plankton_input_list");
// elements
{
this.elements_container_dom = document.createElement("div");
this.elements_container_dom.classList.add("plankton_input_list_elements");
container_dom.appendChild(this.elements_container_dom);
}
// foot
{
let footer_dom = document.createElement("div");
footer_dom.classList.add("plankton_input_list_foot");
// adder
{
let adder_dom = document.createElement("button");
adder_dom.classList.add("plankton_input_list_button");
adder_dom.classList.add("plankton_input_list_adder");
adder_dom.setAttribute("title", this.translations.add);
adder_dom.textContent = "+";
adder_dom.addEventListener("click", (event) => {
event.preventDefault();
this.add();
});
footer_dom.appendChild(adder_dom);
}
container_dom.appendChild(footer_dom);
}
parent.appendChild(container_dom);
return Promise.resolve(undefined);
}
/**
* [implementation]
*/
read() {
return (Promise.all(this.elements
.map((element, index) => (element.input.read()
.then((element_value) => Promise.resolve({
"index": index,
"value": element_value,
})))))
.then((elements) => Promise.resolve(elements
.sort((x, y) => ((x.index <= y.index) ? 0 : 1))
.map(element => element.value))));
}
/**
* [implementation]
*/
write(value) {
return (this.clear()
.then(() => Promise.all(value
.map((element_value) => (this.add()
.then(element_input => element_input.write(element_value))))))
.then(() => Promise.resolve(undefined)));
}
}
zoo_input.class_input_list = class_input_list;
})(zoo_input = lib_plankton.zoo_input || (lib_plankton.zoo_input = {}));
})(lib_plankton || (lib_plankton = {}));
/*
This file is part of »bacterio-plankton:zoo-input«.
Copyright 2016-2024 'Christian Fraß, Christian Neubauer, Martin Springwald GbR'
<info@greenscale.de>
»bacterio-plankton:zoo-input« 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.
»bacterio-plankton:zoo-input« 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 »bacterio-plankton:zoo-input«. If not, see <http://www.gnu.org/licenses/>.
*/
@ -10739,6 +10737,180 @@ var lib_plankton;
})(zoo_input = lib_plankton.zoo_input || (lib_plankton.zoo_input = {}));
})(lib_plankton || (lib_plankton = {}));
/*
This file is part of »bacterio-plankton:zoo-input«.
Copyright 2016-2024 'Christian Fraß, Christian Neubauer, Martin Springwald GbR'
<info@greenscale.de>
»bacterio-plankton:zoo-input« 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.
»bacterio-plankton:zoo-input« 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 »bacterio-plankton:zoo-input«. If not, see <http://www.gnu.org/licenses/>.
*/
var lib_plankton;
(function (lib_plankton) {
var zoo_input;
(function (zoo_input) {
/**
*/
class class_input_datetime {
/**
*/
constructor(options = {}) {
options = Object.assign({
"label_timezone_shift": "",
"label_date": "",
"label_time": "",
}, options);
this.core = new zoo_input.class_input_group([
{
"name": "timezone_shift",
"input": new zoo_input.class_input_number(),
"label": options.label_timezone_shift,
},
{
"name": "date",
"input": new zoo_input.class_input_date(),
"label": options.label_date,
},
{
"name": "time",
"input": new zoo_input.class_input_soft(new zoo_input.class_input_time()),
"label": options.label_time,
},
]);
}
/**
*/
setup(parent) {
return this.core.setup(parent);
}
/**
*/
read() {
return this.core.read();
}
/**
*/
write(value) {
return this.core.write(value);
}
}
zoo_input.class_input_datetime = class_input_datetime;
})(zoo_input = lib_plankton.zoo_input || (lib_plankton.zoo_input = {}));
})(lib_plankton || (lib_plankton = {}));
/*
This file is part of »bacterio-plankton:zoo-input«.
Copyright 2016-2024 'Christian Fraß, Christian Neubauer, Martin Springwald GbR'
<info@greenscale.de>
»bacterio-plankton:zoo-input« 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.
»bacterio-plankton:zoo-input« 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 »bacterio-plankton:zoo-input«. If not, see <http://www.gnu.org/licenses/>.
*/
var lib_plankton;
(function (lib_plankton) {
var zoo_input;
(function (zoo_input) {
/**
* for central europe with daylight saving time feature
*/
class class_input_datetime_central_europe {
/**
*/
constructor(options = {}) {
options = Object.assign({
"label_date": "",
"label_time": "",
}, options);
this.core = new zoo_input.class_input_group([
{
"name": "date",
"input": new zoo_input.class_input_date(),
"label": options.label_date,
},
{
"name": "time",
"input": new zoo_input.class_input_soft(new zoo_input.class_input_time()),
"label": options.label_time,
},
]);
}
/**
*/
setup(parent) {
return this.core.setup(parent);
}
/**
*/
async read() {
const datetime_easy = await this.core.read();
const datetime_cet = {
"timezone_shift": 1,
"date": datetime_easy.date,
"time": datetime_easy.time,
};
const datetime_cest = {
"timezone_shift": 2,
"date": datetime_easy.date,
"time": datetime_easy.time,
};
const datetime = (lib_plankton.pit.is_between(lib_plankton.pit.from_datetime(datetime_cet), lib_plankton.pit.cest_switch_on(datetime_easy.date.year), lib_plankton.pit.cest_switch_off(datetime_easy.date.year))
?
datetime_cest
:
datetime_cet);
if (datetime_easy.time === null) {
datetime.time = null;
}
else {
// do nothing
}
return Promise.resolve(datetime);
}
/**
*/
async write(value) {
const pit = lib_plankton.pit.from_datetime(value);
const datetime_utc = lib_plankton.pit.to_datetime(pit, {
"timezone_shift": 0,
});
const datetime_relative = lib_plankton.pit.to_datetime(pit, {
"timezone_shift": (lib_plankton.pit.is_between(lib_plankton.pit.from_datetime(datetime_utc), lib_plankton.pit.cest_switch_on(datetime_utc.date.year), lib_plankton.pit.cest_switch_off(datetime_utc.date.year))
?
2
:
1)
});
const datetime_easy = {
"date": datetime_relative.date,
"time": ((value.time === null) ? null : datetime_relative.time),
};
return this.core.write(datetime_easy);
}
}
zoo_input.class_input_datetime_central_europe = class_input_datetime_central_europe;
})(zoo_input = lib_plankton.zoo_input || (lib_plankton.zoo_input = {}));
})(lib_plankton || (lib_plankton = {}));
/*
This file is part of »bacterio-plankton:zoo-form«.
Copyright 2016-2024 'Christian Fraß, Christian Neubauer, Martin Springwald GbR'

View file

@ -14,6 +14,9 @@
"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.view": "nur lesen",
"access_level.edit": "lesen und bearbeiten",

View file

@ -14,6 +14,9 @@
"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.view": "read only",
"access_level.edit": "read and write",

View file

@ -52,6 +52,11 @@ namespace _zeitbild.frontend_web.conf
"type": "string",
"default": "http://localhost:8888/#oidc_finish,session_key={{session_key}}"
},
"use_central_europe_specific_datetime_inputs": {
"nullable": true,
"type": "boolean",
"default": false
},
},
"required": [
],

View file

@ -257,4 +257,30 @@ 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"),
}
)
);
}
}

View file

@ -140,25 +140,13 @@ namespace _zeitbild.frontend_web.pages
},
{
"name": "begin",
"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"),
}
),
"input": _zeitbild.frontend_web.helpers.datetime_input(),
"label": lib_plankton.translate.get("event.begin")
},
{
"name": "end",
"input": new lib_plankton.zoo_input.class_input_soft<lib_plankton.pit.type_datetime>(
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"),
}
)
_zeitbild.frontend_web.helpers.datetime_input()
),
"label": lib_plankton.translate.get("event.end")
},

View file

@ -70,25 +70,13 @@ namespace _zeitbild.frontend_web.pages
},
{
"name": "begin",
"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"),
}
),
"input": _zeitbild.frontend_web.helpers.datetime_input(),
"label": lib_plankton.translate.get("event.begin")
},
{
"name": "end",
"input": new lib_plankton.zoo_input.class_input_soft<lib_plankton.pit.type_datetime>(
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"),
}
)
_zeitbild.frontend_web.helpers.datetime_input()
),
"label": lib_plankton.translate.get("event.end")
},

View file

@ -31,6 +31,8 @@ namespace _zeitbild.frontend_web.pages.overview
}
);
target_element.querySelector("#overview").classList.toggle("overview-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
{
if (! await _zeitbild.frontend_web.backend.is_logged_in()) {
@ -53,7 +55,7 @@ namespace _zeitbild.frontend_web.pages.overview
const widget_sources = new _zeitbild.frontend_web.widgets.sources.class_widget_sources(
data,
{
"action_select": (entry) => {
"action_open": (entry) => {
switch (entry.access_level) {
case _zeitbild.frontend_web.type.enum_access_level.none: {
throw (new Error("this event should not be visible"));
@ -86,6 +88,9 @@ 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"));
@ -136,7 +141,7 @@ namespace _zeitbild.frontend_web.pages.overview
};
// listview
{
const widget = (
widget_listview = (
new _zeitbild.frontend_web.widgets.listview.class_widget_listview(
get_entries,
{
@ -157,11 +162,11 @@ namespace _zeitbild.frontend_web.pages.overview
}
)
);
await widget.load(target_element.querySelector("#overview-pane-right-listview"));
await widget_listview.load(target_element.querySelector("#overview-pane-right-listview"));
}
// weekview
{
const widget = (
widget_weekview = (
new _zeitbild.frontend_web.widgets.weekview.class_widget_weekview(
get_entries,
{
@ -182,7 +187,7 @@ namespace _zeitbild.frontend_web.pages.overview
}
)
);
await widget.load(target_element.querySelector("#overview-pane-right-weekview"));
await widget_weekview.load(target_element.querySelector("#overview-pane-right-weekview"));
}
}
return Promise.resolve<void>(undefined);

View file

@ -1,4 +0,0 @@
.tableview-sources-entry:not(.tableview-sources-entry-active)
{
filter: saturate(0);
}

View file

@ -43,7 +43,7 @@ a:hover
transition: 1s ease color;
}
input,select
input,select,textarea
{
padding: 4px;
}
@ -55,7 +55,7 @@ button
cursor: pointer;
}
input,select,button
input,select,textarea,button
{
background-color: hsl(0, 0%, 0%);
color: hsl(0, 0%, 100%);

View file

@ -36,6 +36,11 @@
.plankton_input_group_field textarea
{
min-width: 250px;
min-height: 75px;
min-width: 350px;
min-height: 200px;
}
.plankton_input_soft_setter
{
vertical-align: top;
}

View file

@ -10,5 +10,43 @@
{
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);
}

View file

@ -45,6 +45,11 @@
outline: 2px solid hsl(0, 0%, 100%);
}
.weekview-cell-hidden
{
display: none;
}
.weekview-day
{
font-size: 0.75em;

View file

@ -27,7 +27,12 @@ namespace _zeitbild.frontend_web.widgets.sources
/**
*/
private action_select : ((entry : type_entry) => void);
private action_open : ((entry : type_entry) => void);
/**
*/
private action_toggle_visibility : ((entry : type_entry) => void);
/**
@ -35,13 +40,15 @@ namespace _zeitbild.frontend_web.widgets.sources
public constructor(
entries : Array<type_entry>,
options : {
action_select ?: ((entry : type_entry) => void);
action_open ?: ((entry : type_entry) => void);
action_toggle_visibility ?: ((entry : type_entry) => void);
} = {}
)
{
options = Object.assign(
{
"action_select": (calendar_id) => {},
"action_open": (calendar_id) => {},
"action_toggle_visibility": (calendar_id) => {},
},
options
);
@ -55,7 +62,8 @@ namespace _zeitbild.frontend_web.widgets.sources
this.data[key] = entry;
}
);
this.action_select = options.action_select;
this.action_open = options.action_open;
this.action_toggle_visibility = options.action_toggle_visibility;
}
@ -82,9 +90,17 @@ namespace _zeitbild.frontend_web.widgets.sources
"entry",
{
"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
// TODO centralize
"color": lib_plankton.color.output_hex(
"color_head": lib_plankton.color.output_hex(
lib_plankton.color.give_generic(
(entry.id - 1),
{
@ -93,6 +109,15 @@ 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,
}
);
@ -104,14 +129,38 @@ namespace _zeitbild.frontend_web.widgets.sources
),
}
);
target_element.querySelectorAll(".sources-entry").forEach(
target_element.querySelectorAll(".sources-entry-head").forEach(
(element) => {
element.addEventListener(
"click",
(event) => {
const key : string = element.getAttribute("rel");
element.parentElement.classList.toggle("sources-entry-open");
}
);
}
);
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];
this.action_select(entry);
element.parentElement.parentElement.parentElement.classList.toggle("sources-entry-hidden");
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);
}
);
}

View file

@ -1 +1,11 @@
<li class="sources-entry" style="background-color: {{color}}" rel="{{rel}}">{{name}}</li>
<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>

View file

@ -620,7 +620,7 @@ namespace _zeitbild.frontend_web.widgets.weekview
{
"extra_classes": (
[""]
.concat(cell.today ? ["calendar-cell-today"] : [])
.concat(cell.today ? ["weekview-cell-today"] : [])
.join(" ")
),
"title": lib_plankton.call.convey(
@ -792,7 +792,7 @@ namespace _zeitbild.frontend_web.widgets.weekview
// do nothing
}
else {
context.querySelectorAll(".calendar-cell-regular").forEach(
context.querySelectorAll(".weekview-cell-regular").forEach(
(element) => {
element.addEventListener(
"click",
@ -822,7 +822,7 @@ namespace _zeitbild.frontend_web.widgets.weekview
// do nothing
}
else {
context.querySelectorAll(".calendar-event_entry").forEach(
context.querySelectorAll(".weekview-event_entry").forEach(
(element) => {
element.addEventListener(
"click",
@ -861,6 +861,28 @@ 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]
*/

1
todo.md Normal file
View file

@ -0,0 +1 @@
- unterschiedliche Ansichten für Betrachten und Bearbeiten von Terminen und Kalendern