Skip to Content

Changes for page Home

Last modified by Benjamin Fischer on 2025/06/04 14:20
From version 72.22
edited by Benjamin Fischer
on 2024/11/06 12:49
Change comment: There is no comment for this version
To version 72.37
edited by Benjamin Fischer
on 2024/11/06 15:07
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -20,9 +20,8 @@
20 20  
21 21  {{velocity output="false"}}
22 22  $xwiki.ssx.use("Calendar.FullCalendar")
23 -$xwiki.ssx.use("MoccaCalendar.Code.Macro")
24 24  $xwiki.jsx.use("Calendar.FullCalendar", {'defer': false})
25 -$xwiki.jsx.use("MoccaCalendar.Code.Macro", {'defer': false})
24 +$xwiki.jsx.use("Main.WebHome", {'defer': false, 'minify': false})
26 26  {{/velocity}}
27 27  
28 28  (% id="calendarCustom" %)
XWiki.JavaScriptExtension[0]
Code
... ... @@ -1,14 +1,40 @@
1 1  require(["jquery", "fullcalendar"], function (jq) {
2 2   const FC = jq.fullCalendar;
3 - const View = FC.View;
4 -
5 - const MonthColView = FC.View.extend({
6 -
3 + const E = (tag, ...childs) => {
4 + const attrs = childs[0]?.constructor === Object ? childs.shift() : {};
5 + const ret = Element(tag, attrs);
6 + ret.append(...childs.flat());
7 + return ret;
8 + };
9 + FC.defineView('monthCols', {
10 + class: FC.View.extend({
11 + render() {
12 + debugger;
13 + const chf = this.opt("columnFormat") ?? "MMM";
14 + const start = this.start ?? FC.moment({year: FC.moment().year()});
15 + const months = Array(12).fill().map((_, month) => start.clone().add({month}));
16 +
17 + this.el.addClass("fc-month-cols-view").html(
18 + E(
19 + "table",
20 + E("thead", {class: "fc-head"},
21 + E("tr", months.map(m => E("td", m.format(chf))))),
22 + E("tbody", {class: "fc-body"},
23 + Array(31).fill().map((_, day) => E("tr",
24 + months.map(m => m.clone().add({day})).map((d, i) =>
25 + d.day() === i + 1
26 + ? E("td", {class: this.getDayClasses(d).join(" ")}, [d.format("ddd")])
27 + : E("td")
28 + )))
29 + ),
30 + )
31 + );
32 +
33 + },
34 + }),
35 + duration: { year: 1 },
7 7   });
8 -
9 - fullCalendar.defineView('monthCols', MonthColView);
10 -
11 -
37 +
12 12   const init = () => {
13 13   jq("#calendarCustom").fullCalendar({
14 14   views: {
... ... @@ -42,6 +42,7 @@
42 42   defaultDate: "2024-11-06",
43 43   editable: false,
44 44   eventDataTransform: event => {
71 + if (event.url.split("/")[4] === "Holidays") event.rendering = "background";
45 45   return event;
46 46   },
47 47   eventRender: function (event, element) {
Use this extension
... ... @@ -1,1 +1,1 @@
1 -currentPage
1 +onDemand