Changes for page Material Collection

Summary

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

Details

Page properties

Author

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

Content

...	...	@@ -5,23 +5,24 @@
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.
9		-{{/info}}
	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.
10	10
11		-Hint Copyright: Please not that the materials are from
12	12
13		-{{success width="20%"}}
14		-{{displayIcon name="magnifier"/}}Filter Suchfunktion: Semantische Suche und vordefinierte Suchfilter zur Eingrenzung von Suchergebnissen
	11	+If you want to be subscribed or unsubscribed from this list please contact [[judith.steinfeld@erumdatahub.de>>mailto:judith.steinfeld@erumdatahub.de]]
	12	+{{/info}}
	13	+
	14	+{{success}}
	15	+Our collection of materials covers many different topics. You can click on one or more tags to filter the list or search for titles and authors.
15	15	{{/success}}
16	16
17		-
18	18	{{velocity}}
19	19	#set ($columnsProperties = {
20		- 'doc.location': {"displayName": "Title", "html":true},
21		- 'link': {},
22		- 'date': {"html":true},
	20	+ 'doc.location': {"displayName": "Title", "html": true},
	21	+ 'link': {"type": "hidden"},
	22	+ 'date': {"html": true},
23	23	'author': {},
24		- "tags": {"displayName": "Tags", "type": "list"}
	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',
...	...	@@ -29,10 +29,13 @@
29	29	'tagCloud': true,
30	30	'rowCount': 25,
31	31	'maxPages': 10,
32		- "extraParams" : "tagsProperty=XWiki.TagClass",
	33	+ "extraParams" : "tags_className=XWiki.TagClass",
33	33	'selectedColumn': 'date',
34	34	'defaultOrder': 'desc'
35	35	})
36		-#set ($columns = ['doc.location', 'link', "tags", 'date', 'author'])
	37	+#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]

Caching policy

...	...	@@ -1,0 +1,1 @@
	1	+default

Code

...	...	@@ -1,0 +1,96 @@
	1	+const tabName = "materials";
	2	+const tagCols = [
	3	+ ["Type", "lecture", "exercise", "hands-on", "solution", "tutorial", "talk", "course", "video", "paper"],
	4	+ ["Tags", true],
	5	+]
	6	+
	7	+document.observe('xwiki:livetable:loading', () => {
	8	+ const mats = document.getElementById(tabName);
	9	+
	10	+ // coulmn data sources
	11	+ const conf = JSON.parse(mats.dataset.settings);
	12	+ tagCols.forEach(([name], i) => {
	13	+ const cn = `tags-${i}`;
	14	+ conf.columns.splice(conf.columns.indexOf("tags"), 1, cn);
	15	+ conf.columnDescriptors[cn] = {
	16	+ displayName: name,
	17	+ headerClass: "tagsCol",
	18	+ html: true,
	19	+ sortable: false,
	20	+ };
	21	+ });
	22	+ mats.dataset.settings = JSON.stringify(conf);
	23	+
	24	+ // column headers
	25	+ mats.querySelectorAll(".xwiki-livetable-display-header .tagsCol").forEach(
	26	+ (v, i) => v.textContent = tagCols[i][0]
	27	+ );
	28	+
	29	+ // handle clicks for tags
	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);
	43	+ })
	44	+});
	45	+
	46	+document.observe(`xwiki:livetable:${tabName}:receivedEntries`, ({memo: {data}}) => {
	47	+ for (const row of data.rows) {
	48	+ const ol = new DOMParser().parseFromString(row.doc_location, "text/xml").documentElement;
	49	+ const li = ol.children;
	50	+
	51	+ li[0].remove(); // remove "Event"
	52	+ for (let i = 1; i < li.length - 1; i++) // intermediate
	53	+ li[i].textContent = li[i].textContent; // remove link
	54	+
	55	+ 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	+
	61	+ const u = new URL(row.link_value);
	62	+ 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";
	69	+ if (u.pathname.endsWith(".pdf")) icon = "file-pdf-o";
	70	+ if (u.pathname.endsWith(".pptx")) icon = "file-powerpoint-o";
	71	+ if (icon) {
	72	+ const s = a.ownerDocument.createElement("span");
	73	+ s.appendChild(a.ownerDocument.createElement("wbr"));
	74	+ s.setAttribute("class", `fa fa-${icon}`);
	75	+ s.setAttribute("style", "padding-right: .3em;");
	76	+ a.insertBefore(s, a.firstChild);
	77	+ }
	78	+ a.setAttribute("class", "wikiexternallink");
	79	+ a.setAttribute("href", u.href);
	80	+
	81	+ row.doc_location = ol.outerHTML;
	82	+
	83	+ // tags
	84	+ const tags = new Set(row.tags_value.slice(1, -1).split(", "));
	85	+ tagCols.forEach(([name, ...want], i) =>
	86	+ row[`tags-${i}`] = (
	87	+ want[0] === true
	88	+ ? Array.from(tags)
	89	+ : want.filter(tag => tags.delete(tag))
	90	+ ).sort().map(tag => `<span class="ltTag" style="cursor:pointer;white-space:nowrap;">${tag}</span>`).join(", ")
	91	+ );
	92	+ }
	93	+});
	94	+
	95	+
	96	+

Name

...	...	@@ -1,0 +1,1 @@
	1	+Live Table - Materials

Parse content

...	...	@@ -1,0 +1,1 @@
	1	+No

Use this extension

...	...	@@ -1,0 +1,1 @@
	1	+currentPage