Changes for page Home

Summary

• Objects (1 modified, 0 added, 0 removed)
  • XWiki.JavaScriptExtension[0]

Details

XWiki.JavaScriptExtension[0]

Code

...	...	@@ -3,33 +3,85 @@
3	3	const E = (tag, ...childs) => {
4	4	const attrs = childs[0]?.constructor === Object ? childs.shift() : {};
5	5	const ret = Element(tag, attrs);
6		- ret.append(...childs.flat());
	6	+ ret.append(...childs.flat().filter(e => e));
7	7	return ret;
8	8	};
	9	+ const range = num => Array(num).fill().map((_, i) => i);
9	9	FC.defineView('monthCols', {
10	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}));
	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;
16	16
	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	+
17	17	this.el.addClass("fc-month-cols-view").html(
18	18	E(
19	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 =>
25		- d.date() === day + 1
26		- ? E("td", {class: this.getDayClasses(d).join(" ")}, [d.format("ddd")])
27		- : E("td")
28		- )))
29		- ),
	79	+ E("thead", {class: "fc-head"}, E("tr", head)),
	80	+ E("tbody", {class: "fc-body"}, days.map(d => E("tr", d))),
30	30	)
31	31	);
32		-
	83	+
	84	+ //debugger;
33	33	},
34	34	}),
35	35	duration: { year: 1 },