Changes for page Home

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

From version 72.43
edited by Benjamin Fischer
on 2024/11/06 15:55
Change comment: There is no comment for this version
To version 72.20
edited by Benjamin Fischer
on 2024/11/06 12:17
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,44 +1,6 @@
1 -require(["jquery", "fullcalendar"], function (jq) {
2 - const FC = jq.fullCalendar;
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 - const chf = this.opt("columnFormat") ?? "MMM";
13 - const start = this.start ?? FC.moment({year: FC.moment().year()});
14 - const months = Array(12).fill().map((_, month) => start.clone().add({month}));
15 -
16 - this.el.addClass("fc-month-cols-view").html(
17 - E(
18 - "table",
19 - E("thead", {class: "fc-head"},
20 - E("tr", E("th"), months.map(m => E("th", m.format(chf))))),
21 - E("tbody", {class: "fc-body"},
22 - Array(31).fill().map((_, day) => E("tr",
23 - E("th", {class: "fc-axis"}, `${day + 1}`),
24 - months.map(m => m.clone().add({day})).map(d =>
25 - d.date() === day + 1
26 - ? E("td", {class: this.getDayClasses(d).join(" ")}, [d.format("dd")])
27 - : E("td")
28 - )))
29 - ),
30 - )
31 - );
32 - },
33 - renderEvents(ev) {
34 - debugger;
35 - },
36 - }),
37 - duration: { year: 1 },
38 - });
39 -
1 +require(["jquery", "fullcalendar"], function ($) {
40 40   const init = () => {
41 - jq("#calendarCustom").fullCalendar({
3 + $("#calendarCustom").fullCalendar({
42 42   views: {
43 43   month: {
44 44   columnFormat: "ddd",
... ... @@ -69,10 +69,6 @@
69 69   maxTime: "23:00",
70 70   defaultDate: "2024-11-06",
71 71   editable: false,
72 - eventDataTransform: event => {
73 - if (event.url.split("/")[4] === "Holidays") event.rendering = "background";
74 - return event;
75 - },
76 76   eventRender: function (event, element) {
77 77   // Render augmentation hook, use: event.html
78 78   },
... ... @@ -79,6 +79,6 @@
79 79   });
80 80   };
81 81  
82 - jq(document).ready(init);
40 + $(document).ready(init);
83 83  });
84 84  
Use this extension
... ... @@ -1,1 +1,1 @@
1 -onDemand
1 +currentPage