Changes for page Home

Last modified by Benjamin Fischer on 2025/06/04 14:20

From version 72.28
edited by Benjamin Fischer
on 2024/11/06 13:22
Change comment: There is no comment for this version
To version 72.34
edited by Benjamin Fischer
on 2024/11/06 14:41
Change comment: There is no comment for this version

Summary

Details

XWiki.JavaScriptExtension[0]
Code
... ... @@ -1,13 +1,36 @@
1 1  require(["jquery", "fullcalendar"], function (jq) {
2 2   const FC = jq.fullCalendar;
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 + }
9 + const ret = Element(tag, attrs);
10 + ret.append(...childs.flat());
11 + return ret;
12 + };
3 3   FC.defineView('monthCols', {
4 4   class: FC.View.extend({
5 - initialize() {
6 - console.log("foo bar");
7 - },
8 - renderSekeleton() {
9 - this.el.addClass("fc-month-cols-view").html("");
15 + render() {
10 10   debugger;
17 + const chf = this.opt("columnFormat") ?? "MMM";
18 + return;
19 + const start = this.start ?? FC.moment({year: FC.moment().year()});
20 + const months = Array(12).fill().map((_, month) => start.add({month}));
21 +
22 + this.el.addClass("fc-month-cols-view").html(
23 + E(
24 + "table",
25 + E("thead", {class: "fc-head"},
26 + E("tr", months.map(m => E("td", m.format(chf))))),
27 + E("tbody", {class: "fc-body"},
28 + Array(31).fill().map((_, day) => E("tr",
29 + months.map(m => m.add({day})).map(d => E("td", {class: this.getDayClasses(d).join(" ")}, [d.toISOString()]))))
30 + ),
31 + )
32 + );
33 +
11 11   },
12 12   }),
13 13   duration: { year: 1 },