Skip to Content

Changes for page Nice Display

Last modified by Benjamin Fischer on 2025/03/26 13:19
From version 45.26
edited by Benjamin Fischer
on 2025/03/26 12:43
Change comment: There is no comment for this version
To version 45.30
edited by Benjamin Fischer
on 2025/03/26 13:18
Change comment: There is no comment for this version

Summary

Details

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