Skip to Content

Changes for page Home

Last modified by Benjamin Fischer on 2025/06/04 14:20
From version 72.45
edited by Benjamin Fischer
on 2024/11/07 11:55
Change comment: There is no comment for this version
To version 72.33
edited by Benjamin Fischer
on 2024/11/06 14:26
Change comment: There is no comment for this version

Summary

Details

XWiki.JavaScriptExtension[0]
Code
... ... @@ -1,87 +1,35 @@
1 1  require(["jquery", "fullcalendar"], function (jq) {
2 2   const FC = jq.fullCalendar;
3 - const E = (tag, ...childs) => {
4 - const attrs = childs[0]?.constructor === Object ? childs.shift() : {};
3 + const E = (tag, attrs, ...childs) => {
4 + if (typeof attrs === "string") attrs = [attrs];
5 + if (attrs instanceof Array) {
6 + childs = attrs.concat(childs);
7 + attrs = {};
8 + }
5 5   const ret = Element(tag, attrs);
6 - ret.append(...childs.flat().filter(e => e));
10 + ret.append(...childs.flat());
7 7   return ret;
8 8   };
9 - const range = num => Array(num).fill().map((_, i) => i);
10 10   FC.defineView('monthCols', {
11 11   class: FC.View.extend({
12 - render() {},
13 - renderEvents(events) {
14 - const cf = this.opt("columnFormat") ?? "MMM";
15 - const rf = this.opt("rowFormat") ?? "dd";
16 - const df = this.opt("cellFormat") ?? "ddd";
17 - const wf = this.opt("weekFormat") ?? "w";
18 - const colspan = (df || wf) ? (1 + !!df + !!wf) : null;
15 + renderSkeleton() {
16 + debugger;
17 + const chf = this.opt("columnFormat") ?? "MMM";
18 + return;
19 + const months = Array(12).fill().map((_, month) => this.start.add({month}));
19 19  
20 - const ys = this.start;
21 - const ye = this.end;
22 - const yv = events.slice().sort((a,b) => a.start.diff(b.start) || a.end.diff(b.end));
23 -
24 - const head = [];
25 - const days = Array(31).fill().map(_ => []);
26 -
27 - if (rf) {
28 - head.push(E("th"));
29 - days.forEach((arr, day) => arr.push(E("th", {class: "fc-axis"}, ys.clone().add({day}).format(rf))));
30 - }
31 -
32 - for (const month in Array(12).fill()) {
33 - const ms = ys.clone().add({month})
34 - const me = ms.clone().add({month: 1});
35 - const md = me.diff(ms, "days");
36 - const mv = yv.filter(t => ms.isBefore(t.end) || t.start.isBefore(me));
37 -
38 - head.push(E("th", {colspan}, ms.format(cf)));
39 -
40 - const bgc = new Array(md);
41 -
42 - for (let day = 0; i < 31; i++) {
43 - if (i < md) {
44 - const ds = ms.clone().add({day});
45 - const de = ds.clone().add({day: 1});
46 -
47 - const oc = [];
48 - while(mv[0]?.isBefore(de)) {
49 - const v = mv.shift();
50 - const d = Math.ceil(v.end.min(me).diff(ds, "days", true));
51 - if (t.rendering == "background")
52 - if (t.color)
53 - for (let i=0; i<d; i++)
54 - bgc[day + i] = t.color;
55 - else {
56 - const e = E("div", t.title);
57 - e.style.height = `${100 * d}%`;
58 - if (t.color) e.style.borderColor = e.style.backgroundColor = t.color;
59 - if (t.textColor) e.style.color = t.textColor;
60 - oc.push(e);
61 - // TODO: soft-columns
62 - }
63 - }
64 -
65 - const da = {class: this.getDayClasses(d).join(" ")};
66 - if (df) days[i].push(E("td", da, ds.format(df)));
67 - if (bgc[day]) da.style = `background-color: ${bgc[day]};`;
68 - days[i].push(E("td", da, oc));
69 - if (wf) days[i].oush(E("td", ds.weekday() ? "" : ds.format(wf)));
70 - } else
71 - days[i].push(E("td", {colspan}));
72 - }
73 - }
74 -
75 -
76 76   this.el.addClass("fc-month-cols-view").html(
77 77   E(
78 78   "table",
79 - E("thead", {class: "fc-head"}, E("tr", head)),
80 - E("tbody", {class: "fc-body"}, days.map(d => E("tr", d))),
24 + E("thead", {class: "fc-head"},
25 + E("tr", months.map(m => E("td", m.format(chf))))),
26 + E("tbody", {class: "fc-body"},
27 + Array(31).fill().map((_, day) => E("tr",
28 + months.map(m => m.add({day})).map(d => E("td", {class: this.getDayClasses(d).join(" ")}, [d.toISOString()]))))
29 + ),
81 81   )
82 82   );
83 -
84 - //debugger;
32 +
85 85   },
86 86   }),
87 87   duration: { year: 1 },