Skip to Content

Changes for page Home

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

Summary

Details

Page properties
Content
... ... @@ -20,8 +20,9 @@
20 20  
21 21  {{velocity output="false"}}
22 22  $xwiki.ssx.use("Calendar.FullCalendar")
23 +$xwiki.ssx.use("MoccaCalendar.Code.Macro")
23 23  $xwiki.jsx.use("Calendar.FullCalendar", {'defer': false})
24 -$xwiki.jsx.use("Main.WebHome", {'defer': false, 'minify': false})
25 +$xwiki.jsx.use("MoccaCalendar.Code.Macro", {'defer': false})
25 25  {{/velocity}}
26 26  
27 27  (% id="calendarCustom" %)
XWiki.JavaScriptExtension[0]
Code
... ... @@ -1,39 +1,14 @@
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 - };
13 - FC.defineView('monthCols', {
14 - class: FC.View.extend({
15 - renderSkeleton() {
16 - const chf = this.opt("columnFormat") ?? "MMM";
17 - return;
18 - const months = Array(12).fill().map((_, month) => this.start.add({month}));
19 -
20 - this.el.addClass("fc-month-cols-view").html(
21 - E(
22 - "table",
23 - E("thead", {class: "fc-head"},
24 - E("tr", months.map(m => E("td", m.format(chf))))),
25 - E("tbody", {class: "fc-body"},
26 - Array(31).fill().map((_, day) => E("tr",
27 - months.map(m => m.add({day})).map(d => E("td", {class: this.getDayClasses(d).join(" ")}, [d.toISOString()]))))
28 - ),
29 - )
30 - );
31 - debugger;
32 - },
33 - }),
34 - duration: { year: 1 },
3 + const View = FC.View;
4 +
5 + const MonthColView = FC.View.extend({
6 +
35 35   });
36 -
8 +
9 + fullCalendar.defineView('monthCols', MonthColView);
10 +
11 +
37 37   const init = () => {
38 38   jq("#calendarCustom").fullCalendar({
39 39   views: {
... ... @@ -67,7 +67,6 @@
67 67   defaultDate: "2024-11-06",
68 68   editable: false,
69 69   eventDataTransform: event => {
70 - if (event.url.split("/")[4] === "Holidays") event.rendering = "background";
71 71   return event;
72 72   },
73 73   eventRender: function (event, element) {
Use this extension
... ... @@ -1,1 +1,1 @@
1 -onDemand
1 +currentPage