Skip to Content

Changes for page Nice Display

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

Summary

Details

Page properties
Content
... ... @@ -4,16 +4,17 @@
4 4  #if ( $ntrg_tagCols == $null )
5 5  #set( $ntrg_tagCols = [["Tags", true]] )
6 6  #end
7 -#set ($shouldMinify = !$hasProgramming )
8 -#set ($discard = $xwiki.jsx.use('Research Groups.Nice Display.WebHome', {"minify": $shouldMinify}))
7 +#if ( $ntrg_tabName == $null )
8 +#set( $ntrg_tabName = "research_groups" )
9 +#end
10 +#set ($discard = $xwiki.jsx.use('Research Groups.Nice Display.WebHome'))
9 9  
10 10  #set ($columnsProperties = {
11 11   'affiliation': {"filterable":true, "sortable":true, "html":true},
12 12   'URL': {"type": "hidden"},
13 13   "content": {"type": "hidden"},
14 - "coopDetails": {"type": "hidden"},
15 - "coop": {"html": true},
16 - "tags": {"sortable": false, "filterable": false, "html": true, "headerClass": "tagsCol", "aux": $ntrg_tagCols},
16 + "coop": {},
17 + "tags": {"sortable": false, "filterable": false, "html": true, "headerClass": "tagsCol"},
17 17   "doc.date": {"filterable": false, "displayName": "Last Updated"},
18 18   '_actions': {"actions":["view","edit"]}
19 19  })
... ... @@ -27,11 +27,8 @@
27 27   'selectedColumn': 'doc.date',
28 28   'defaultOrder': 'desc'
29 29  })
30 -#set ($columns = ['affiliation', 'URL', "content", "coop", "coopDetails", "doc.date", '_actions'])
31 -#foreach ($ntrg_tagCol in $ntrg_tagCols)
32 -#set ($discard = $columns.add(3, "tags"))
33 -#end
34 -#livetable("research_groups" $columns $columnsProperties $options)
31 +#set ($columns = ['affiliation', 'URL', "content", "tags", "coop", "doc.date", '_actions'])
32 +#livetable('research_groups' $columns $columnsProperties $options)
35 35  {{/velocity}}
36 36  
37 37  (% id="howto" %)
... ... @@ -55,3 +55,4 @@
55 55  1. click {{html}}<button class="btn btn-primary">Save & View</button>{{/html}} (bottom left)
56 56  1. update the Tags (bottom left)
57 57  
56 +=== Demo Video - Coming Soon ===
XWiki.JavaScriptExtension[0]
Code
... ... @@ -1,20 +1,6 @@
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("\n"),
15 - "Cooperation": "...",
16 - };
17 - let tagCols;
1 +/*!
2 +#[[*/
3 +((tagCols = [["Tags", true]], tabName = "research_groups") => {
18 18  
19 19   document.observe('xwiki:livetable:loading', () => {
20 20   const mats = document.getElementById(tabName);
... ... @@ -22,7 +22,6 @@
22 22  
23 23   // coulmn data sources
24 24   const conf = JSON.parse(mats.dataset.settings);
25 - tagCols = (conf.columnDescriptors.tags ?? {aux: []}).aux ?? [["Tags", true]];
26 26   tagCols.forEach(([name], i) => {
27 27   const cn = `tags-${i}`;
28 28   conf.columns.splice(conf.columns.indexOf("tags"), 1, cn);
... ... @@ -40,19 +40,6 @@
40 40   (v, i) => v.textContent = tagCols[i][0]
41 41   );
42 42  
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 -
56 56   // handle clicks for tags
57 57   document.getElementById(`${tabName}-display`).addEventListener("click", ev => {
58 58   if (ev.button) return; // only left click
... ... @@ -76,24 +76,12 @@
76 76   a.innerHTML = row.affiliation_value.split("\n").map((a, i) => i ? a : `<b class="wikiexternallink">${a}</b>`).join("<br/>");
77 77   a.title = row.doc_title;
78 78   if (row.content !== "-") {
79 - let c = row.content;
80 - if (row.coopDetails !== "-")
81 - c = `${c}<br/><b>${coopDetailsLabel}:</b> ${row.coopDetails}`;
82 - a.dataset.content = c;
51 + a.dataset.content = row.content;
83 83   a.dataset.toggle = "popover";
84 84   }
54 +
85 85   row.affiliation = a.outerHTML;
86 86  
87 - row.coop = row.coop.replace(/\b \.\.\. \b/g, " ...<br/>");
88 - if (row.coopDetails !== "-") {
89 - const d = new Element("div");
90 - d.innerHTML = row.coop;
91 - d.title = coopDetailsLabel;
92 - d.dataset.content = row.coopDetails;
93 - d.dataset.toggle = "popover";
94 - row.coop = d.outerHTML;
95 - }
96 -
97 97   row.doc_date = row.doc_date.split(" ")[0].split("/").slice(0, 2).join("/");
98 98  
99 99   // tags
... ... @@ -122,4 +122,5 @@
122 122   document.observe(`xwiki:livetable:${tabName}:displayComplete`, ttApply);
123 123   ttApply();
124 124   });
125 -})();
85 +/* ]]# */
86 +})($jsontool.serialize($ntrg_tagCols), $jsontool.serialize($ntrg_tabName));
Parse content
... ... @@ -1,1 +1,1 @@
1 -No
1 +Yes