Changes for page Helpers

Summary

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

Details

XWiki.JavaScriptExtension[0]

Code

...	...	@@ -1,18 +1,15 @@
1		-const livetableRowHook = {};
	1	+define("xwiki-custom-livetable", [], function () {
	2	+ const func = (tabName, rowFunc, colTT = {}) => {
	3	+ let tagCols;
2	2
3		-((() => {
4		- const tagCols = {};
	5	+ document.observe('xwiki:livetable:loading', () => {
	6	+ const tab = document.getElementById(tabName);
	7	+ if (!tab) return;
5	5
6		- document.observe('xwiki:livetable:loading', () => {
7		- for (const tab of document.querySelectorAll(".xwiki-livetable")) {
8		- const tableId = tab.id;
9		- if (!tableId) continue;
10		-
11	11	// coulmn data sources
12	12	const conf = JSON.parse(tab.dataset.settings);
13		-
14		- tagCols[tableId] = (conf.columnDescriptors.tags ?? { aux: [] }).aux ?? [["Tags", true]];
15		- tagCols[tableId].forEach(([name], i) => {
	11	+ tagCols = (conf.columnDescriptors.tags ?? { aux: [] }).aux ?? [["Tags", true]];
	12	+ tagCols.forEach(([name], i) => {
16	16	const cn = `tags-${i}`;
17	17	conf.columns.splice(conf.columns.indexOf("tags"), 1, cn);
18	18	conf.columnDescriptors[cn] = {
...	...	@@ -26,19 +26,14 @@
26	26
27	27	// column headers
28	28	tab.querySelectorAll(".xwiki-livetable-display-header .tagsCol").forEach(
29		- (v, i) => v.textContent = tagCols[tableId][i][0]
	26	+ (v, i) => v.textContent = tagCols[i][0]
30	30	);
31	31
32		- // filter fields
33		- tab.querySelectorAll(".xwiki-livetable-display-header-filter input[type=text]").forEach(
34		- v => v.placeholder = "Filter ..."
35		- );
36		-
37	37	// column tooltips
38	38	tab.querySelectorAll(".xwiki-livetable-display-header-text").forEach(
39	39	el => {
40	40	const t = el.textContent.trim();
41		- const c = conf.columnDescriptors[t]?.tooltip;
	33	+ const c = conf.columnDescriptors[t].tooltip ?? colTT[t];
42	42	if (c) {
43	43	el.title = t;
44	44	el.dataset.content = c;
...	...	@@ -49,7 +49,7 @@
49	49	)
50	50
51	51	// handle clicks for tags
52		- tab.getElementsByClassName("xwiki-livetable-display-body")[0].addEventListener("click", ev => {
	44	+ document.getElementById(`${tabName}-display`).addEventListener("click", ev => {
53	53	if (ev.button) return; // only left click
54	54	if (ev.target.nodeName !== "SPAN") return;
55	55	if (!ev.target.classList.contains("ltTag")) return;
...	...	@@ -62,94 +62,26 @@
62	62	lt.tags = Object.keys(st);
63	63	lt.clearCache();
64	64	lt.showRows(1, lt.limit);
65		- });
	57	+ })
	58	+ });
66	66
67		- }
68		- });
	60	+ document.observe(`xwiki:livetable:${tabName}:receivedEntries`, ({ memo: { data } }) => {
	61	+ for (const row of data.rows) {
	62	+ if (rowFunc) rowFunc(row)
69	69
70		- document.observe("xwiki:livetable:receivedEntries", ({ memo: { data, tableId } }) => {
71		- const rf = livetableRowHook[tableId];
72		- for (const row of data.rows) {
73		- if (rf) rf(row);
74		-
75		- // tags
76		- const tags = new Set(row.tags_value.slice(1, -1).split(", "));
77		- tagCols[tableId]?.forEach(([name, ...want], i) =>
78		- row[`tags-${i}`] = (
79		- want[0] === true
80		- ? Array.from(tags)
81		- : want.filter(tag => tags.delete(tag))
82		- ).sort().map(tag => `<span class="ltTag" style="cursor:pointer;white-space:nowrap;">${tag}</span>`).join(", ")
83		- );
84		- }
85		- });
86		-
87		- livetableRowHook.jobs = row => {
88		- const a = new Element("a", { href: row.link });
89		- a.innerHTML = `<b class="wikiexternallink">${row.doc_title}</b>`;
90		- row.doc_title = a.outerHTML;
91		-
92		- row.doc_date = row.doc_date.split(" ")[0];
	64	+ // tags
	65	+ const tags = new Set(row.tags_value.slice(1, -1).split(", "));
	66	+ tagCols.forEach(([name, ...want], i) =>
	67	+ row[`tags-${i}`] = (
	68	+ want[0] === true
	69	+ ? Array.from(tags)
	70	+ : want.filter(tag => tags.delete(tag))
	71	+ ).sort().map(tag => `<span class="ltTag" style="cursor:pointer;">${tag}</span>`).join(", ")
	72	+ );
	73	+ }
	74	+ });
93	93	};
94	94
95		- livetableRowHook.materials = row => {
96		- const ol = new DOMParser().parseFromString(row.doc_location, "text/xml").documentElement;
97		- const li = ol.children;
98		-
99		- switch (li[0].textContent) {
100		- case "MoccaCalendar":
101		- li[1].remove(); // the sub calendar
102		- case "Material collection":
103		- li[0].remove(); // the "app"
104		- }
105		- for (let i = 1; i < li.length - 1; i++) // intermediate
106		- li[i].textContent = li[i].textContent; // remove link
107		-
108		- const a = li[li.length - 1].children[0];
109		- const b = a.ownerDocument.createElement("b");
110		- a.replaceWith(b);
111		- b.appendChild(a);
112		- a.textContent = row.doc_title;
113		-
114		- const u = new URL(row.link_value);
115		- let icon;
116		- if (u.hostname.includes("github")) icon = "github";
117		- if (u.hostname.includes("github.io")) icon = "book";
118		- if (u.hostname.includes("gitlab")) icon = "gitlab";
119		- if (u.hostname.includes("google")) icon = "google";
120		- if (u.hostname.includes("colab")) icon = "code";
121		- if (u.hostname.includes("youtube")) icon = "youtube-play";
122		- if (u.pathname.endsWith(".pdf")) icon = "file-pdf-o";
123		- if (u.pathname.endsWith(".pptx")) icon = "file-powerpoint-o";
124		- if (u.pathname.endsWith(".ipynb")) icon = "code";
125		- if (icon) {
126		- const s = a.ownerDocument.createElement("span");
127		- s.appendChild(a.ownerDocument.createElement("wbr"));
128		- s.setAttribute("class", `fa fa-${icon}`);
129		- s.setAttribute("style", "padding-right: .3em;");
130		- a.insertBefore(s, a.firstChild);
131		- }
132		- a.setAttribute("class", "wikiexternallink");
133		- a.setAttribute("href", u.href);
134		-
135		- row.doc_location = ol.outerHTML;
136		- };
137		-
138		- require(['jquery', 'bootstrap'], function($) {
139		- document.styleSheets[0].insertRule(`#mainContentArea .popover {max-width: 50%;}`);
140		-
141		- const ttApply = ({ memo: { tableId } }) => {
142		- if (tableId)
143		- $(`#${tableId} [data-toggle="popover"]`).popover({
144		- html: true,
145		- container: `#mainContentArea`,
146		- trigger: "hover",
147		- });
148		- };
149		-
150		- document.observe(`xwiki:livetable:displayComplete`, ttApply);
151		- for (const tab of document.querySelectorAll(".xwiki-livetable"))
152		- ttApply({ memo: { tableId: tab.id }});
153		- });
154		-})());
155		-
	77	+ func.func = func;
	78	+ return func;
	79	+});