Changes for page Nice Display

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,126 @@
	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("<br/>"),
	15	+ "Cooperation": "...",
	16	+ };
	17	+ let tagCols;
	18	+
	19	+ document.observe('xwiki:livetable:loading', () => {
	20	+ const mats = document.getElementById(tabName);
	21	+ if (!mats) return;
	22	+
	23	+ // coulmn data sources
	24	+ const conf = JSON.parse(mats.dataset.settings);
	25	+ tagCols = (conf.columnDescriptors.tags ?? {aux: []}).aux ?? [["Tags", true]];
	26	+ tagCols.forEach(([name], i) => {
	27	+ const cn = `tags-${i}`;
	28	+ conf.columns.splice(conf.columns.indexOf("tags"), 1, cn);
	29	+ conf.columnDescriptors[cn] = {
	30	+ displayName: name,
	31	+ headerClass: "tagsCol",
	32	+ html: true,
	33	+ sortable: false,
	34	+ };
	35	+ });
	36	+ mats.dataset.settings = JSON.stringify(conf);
	37	+
	38	+ // column headers
	39	+ mats.querySelectorAll(".xwiki-livetable-display-header .tagsCol").forEach(
	40	+ (v, i) => v.textContent = tagCols[i][0]
	41	+ );
	42	+
	43	+ // column tooltips
	44	+ mats.querySelectorAll(".xwiki-livetable-display-header-text").forEach(
	45	+ el => {
	46	+ const t = el.textContent.trim();
	47	+ const c = colTT[t]
	48	+ if (c) {
	49	+ el.title = t;
	50	+ el.dataset.content = c;
	51	+ el.dataset.toggle = "popover";
	52	+ el.dataset.placement = "top";
	53	+ }
	54	+ }
	55	+ )
	56	+
	57	+ // handle clicks for tags
	58	+ document.getElementById(`${tabName}-display`).addEventListener("click", ev => {
	59	+ if (ev.button) return; // only left click
	60	+ if (ev.target.nodeName !== "SPAN") return;
	61	+ if (!ev.target.classList.contains("ltTag")) return;
	62	+ const tag = ev.target.textContent;
	63	+ ev.preventDefault();
	64	+ const lt = mats.__liveTable;
	65	+ const st = lt.tagCloud.selectedTags;
	66	+ if (tag in st) delete st[tag];
	67	+ else st[tag] = {};
	68	+ lt.tags = Object.keys(st);
	69	+ lt.clearCache();
	70	+ lt.showRows(1, lt.limit);
	71	+ })
	72	+ });
	73	+
	74	+ document.observe(`xwiki:livetable:${tabName}:receivedEntries`, ({memo: {data}}) => {
	75	+ for (const row of data.rows) {
	76	+ const a = new Element("a", { href: row.URL });
	77	+ a.innerHTML = row.affiliation_value.split("\n").map((a, i) => i ? a : `<b class="wikiexternallink">${a}</b>`).join("<br/>");
	78	+ a.title = row.doc_title;
	79	+ if (row.content !== "-") {
	80	+ let c = row.content;
	81	+ if (row.coopDetails !== "-")
	82	+ c = `${c}<br/><b>${coopDetailsLabel}:</b> ${row.coopDetails}`;
	83	+ a.dataset.content = c;
	84	+ a.dataset.toggle = "popover";
	85	+ }
	86	+ row.affiliation = a.outerHTML;
	87	+
	88	+ row.coop = row.coop.replace(/\b \.\.\. \b/g, " ...<br/>");
	89	+ if (row.coopDetails !== "-") {
	90	+ const d = new Element("div");
	91	+ d.innerHTML = row.coop;
	92	+ d.title = coopDetailsLabel;
	93	+ d.dataset.content = row.coopDetails;
	94	+ d.dataset.toggle = "popover";
	95	+ row.coop = d.outerHTML;
	96	+ }
	97	+
	98	+ row.doc_date = row.doc_date.split(" ")[0].split("/").slice(0, 2).join("/");
	99	+
	100	+ // tags
	101	+ const tags = new Set(row.tags_value.slice(1, -1).split(", "));
	102	+ tagCols.forEach(([name, ...want], i) =>
	103	+ row[`tags-${i}`] = (
	104	+ want[0] === true
	105	+ ? Array.from(tags)
	106	+ : want.filter(tag => tags.delete(tag))
	107	+ ).sort().map(tag => `<span class="ltTag" style="cursor:pointer;">${tag}</span>`).join(", ")
	108	+ );
	109	+ }
	110	+ });
	111	+
	112	+ require(['jquery', 'bootstrap'], function($) {
	113	+ document.styleSheets[0].insertRule(`#mainContentArea .popover {max-width: 50%;}`);
	114	+
	115	+ const ttApply = () => {
	116	+ $(`#${tabName} [data-toggle="popover"]`).popover({
	117	+ html: true,
	118	+ container: `#mainContentArea`,
	119	+ trigger: "hover",
	120	+ });
	121	+ };
	122	+
	123	+ document.observe(`xwiki:livetable:${tabName}:displayComplete`, ttApply);
	124	+ ttApply();
	125	+ });
	126	+})();

Name

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

Parse content

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

Use this extension

...	...	@@ -1,0 +1,1 @@
	1	+onDemand