Skip to Content

Changes for page Nice Display

Last modified by Benjamin Fischer on 2025/03/26 13:19
From version 41.3
edited by Benjamin Fischer
on 2025/03/24 12:35
Change comment: There is no comment for this version
To version 44.11
edited by Benjamin Fischer
on 2025/03/25 17:46
Change comment: There is no comment for this version

Summary

Details

Page properties
Title
... ... @@ -1,1 +1,1 @@
1 -Industry meets ErUM-Data
1 +Nice Display
Parent
... ... @@ -1,1 +1,1 @@
1 -Main.WebHome
1 +Research Groups.WebHome
Content
... ... @@ -1,14 +1,13 @@
1 -(% class="box infomessage" %)
2 -(((
3 -[[{{icon name="question-circle"}}{{/icon}}>>attach:people_in_erum_final.mp4]] With this collection we want to provide an overview of of various research groups and people in ErUM (data).
1 +{{box cssClass="floatinginfobox" title="**The list thrives on being filled.**"}}
2 +To be added (or removed) you can:
4 4  
5 -==== The list thrives on being filled. If you want to be subscribed or unsubscribed from this list please contact [[judith.steinfeld@erumdatahub.de>>mailto:judith.steinfeld@erumdatahub.de]].
6 - ====
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 7  
8 -==== **Feel free to add or modify your workinggroup yourself. For help, see this [[video>>attach:people_in_erum_final.mp4]].** ====
9 -)))
8 +This is a collection of various groups in industry that are adjacent or in cooperation with ErUM-Data science.
10 10  
11 -{{locationSearch width="100%" className="Research Groups.Code.Research GroupsClass" reference="" description="Search, including in excerpts."/}}
10 +{{locationSearch width="100%;clear:both;" className="Research Groups.Code.Research GroupsClass" description="Search, including in excerpts."/}}
12 12  
13 13  {{velocity}}
14 14  #set ($columnsProperties = {
... ... @@ -15,6 +15,7 @@
15 15   'affiliation': {"filterable":true, "sortable":true, "html":true},
16 16   'URL': {"type": "hidden"},
17 17   "content": {"type": "hidden"},
17 + "coop": {},
18 18   "tags": {"sortable": false, "filterable": false, "html": true, "headerClass": "tagsCol"},
19 19   "doc.date": {"filterable": false, "displayName": "Last Updated"},
20 20   '_actions': {"actions":["view","edit"]}
... ... @@ -22,7 +22,7 @@
22 22  #set ($options = {
23 23   'className': 'Research Groups.Code.Research GroupsClass',
24 24   'translationPrefix': 'research groups.livetable.',
25 - 'location': 'Industry meets ErUM-Data/',
25 + 'extraParams': '&location=Industry%20meets%20ErUM-Data',
26 26   'tagCloud': true,
27 27   'rowCount': 25,
28 28   'maxPages': 10,
... ... @@ -29,6 +29,29 @@
29 29   'selectedColumn': 'doc.date',
30 30   'defaultOrder': 'desc'
31 31  })
32 -#set ($columns = ['affiliation', 'URL', "content", "tags", "doc.date", '_actions'])
32 +#set ($columns = ['affiliation', 'URL', "content", "tags", "coop", "doc.date", '_actions'])
33 33  #livetable('research_groups' $columns $columnsProperties $options)
34 34  {{/velocity}}
35 +
36 +(% id="howto" %)
37 +== How-To Add/Update Entries ==
38 +
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 ===
people_in_erum_final.mp4
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.fischer
Size
... ... @@ -1,1 +1,0 @@
1 -1.8 MB
Content
XWiki.JavaScriptExtension[0]
Code
... ... @@ -1,89 +1,92 @@
1 -const tabName = "research_groups";
2 -const tagCols = [
3 - ["Community", "KAT", "KET", "KfB", "KFN", "KFS", "KFSI", "KHuK", "RDS", "beyond ErUM"],
4 - ["Experiment", "CMS", "ATLAS", "Belle2", "CTA", "Pierre Auger Observatory", "SKA", "IceCube", "KATRIN", "KASCADE", "GREGOR", "STELLA", "LOFAR", "LHCb", "LHC", "PETRA III", "PETRA IV", "PANDA", "Gaia", "Euclid", "BESSY II", "ANTARES", "H.E.S.S.", "KM3NeT", "FLASH", "Einstein Telescope"],
5 - ["Tags", true],
6 -]
1 +/*!
2 +#if ( $ntrg_tagCols == $null )
3 +#set( $ntrg_tagCols = [["Tags", true]] )
4 +#end
5 +#if ( $ntrg_tabName == $null )
6 +#set( $ntrg_tabName = "research_groups" )
7 +#end
8 +#[[*/
9 +((tagCols = [["Tags", true]], tabName = "research_groups") => {
7 7  
8 -document.observe('xwiki:livetable:loading', () => {
9 - const mats = document.getElementById(tabName);
11 + document.observe('xwiki:livetable:loading', () => {
12 + const mats = document.getElementById(tabName);
13 + if (!mats) return;
10 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);
15 + // coulmn data sources
16 + const conf = JSON.parse(mats.dataset.settings);
17 + tagCols.forEach(([name], i) => {
18 + const cn = `tags-${i}`;
19 + conf.columns.splice(conf.columns.indexOf("tags"), 1, cn);
20 + conf.columnDescriptors[cn] = {
21 + displayName: name,
22 + headerClass: "tagsCol",
23 + html: true,
24 + sortable: false,
25 + };
26 + });
27 + mats.dataset.settings = JSON.stringify(conf);
24 24  
25 - // column headers
26 - mats.querySelectorAll(".xwiki-livetable-display-header .tagsCol").forEach(
27 - (v, i) => v.textContent = tagCols[i][0]
28 - );
29 + // column headers
30 + mats.querySelectorAll(".xwiki-livetable-display-header .tagsCol").forEach(
31 + (v, i) => v.textContent = tagCols[i][0]
32 + );
29 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 -});
34 + // handle clicks for tags
35 + document.getElementById(`${tabName}-display`).addEventListener("click", ev => {
36 + if (ev.button) return; // only left click
37 + if (ev.target.nodeName !== "SPAN") return;
38 + if (!ev.target.classList.contains("ltTag")) return;
39 + const tag = ev.target.textContent;
40 + ev.preventDefault();
41 + const lt = mats.__liveTable;
42 + const st = lt.tagCloud.selectedTags;
43 + if (tag in st) delete st[tag];
44 + else st[tag] = {};
45 + lt.tags = Object.keys(st);
46 + lt.clearCache();
47 + lt.showRows(1, lt.limit);
48 + })
49 + });
46 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 - }
51 + document.observe(`xwiki:livetable:${tabName}:receivedEntries`, ({memo: {data}}) => {
52 + for (const row of data.rows) {
53 + const a = new Element("a", { href: row.URL });
54 + a.innerHTML = row.affiliation_value.split("\n").map((a, i) => i ? a : `<b class="wikiexternallink">${a}</b>`).join("<br/>");
55 + a.title = row.doc_title;
56 + if (row.content !== "-") {
57 + a.dataset.content = row.content;
58 + a.dataset.toggle = "popover";
59 + }
56 56  
57 - row.affiliation = a.outerHTML;
61 + row.affiliation = a.outerHTML;
58 58  
59 - row.doc_date = row.doc_date.split(" ")[0].split("/").slice(0, 2).join("/");
63 + row.doc_date = row.doc_date.split(" ")[0].split("/").slice(0, 2).join("/");
60 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 -});
65 + // tags
66 + const tags = new Set(row.tags_value.slice(1, -1).split(", "));
67 + tagCols.forEach(([name, ...want], i) =>
68 + row[`tags-${i}`] = (
69 + want[0] === true
70 + ? Array.from(tags)
71 + : want.filter(tag => tags.delete(tag))
72 + ).sort().map(tag => `<span class="ltTag" style="cursor:pointer;">${tag}</span>`).join(", ")
73 + );
74 + }
75 + });
72 72  
73 -require(['jquery', 'bootstrap'], function($) {
74 - document.styleSheets[0].insertRule(`#mainContentArea .popover {max-width: 50%;}`)
77 + require(['jquery', 'bootstrap'], function($) {
78 + document.styleSheets[0].insertRule(`#mainContentArea .popover {max-width: 50%;}`);
75 75  
76 - const ttApply = () => {
77 - $(`#${tabName} [data-toggle="popover"]`).popover({
78 - html: true,
79 - container: `#mainContentArea`,
80 - trigger: "hover",
81 - });
82 - };
80 + const ttApply = () => {
81 + $(`#${tabName} [data-toggle="popover"]`).popover({
82 + html: true,
83 + container: `#mainContentArea`,
84 + trigger: "hover",
85 + });
86 + };
83 83  
84 - document.observe(`xwiki:livetable:${tabName}:displayComplete`, ttApply);
85 - ttApply();
86 -});
87 -
88 -
89 -
88 + document.observe(`xwiki:livetable:${tabName}:displayComplete`, ttApply);
89 + ttApply();
90 + });
91 +/* ]]# */
92 +})($jsontool.serialize($ntrg_tabCols), $jsontool.serialize($ntrg_tabName));
Name
... ... @@ -1,1 +1,1 @@
1 -Live Table - Research Groups
1 +Nice Table - Research Groups
Parse content
... ... @@ -1,1 +1,1 @@
1 -No
1 +Yes