Skip to Content

Changes for page Nice Display

Last modified by Benjamin Fischer on 2025/06/04 11:55
From version 47.1
edited by Benjamin Fischer
on 2025/06/04 11:55
Change comment: There is no comment for this version
To version 44.7
edited by Benjamin Fischer
on 2025/03/25 17:42
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,18 +1,21 @@
1 +{{box cssClass="floatinginfobox" title="**The list thrives on being filled.**"}}
2 +To be added (or removed) you can:
3 +
4 +* contact [[judith.steinfeld@erumdatahub.de>>mailto:judith.steinfeld@erumdatahub.de]]
5 +* add or update an entry yourself [[How-To (end of page)>>||anchor="howto"]]
6 +{{/box}}
7 +
8 +This is a collection of various groups in industry that are adjacent or in cooperation with ErUM-Data science.
9 +
1 1  {{locationSearch width="100%;clear:both;" className="Research Groups.Code.Research GroupsClass" description="Search, including in excerpts."/}}
2 2  
3 3  {{velocity}}
4 -#if ( $ntrg_tagCols == $null )
5 -#set( $ntrg_tagCols = [["Tags", true]] )
6 -#end
7 -
8 8  #set ($columnsProperties = {
9 9   'affiliation': {"filterable":true, "sortable":true, "html":true},
10 10   'URL': {"type": "hidden"},
11 11   "content": {"type": "hidden"},
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"},
15 - "tags": {"sortable": false, "filterable": false, "html": true, "headerClass": "tagsCol", "aux": $ntrg_tagCols},
17 + "coop": {},
18 + "tags": {"sortable": false, "filterable": false, "html": true, "headerClass": "tagsCol"},
16 16   "doc.date": {"filterable": false, "displayName": "Last Updated"},
17 17   '_actions': {"actions":["view","edit"]}
18 18  })
... ... @@ -19,7 +19,7 @@
19 19  #set ($options = {
20 20   'className': 'Research Groups.Code.Research GroupsClass',
21 21   'translationPrefix': 'research groups.livetable.',
22 - 'extraParams': "&location=${escapetool.url($doc.getSpace())}",
25 + 'extraParams': '&location=Industry%20meets%20ErUM-Data',
23 23   'tagCloud': true,
24 24   'rowCount': 25,
25 25   'maxPages': 10,
... ... @@ -26,12 +26,29 @@
26 26   'selectedColumn': 'doc.date',
27 27   'defaultOrder': 'desc'
28 28  })
29 -#set ($columns = ['affiliation', 'URL', "content", "coop", "coopDetails", "doc.date", '_actions'])
30 -#foreach ($ntrg_tagCol in $ntrg_tagCols)
31 -#set ($discard = $columns.add(3, "tags"))
32 -#end
33 -#livetable("research_groups" $columns $columnsProperties $options)
32 +#set ($columns = ['affiliation', 'URL', "content", "tags", "coop", "doc.date", '_actions'])
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 +
57 +=== Demo Video - Coming Soon ===
XWiki.JavaScriptExtension[0]
Caching policy
... ... @@ -1,0 +1,1 @@
1 +default
Code
... ... @@ -1,0 +1,91 @@
1 +/*!
2 +#set( $ntrg_tabCols = [["Tags", true]] )
3 +#set( $ntrg_tabCols = "research_groups" )
4 +#[[*/
5 +((tabCols = [["Tags", true]], tabName = "research_groups") => {
6 +
7 + document.observe('xwiki:livetable:loading', () => {
8 + const mats = document.getElementById(tabName);
9 + if (!mats) return;
10 +
11 + // coulmn data sources
12 + const conf = JSON.parse(mats.dataset.settings);
13 + tagCols.forEach(([name], i) => {
14 + const cn = `tags-${i}`;
15 + conf.columns.splice(conf.columns.indexOf("tags"), 1, cn);
16 + conf.columnDescriptors[cn] = {
17 + displayName: name,
18 + headerClass: "tagsCol",
19 + html: true,
20 + sortable: false,
21 + };
22 + });
23 + mats.dataset.settings = JSON.stringify(conf);
24 +
25 + // column headers
26 + mats.querySelectorAll(".xwiki-livetable-display-header .tagsCol").forEach(
27 + (v, i) => v.textContent = tagCols[i][0]
28 + );
29 +
30 + // handle clicks for tags
31 + document.getElementById(`${tabName}-display`).addEventListener("click", ev => {
32 + if (ev.button) return; // only left click
33 + if (ev.target.nodeName !== "SPAN") return;
34 + if (!ev.target.classList.contains("ltTag")) return;
35 + const tag = ev.target.textContent;
36 + ev.preventDefault();
37 + const lt = mats.__liveTable;
38 + const st = lt.tagCloud.selectedTags;
39 + if (tag in st) delete st[tag];
40 + else st[tag] = {};
41 + lt.tags = Object.keys(st);
42 + lt.clearCache();
43 + lt.showRows(1, lt.limit);
44 + })
45 + });
46 +
47 + document.observe(`xwiki:livetable:${tabName}:receivedEntries`, ({memo: {data}}) => {
48 + for (const row of data.rows) {
49 + const a = new Element("a", { href: row.URL });
50 + a.innerHTML = row.affiliation_value.split("\n").map((a, i) => i ? a : `<b class="wikiexternallink">${a}</b>`).join("<br/>");
51 + a.title = row.doc_title;
52 + if (row.content !== "-") {
53 + a.dataset.content = row.content;
54 + a.dataset.toggle = "popover";
55 + }
56 +
57 + row.affiliation = a.outerHTML;
58 +
59 + row.doc_date = row.doc_date.split(" ")[0].split("/").slice(0, 2).join("/");
60 +
61 + // tags
62 + const tags = new Set(row.tags_value.slice(1, -1).split(", "));
63 + tagCols.forEach(([name, ...want], i) =>
64 + row[`tags-${i}`] = (
65 + want[0] === true
66 + ? Array.from(tags)
67 + : want.filter(tag => tags.delete(tag))
68 + ).sort().map(tag => `<span class="ltTag" style="cursor:pointer;">${tag}</span>`).join(", ")
69 + );
70 + }
71 + });
72 +
73 + require(['jquery', 'bootstrap'], function($) {
74 + document.styleSheets[0].insertRule(`#mainContentArea .popover {max-width: 50%;}`);
75 +
76 + const ttApply = () => {
77 + $(`#${tabName} [data-toggle="popover"]`).popover({
78 + html: true,
79 + container: `#mainContentArea`,
80 + trigger: "hover",
81 + });
82 + };
83 +
84 + document.observe(`xwiki:livetable:${tabName}:displayComplete`, ttApply);
85 + ttApply();
86 + });
87 +/* end1 */
88 +/* ]]# */
89 +/* end2 */
90 +})($jsontool.serialize($ntrg_tabCols), $jsontool.serialize($ntrg_tabName));
91 +/* end3 */
Name
... ... @@ -1,0 +1,1 @@
1 +Nice Table - Research Groups
Parse content
... ... @@ -1,0 +1,1 @@
1 +Yes
Use this extension
... ... @@ -1,0 +1,1 @@
1 +currentPage