Changes for page Nice Display

Last modified by Benjamin Fischer on 2025/06/04 11:55

From version 45.27
edited by Benjamin Fischer
on 2025/03/26 12:43
Change comment: There is no comment for this version
To version 46.1
edited by Benjamin Fischer
on 2025/05/30 11:12
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -4,8 +4,6 @@
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}))
9 9  
10 10  #set ($columnsProperties = {
11 11   'affiliation': {"filterable":true, "sortable":true, "html":true},
... ... @@ -13,6 +13,7 @@
13 13   "content": {"type": "hidden"},
14 14   "coopDetails": {"type": "hidden"},
15 15   "coop": {"html": true},
14 + "Community": {"tooltip": "KAT - Astroparticle Physics<br/>KET - Elementary Particles Physics<br/>KfB - Accelerator Physics<br/>KFN - Research with neutrons<br/>KFN - Research with synchrotron radiation<br/>KFSI - Research with nuclear probes and ion beams<br/>KHuK - Hadron and nuclear physics<br/>RDS - German Observatory Council"},
16 16   "tags": {"sortable": false, "filterable": false, "html": true, "headerClass": "tagsCol", "aux": $ntrg_tagCols},
17 17   "doc.date": {"filterable": false, "displayName": "Last Updated"},
18 18   '_actions': {"actions":["view","edit"]}
... ... @@ -34,24 +34,5 @@
34 34  #livetable("research_groups" $columns $columnsProperties $options)
35 35  {{/velocity}}
36 36  
37 -(% id="howto" %)
38 -== How-To Add/Update Entries ==
36 +{{include reference="Applications.Helpers.Howto Modify Footer.WebHome"}}
39 39  
40 -You need to be logged in to perform any modifications.
41 -
42 -=== Add entry ===
43 -
44 -1. click {{html}}<button class="btn"><i class="fa fa-plus"/>Create</button>{{/html}} (top right)
45 -1. fill in the Title in the top left (must be unique)
46 -1. click {{html}}<button class="btn btn-primary">Create</button>{{/html}} (bottom left)
47 -1. fill out the form
48 -1. click {{html}}<button class="btn btn-primary">Save & View</button>{{/html}} (bottom left)
49 -1. add tags (bottom left): click on the [+] behind: "Tags:"
50 -
51 -=== Modfiy entry ===
52 -
53 -1. click on {{icon name="pencil"/}} Edit
54 -1. update the form
55 -1. click {{html}}<button class="btn btn-primary">Save & View</button>{{/html}} (bottom left)
56 -1. update the Tags (bottom left)
57 -
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("<br/>"),
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
... ... @@ -63,8 +63,8 @@
63 63   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