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.JudithSteinfeld

Content

...	...	@@ -5,7 +5,7 @@
5	5
6	6	With our material collection we want to provide an overview of existing materials and contacts by outlining where to find what.
7	7
8		-The collection of existing materials is complemented by our own materials which include for example videos and slides from various workshops and schools organized by the ErUM-Data-Hub in collaboration with DIG-UM with which we reached over 800 participants so far.
	8	+The collection of existing materials thrives on being filled and is complemented by our own materials which include for example videos and slides from various workshops and schools organized by the ErUM-Data-Hub in collaboration with DIG-UM with which we reached over 800 participants so far.
9	9
10	10
11	11	If you want to be subscribed or unsubscribed from this list please contact [[judith.steinfeld@erumdatahub.de>>mailto:judith.steinfeld@erumdatahub.de]]
...	...	@@ -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", "course", "video", "paper"],
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,11 +22,11 @@
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	+ document.getElementById(`${tabName}-display`).addEventListener("click", ev => {
30	30	if (ev.button) return; // only left click
31	31	if (ev.target.nodeName !== "SPAN") return;
32	32	if (!ev.target.classList.contains("ltTag")) return;
...	...	@@ -33,18 +33,16 @@
33	33	const tag = ev.target.textContent;
34	34	ev.preventDefault();
35	35	const lt = mats.__liveTable;
36		- const tc = lt.tagCloud;
37		- const st = tc.selectedTags;
	37	+ const st = lt.tagCloud.selectedTags;
38	38	if (tag in st) delete st[tag];
39	39	else st[tag] = {};
40		- lt.tags = tc.getSelectedTags();
41		- lt.totalRows = -1;
42		- lt.fetchedRows = new Array();
	40	+ lt.tags = Object.keys(st);
	41	+ lt.clearCache();
43	43	lt.showRows(1, lt.limit);
44	44	})
45	45	});
46	46
47		-document.observe("xwiki:livetable:materials:receivedEntries", ({memo: {data}}) => {
	46	+document.observe(`xwiki:livetable:${tabName}:receivedEntries`, ({memo: {data}}) => {
48	48	for (const row of data.rows) {
49	49	const ol = new DOMParser().parseFromString(row.doc_location, "text/xml").documentElement;
50	50	const li = ol.children;
...	...	@@ -54,12 +54,24 @@
54	54	li[i].textContent = li[i].textContent; // remove link
55	55
56	56	const a = li[li.length - 1].children[0];
	56	+ const b = a.ownerDocument.createElement("b");
	57	+ a.replaceWith(b);
	58	+ b.appendChild(a);
	59	+ a.textContent = row.doc_title;
	60	+
57	57	const u = new URL(row.link_value);
58	58	let icon;
	63	+ if (u.hostname.includes("github")) icon = "github";
	64	+ if (u.hostname.includes("github.io")) icon = "book";
	65	+ if (u.hostname.includes("gitlab")) icon = "gitlab";
	66	+ if (u.hostname.includes("google")) icon = "google";
	67	+ if (u.hostname.includes("colab")) icon = "code";
	68	+ if (u.hostname.includes("youtube")) icon = "youtube-play";
59	59	if (u.pathname.endsWith(".pdf")) icon = "file-pdf-o";
	70	+ if (u.pathname.endsWith(".pptx")) icon = "file-powerpoint-o";
60	60	if (icon) {
61	61	const s = a.ownerDocument.createElement("span");
62		- s.textContent = " ";
	73	+ s.appendChild(a.ownerDocument.createElement("wbr"));
63	63	s.setAttribute("class", `fa fa-${icon}`);
64	64	s.setAttribute("style", "padding-right: .3em;");
65	65	a.insertBefore(s, a.firstChild);
...	...	@@ -76,7 +76,7 @@
76	76	want[0] === true
77	77	? Array.from(tags)
78	78	: want.filter(tag => tags.delete(tag))
79		- ).sort().map(tag => `<span class="ltTag">${tag}</span>`).join(", ")
	90	+ ).sort().map(tag => `<span class="ltTag" style="cursor:pointer;white-space:nowrap;">${tag}</span>`).join(", ")
80	80	);
81	81	}
82	82	});