Skip to Content

Changes for page Nice Display

Last modified by Benjamin Fischer on 2025/03/26 13:19
From version 45.25
edited by Benjamin Fischer
on 2025/03/26 12:38
Change comment: There is no comment for this version
To version 45.29
edited by Benjamin Fischer
on 2025/03/26 13:16
Change comment: There is no comment for this version

Summary

Details

XWiki.JavaScriptExtension[0]
Code
... ... @@ -1,5 +1,19 @@
1 1  (()=>{
2 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 + };
3 3   let tagCols;
4 4  
5 5   document.observe('xwiki:livetable:loading', () => {
... ... @@ -26,6 +26,19 @@
26 26   (v, i) => v.textContent = tagCols[i][0]
27 27   );
28 28  
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 +
29 29   // handle clicks for tags
30 30   document.getElementById(`${tabName}-display`).addEventListener("click", ev => {
31 31   if (ev.button) return; // only left click
... ... @@ -51,7 +51,7 @@
51 51   if (row.content !== "-") {
52 52   let c = row.content;
53 53   if (row.coopDetails !== "-")
54 - c = `${c}<br/><b>Cooperation Details:</b>${row.coopDetails}`;
81 + c = `${c}<br/><b>${coopDetailsLabel}:</b> ${row.coopDetails}`;
55 55   a.dataset.content = c;
56 56   a.dataset.toggle = "popover";
57 57   }
... ... @@ -59,9 +59,11 @@
59 59  
60 60   row.coop = row.coop.replace(/\b \.\.\. \b/g, " ...<br/>");
61 61   if (row.coopDetails !== "-") {
62 - const d = new Elemeent("div");
89 + const d = new Element("div");
63 63   d.innerHTML = row.coop;
64 - d.title == row.coopDetails;
91 + d.title = coopDetailsLabel;
92 + d.dataset.content = row.coopDetails;
93 + d.dataset.toggle = "popover";
65 65   row.coop = d.outerHTML;
66 66   }
67 67