Skip to Content

Changes for page Nice Display

Last modified by Benjamin Fischer on 2025/06/04 11:55
From version 46.2
edited by Benjamin Fischer
on 2025/06/04 11:55
Change comment: There is no comment for this version
To version 45.22
edited by Benjamin Fischer
on 2025/03/26 12:27
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -4,6 +4,7 @@
4 4  #if ( $ntrg_tagCols == $null )
5 5  #set( $ntrg_tagCols = [["Tags", true]] )
6 6  #end
7 +#set ($discard = $xwiki.jsx.use('Research Groups.Nice Display.WebHome', {"minify": !$hasProgramming}))
7 7  
8 8  #set ($columnsProperties = {
9 9   'affiliation': {"filterable":true, "sortable":true, "html":true},
... ... @@ -10,8 +10,7 @@
10 10   'URL': {"type": "hidden"},
11 11   "content": {"type": "hidden"},
12 12   "coopDetails": {"type": "hidden"},
13 - "coop": {"html": true},
14 - "Community": {"tooltip": "KAT - Astroparticle Physics<br/>KET - Elementary Particles Physics<br/>KfB - Accelerator Physics<br/>KFN - Research with neutrons<br/>KFS - Research with synchrotron radiation<br/>KFSI - Research with nuclear probes and ion beams<br/>KHuK - Hadron and nuclear physics<br/>RDS - German Observatory Council"},
14 + "coop": {},
15 15   "tags": {"sortable": false, "filterable": false, "html": true, "headerClass": "tagsCol", "aux": $ntrg_tagCols},
16 16   "doc.date": {"filterable": false, "displayName": "Last Updated"},
17 17   '_actions': {"actions":["view","edit"]}
... ... @@ -33,5 +33,24 @@
33 33  #livetable("research_groups" $columns $columnsProperties $options)
34 34  {{/velocity}}
35 35  
36 -{{include reference="Applications.Helpers.Howto Modify Footer.WebHome"}}
36 +(% id="howto" %)
37 +== How-To Add/Update Entries ==
37 37  
39 +You need to be logged in to perform any modifications.
40 +
41 +=== Add entry ===
42 +
43 +1. click {{html}}<button class="btn"><i class="fa fa-plus"/>Create</button>{{/html}} (top right)
44 +1. fill in the Title in the top left (must be unique)
45 +1. click {{html}}<button class="btn btn-primary">Create</button>{{/html}} (bottom left)
46 +1. fill out the form
47 +1. click {{html}}<button class="btn btn-primary">Save & View</button>{{/html}} (bottom left)
48 +1. add tags (bottom left): click on the [+] behind: "Tags:"
49 +
50 +=== Modfiy entry ===
51 +
52 +1. click on {{icon name="pencil"/}} Edit
53 +1. update the form
54 +1. click {{html}}<button class="btn btn-primary">Save & View</button>{{/html}} (bottom left)
55 +1. update the Tags (bottom left)
56 +
XWiki.JavaScriptExtension[0]
Code
... ... @@ -1,19 +1,5 @@
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("<br/>"),
15 - "Cooperation": "...",
16 - };
17 17   let tagCols;
18 18  
19 19   document.observe('xwiki:livetable:loading', () => {
... ... @@ -40,20 +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 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 57   // handle clicks for tags
58 58   document.getElementById(`${tabName}-display`).addEventListener("click", ev => {
59 59   if (ev.button) return; // only left click
... ... @@ -77,24 +77,12 @@
77 77   a.innerHTML = row.affiliation_value.split("\n").map((a, i) => i ? a : `<b class="wikiexternallink">${a}</b>`).join("<br/>");
78 78   a.title = row.doc_title;
79 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;
52 + a.dataset.content = row.content;
84 84   a.dataset.toggle = "popover";
85 85   }
55 +
86 86   row.affiliation = a.outerHTML;
87 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 98   row.doc_date = row.doc_date.split(" ")[0].split("/").slice(0, 2).join("/");
99 99  
100 100   // tags