Changes for page People in ErUM-Data

Summary

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

Details

XWiki.JavaScriptExtension[0]

Caching policy

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

Code

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

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