Changes for page Nice Display

Summary

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

Details

Page properties

Content

...	...	@@ -1,21 +10,19 @@
1		-{{box cssClass="floatinginfobox" title="**The list thrives on being filled.**"}}
2		-To be added (or removed) you can:
3		-
4		-* contact [[judith.steinfeld@erumdatahub.de>>mailto:judith.steinfeld@erumdatahub.de]]
5		-* add or update an entry yourself [[How-To (end of page)>>||anchor="howto"]]
6		-{{/box}}
7		-
8		-This is a collection of various groups in industry that are adjacent or in cooperation with ErUM-Data science.
9		-
10	10	{{locationSearch width="100%;clear:both;" className="Research Groups.Code.Research GroupsClass" description="Search, including in excerpts."/}}
11	11
12	12	{{velocity}}
	4	+#if ( $ntrg_tagCols == $null )
	5	+#set( $ntrg_tagCols = [["Tags", true]] )
	6	+#end
	7	+#set ($shouldMinify = !$hasProgramming )
	8	+#set ($discard = $xwiki.jsx.use('Research Groups.Nice Display.WebHome', {"minify": $shouldMinify}))
	9	+
13	13	#set ($columnsProperties = {
14	14	'affiliation': {"filterable":true, "sortable":true, "html":true},
15	15	'URL': {"type": "hidden"},
16	16	"content": {"type": "hidden"},
17		- "coop": {},
18		- "tags": {"sortable": false, "filterable": false, "html": true, "headerClass": "tagsCol"},
	14	+ "coopDetails": {"type": "hidden"},
	15	+ "coop": {"html": true},
	16	+ "tags": {"sortable": false, "filterable": false, "html": true, "headerClass": "tagsCol", "aux": $ntrg_tagCols},
19	19	"doc.date": {"filterable": false, "displayName": "Last Updated"},
20	20	'_actions': {"actions":["view","edit"]}
21	21	})
...	...	@@ -22,7 +22,7 @@
22	22	#set ($options = {
23	23	'className': 'Research Groups.Code.Research GroupsClass',
24	24	'translationPrefix': 'research groups.livetable.',
25		- 'extraParams': '&location=${doc.documentReference}',
	23	+ 'extraParams': "&location=${escapetool.url($doc.getSpace())}",
26	26	'tagCloud': true,
27	27	'rowCount': 25,
28	28	'maxPages': 10,
...	...	@@ -29,8 +29,11 @@
29	29	'selectedColumn': 'doc.date',
30	30	'defaultOrder': 'desc'
31	31	})
32		-#set ($columns = ['affiliation', 'URL', "content", "tags", "coop", "doc.date", '_actions'])
33		-#livetable('research_groups' $columns $columnsProperties $options)
	30	+#set ($columns = ['affiliation', 'URL', "content", "coop", "coopDetails", "doc.date", '_actions'])
	31	+#foreach ($ntrg_tagCol in $ntrg_tagCols)
	32	+#set ($discard = $columns.add(3, "tags"))
	33	+#end
	34	+#livetable("research_groups" $columns $columnsProperties $options)
34	34	{{/velocity}}
35	35
36	36	(% id="howto" %)
...	...	@@ -54,4 +54,3 @@
54	54	1. click {{html}}<button class="btn btn-primary">Save & View</button>{{/html}} (bottom left)
55	55	1. update the Tags (bottom left)
56	56
57		-=== Demo Video - Coming Soon ===

XWiki.JavaScriptExtension[0]

Code

...	...	@@ -1,12 +1,20 @@
1		-/*!
2		-#if ( $ntrg_tagCols == $null )
3		-#set( $ntrg_tagCols = [["Tags", true]] )
4		-#end
5		-#if ( $ntrg_tabName == $null )
6		-#set( $ntrg_tabName = "research_groups" )
7		-#end
8		-#[[*/
9		-((tagCols = [["Tags", true]], tabName = "research_groups") => {
	1	+(()=>{
	2	+ const tabName = "research_groups";
	3	+ const coopDetailsLabel = "Cooperation Details";
	4	+ const colTT = {
	5	+ "Community": [
	6	+ "KAT - Astroparticle Physics",
	7	+ "KET - Elementary Particles Physics",
	8	+ "KfB - Accelerator Physics",
	9	+ "KFN - Research with neutrons",
	10	+ "KFN - Research with synchrotron radiation",
	11	+ "KFSI - Research with nuclear probes and ion beams",
	12	+ "KHuK - Hadron and nuclear physics",
	13	+ "RDS - German Observatory Council"
	14	+ ].join("\n"),
	15	+ "Cooperation": "...",
	16	+ };
	17	+ let tagCols;
10	10
11	11	document.observe('xwiki:livetable:loading', () => {
12	12	const mats = document.getElementById(tabName);
...	...	@@ -14,6 +14,7 @@
14	14
15	15	// coulmn data sources
16	16	const conf = JSON.parse(mats.dataset.settings);
	25	+ tagCols = (conf.columnDescriptors.tags ?? {aux: []}).aux ?? [["Tags", true]];
17	17	tagCols.forEach(([name], i) => {
18	18	const cn = `tags-${i}`;
19	19	conf.columns.splice(conf.columns.indexOf("tags"), 1, cn);
...	...	@@ -31,6 +31,19 @@
31	31	(v, i) => v.textContent = tagCols[i][0]
32	32	);
33	33
	43	+ // column tooltips
	44	+ mats.querySelectorAll(".xwiki-livetable-display-header-text").forEach(
	45	+ el => {
	46	+ const c = colTT[el.textContent]
	47	+ if (c) {
	48	+ el.title = el.textContent;
	49	+ el.dataset.content = c;
	50	+ el.dataset.toggle = "popover";
	51	+ el.dataset.placement = "top";
	52	+ }
	53	+ }
	54	+ )
	55	+
34	34	// handle clicks for tags
35	35	document.getElementById(`${tabName}-display`).addEventListener("click", ev => {
36	36	if (ev.button) return; // only left click
...	...	@@ -54,12 +54,24 @@
54	54	a.innerHTML = row.affiliation_value.split("\n").map((a, i) => i ? a : `<b class="wikiexternallink">${a}</b>`).join("<br/>");
55	55	a.title = row.doc_title;
56	56	if (row.content !== "-") {
57		- a.dataset.content = row.content;
	79	+ let c = row.content;
	80	+ if (row.coopDetails !== "-")
	81	+ c = `${c}<br/><b>${coopDetailsLabel}:</b> ${row.coopDetails}`;
	82	+ a.dataset.content = c;
58	58	a.dataset.toggle = "popover";
59	59	}
60		-
61	61	row.affiliation = a.outerHTML;
62	62
	87	+ row.coop = row.coop.replace(/\b \.\.\. \b/g, " ...<br/>");
	88	+ if (row.coopDetails !== "-") {
	89	+ const d = new Element("div");
	90	+ d.innerHTML = row.coop;
	91	+ d.title = coopDetailsLabel;
	92	+ d.dataset.content = row.coopDetails;
	93	+ d.dataset.toggle = "popover";
	94	+ row.coop = d.outerHTML;
	95	+ }
	96	+
63	63	row.doc_date = row.doc_date.split(" ")[0].split("/").slice(0, 2).join("/");
64	64
65	65	// tags
...	...	@@ -88,5 +88,4 @@
88	88	document.observe(`xwiki:livetable:${tabName}:displayComplete`, ttApply);
89	89	ttApply();
90	90	});
91		-/* ]]# */
92		-})($jsontool.serialize($ntrg_tagCols), $jsontool.serialize($ntrg_tabName));
	125	+})();

Parse content

...	...	@@ -1,1 +1,1 @@
1		-Yes
	1	+No

Use this extension

...	...	@@ -1,1 +1,1 @@
1		-currentPage
	1	+onDemand