Changes for page Industry meets ErUM-Data

Summary

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

Details

Page properties

Content

...	...	@@ -1,10 +1,34 @@
1		-{{box cssClass="floatinginfobox" title="**The list thrives on being filled.**"}}
2		-To be added (or removed) you can:
	1	+(% class="box infomessage" %)
	2	+(((
	3	+[[{{icon name="question-circle"}}{{/icon}}>>attach:people_in_erum_final.mp4]] With this collection we want to provide an overview of of various research groups and people in ErUM (data).
3	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}}
	5	+==== The list thrives on being filled. If you want to be subscribed or unsubscribed from this list please contact [[judith.steinfeld@erumdatahub.de>>mailto:judith.steinfeld@erumdatahub.de]].
	6	+ ====
7	7
8		-This is a collection of various groups and projects in industry that are adjacent or in cooperation with ErUM-Data science.
	8	+==== **Feel free to add or modify your workinggroup yourself. For help, see this [[video>>attach:people_in_erum_final.mp4]].** ====
	9	+)))
9	9
10		-{{include reference="Research Groups.Nice Display.WebHome"}}
	11	+{{locationSearch width="100%" className="Research Groups.Code.Research GroupsClass" reference="" description="Search, including in excerpts."/}}
	12	+
	13	+{{velocity}}
	14	+#set ($columnsProperties = {
	15	+ 'affiliation': {"filterable":true, "sortable":true, "html":true},
	16	+ 'URL': {"type": "hidden"},
	17	+ "content": {"type": "hidden"},
	18	+ "tags": {"sortable": false, "filterable": false, "html": true, "headerClass": "tagsCol"},
	19	+ "doc.date": {"filterable": false, "displayName": "Last Updated"},
	20	+ '_actions': {"actions":["view","edit"]}
	21	+})
	22	+#set ($options = {
	23	+ 'className': 'Research Groups.Code.Research GroupsClass',
	24	+ 'translationPrefix': 'research groups.livetable.',
	25	+ 'location': 'Industry meets ErUM-Data/',
	26	+ 'tagCloud': true,
	27	+ 'rowCount': 25,
	28	+ 'maxPages': 10,
	29	+ 'selectedColumn': 'doc.date',
	30	+ 'defaultOrder': 'desc'
	31	+})
	32	+#set ($columns = ['affiliation', 'URL', "content", "tags", "doc.date", '_actions'])
	33	+#livetable('research_groups' $columns $columnsProperties $options)
	34	+{{/velocity}}

people_in_erum_final.mp4

Author

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

Size

...	...	@@ -1,0 +1,1 @@
	1	+1.8 MB

Content

XWiki.JavaScriptExtension[0]

Caching policy

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

Code

...	...	@@ -1,0 +1,87 @@
	1	+const tabName = "research_groups";
	2	+const tagCols = [
	3	+ ["Tags", true],
	4	+]
	5	+
	6	+document.observe('xwiki:livetable:loading', () => {
	7	+ const mats = document.getElementById(tabName);
	8	+
	9	+ // coulmn data sources
	10	+ const conf = JSON.parse(mats.dataset.settings);
	11	+ tagCols.forEach(([name], i) => {
	12	+ const cn = `tags-${i}`;
	13	+ conf.columns.splice(conf.columns.indexOf("tags"), 1, cn);
	14	+ conf.columnDescriptors[cn] = {
	15	+ displayName: name,
	16	+ headerClass: "tagsCol",
	17	+ html: true,
	18	+ sortable: false,
	19	+ };
	20	+ });
	21	+ mats.dataset.settings = JSON.stringify(conf);
	22	+
	23	+ // column headers
	24	+ mats.querySelectorAll(".xwiki-livetable-display-header .tagsCol").forEach(
	25	+ (v, i) => v.textContent = tagCols[i][0]
	26	+ );
	27	+
	28	+ // handle clicks for tags
	29	+ document.getElementById(`${tabName}-display`).addEventListener("click", ev => {
	30	+ if (ev.button) return; // only left click
	31	+ if (ev.target.nodeName !== "SPAN") return;
	32	+ if (!ev.target.classList.contains("ltTag")) return;
	33	+ const tag = ev.target.textContent;
	34	+ ev.preventDefault();
	35	+ const lt = mats.__liveTable;
	36	+ const st = lt.tagCloud.selectedTags;
	37	+ if (tag in st) delete st[tag];
	38	+ else st[tag] = {};
	39	+ lt.tags = Object.keys(st);
	40	+ lt.clearCache();
	41	+ lt.showRows(1, lt.limit);
	42	+ })
	43	+});
	44	+
	45	+document.observe(`xwiki:livetable:${tabName}:receivedEntries`, ({memo: {data}}) => {
	46	+ for (const row of data.rows) {
	47	+ const a = new Element("a", { href: row.URL });
	48	+ a.innerHTML = row.affiliation_value.split("\n").map((a, i) => i ? a : `<b class="wikiexternallink">${a}</b>`).join("<br/>");
	49	+ a.title = row.doc_title;
	50	+ if (row.content !== "-") {
	51	+ a.dataset.content = row.content;
	52	+ a.dataset.toggle = "popover";
	53	+ }
	54	+
	55	+ row.affiliation = a.outerHTML;
	56	+
	57	+ row.doc_date = row.doc_date.split(" ")[0].split("/").slice(0, 2).join("/");
	58	+
	59	+ // tags
	60	+ const tags = new Set(row.tags_value.slice(1, -1).split(", "));
	61	+ tagCols.forEach(([name, ...want], i) =>
	62	+ row[`tags-${i}`] = (
	63	+ want[0] === true
	64	+ ? Array.from(tags)
	65	+ : want.filter(tag => tags.delete(tag))
	66	+ ).sort().map(tag => `<span class="ltTag" style="cursor:pointer;">${tag}</span>`).join(", ")
	67	+ );
	68	+ }
	69	+});
	70	+
	71	+require(['jquery', 'bootstrap'], function($) {
	72	+ document.styleSheets[0].insertRule(`#mainContentArea .popover {max-width: 50%;}`)
	73	+
	74	+ const ttApply = () => {
	75	+ $(`#${tabName} [data-toggle="popover"]`).popover({
	76	+ html: true,
	77	+ container: `#mainContentArea`,
	78	+ trigger: "hover",
	79	+ });
	80	+ };
	81	+
	82	+ document.observe(`xwiki:livetable:${tabName}:displayComplete`, ttApply);
	83	+ ttApply();
	84	+});
	85	+
	86	+
	87	+

Name

...	...	@@ -1,0 +1,1 @@
	1	+Live Table - Research Groups

Parse content

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

Use this extension

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