Changes for page Material Collection

Summary

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

Details

Page properties

Author

...	...	@@ -1,1 +1,1 @@
1		-XWiki.admin
	1	+XWiki.fischer

Content

...	...	@@ -21,7 +21,8 @@
21	21	'link': {"type": "hidden"},
22	22	'date': {"html": true},
23	23	'author': {},
24		- "tags": {"sortable": false, "html": true, "headerClass": "tagsCol"}
	24	+ "tags": {"sortable": false, "filterable": false, "html": true, "headerClass": "tagsCol"},
	25	+ "_actions": {"actions": ["view", "edit"]}
25	25	})
26	26	#set ($options = {
27	27	'className': 'Materials.Code.MaterialsClass',
...	...	@@ -34,5 +34,8 @@
34	34	'defaultOrder': 'desc'
35	35	})
36	36	#set ($columns = ['doc.location', 'link', "tags", "tags", 'date', 'author'])
	38	+#if (!$isGuest)
	39	+ #set($discard = $columns.add("_actions"))
	40	+#end
37	37	#livetable('materials' $columns $columnsProperties $options)
38	38	{{/velocity}}

XWiki.JavaScriptExtension[0]

Code

...	...	@@ -1,10 +1,11 @@
	1	+const tabName = "materials";
1	1	const tagCols = [
2		- ["Tag1", "CERN", "CHEP", "GPU", "VISPA"],
	3	+ ["Type", "lecture", "exercise", "hands-on", "solution", "tutorial", "talk"],
3	3	["Tags", true],
4	4	]
5	5
6	6	document.observe('xwiki:livetable:loading', () => {
7		- const mats = document.getElementById("materials");
	8	+ const mats = document.getElementById(tabName);
8	8
9	9	// coulmn data sources
10	10	const conf = JSON.parse(mats.dataset.settings);
...	...	@@ -22,16 +22,27 @@
22	22
23	23	// column headers
24	24	mats.querySelectorAll(".xwiki-livetable-display-header .tagsCol").forEach(
25		- (v, i) => v.firstElementChild.textContent = tagCols[i][0]
	26	+ (v, i) => v.textContent = tagCols[i][0]
26	26	);
27	27
28	28	// handle clicks for tags
29		- document.getElementById("materials-display").addEventListener("click", ev => {
30		- debugger;
	30	+ document.getElementById(`${tabName}-display`).addEventListener("click", ev => {
	31	+ if (ev.button) return; // only left click
	32	+ if (ev.target.nodeName !== "SPAN") return;
	33	+ if (!ev.target.classList.contains("ltTag")) return;
	34	+ const tag = ev.target.textContent;
	35	+ ev.preventDefault();
	36	+ const lt = mats.__liveTable;
	37	+ const st = lt.tagCloud.selectedTags;
	38	+ if (tag in st) delete st[tag];
	39	+ else st[tag] = {};
	40	+ lt.tags = Object.keys(st);
	41	+ lt.clearCache();
	42	+ lt.showRows(1, lt.limit);
31	31	})
32	32	});
33	33
34		-document.observe("xwiki:livetable:materials:receivedEntries", ({memo: {data}}) => {
	46	+document.observe(`xwiki:livetable:${tabName}:receivedEntries`, ({memo: {data}}) => {
35	35	for (const row of data.rows) {
36	36	const ol = new DOMParser().parseFromString(row.doc_location, "text/xml").documentElement;
37	37	const li = ol.children;
...	...	@@ -41,8 +41,15 @@
41	41	li[i].textContent = li[i].textContent; // remove link
42	42
43	43	const a = li[li.length - 1].children[0];
	56	+ const b = a.ownerDocument.createElement("b");
	57	+ a.replaceWith(b);
	58	+ b.appendChild(a);
	59	+
44	44	const u = new URL(row.link_value);
45	45	let icon;
	62	+ if (u.hostname.includes("github")) icon = "github";
	63	+ if (u.hostname.includes("gitlab")) icon = "gitlab";
	64	+ if (u.hostname.includes("google")) icon = "google";
46	46	if (u.pathname.endsWith(".pdf")) icon = "file-pdf-o";
47	47	if (icon) {
48	48	const s = a.ownerDocument.createElement("span");
...	...	@@ -53,6 +53,8 @@
53	53	}
54	54	a.setAttribute("class", "wikiexternallink");
55	55	a.setAttribute("href", u.href);
	75	+
	76	+ a.parentNode
56	56
57	57	row.doc_location = ol.outerHTML;
58	58
...	...	@@ -62,8 +62,8 @@
62	62	row[`tags-${i}`] = (
63	63	want[0] === true
64	64	? Array.from(tags)
65		- : want.filter(tag => tags.has(tag) && (tags.remove(tag) || true))
66		- ).sort().map(tag => `<span class="ltTag">${tag}</span>`).join(" ")
	86	+ : want.filter(tag => tags.delete(tag))
	87	+ ).sort().map(tag => `<span class="ltTag" style="cursor:pointer;">${tag}</span>`).join(", ")
67	67	);
68	68	}
69	69	});