Skip to Content

Changes for page Nice Display

Last modified by Benjamin Fischer on 2025/03/26 13:19
From version 45.15
edited by Benjamin Fischer
on 2025/03/26 10:50
Change comment: There is no comment for this version
To version 33.1
edited by Jan Bürger
on 2024/12/17 13:14
Change comment: Uploaded new attachment "people_in_erum_final.mp4", version 1.1

Summary

Details

Page properties
Title
... ... @@ -1,1 +1,1 @@
1 -Nice Display
1 +People in ErUM-Data
Parent
... ... @@ -1,1 +1,1 @@
1 -Research Groups.WebHome
1 +Main.WebHome
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.fischer
1 +XWiki.JanBurger
Content
... ... @@ -1,17 +1,16 @@
1 -{{locationSearch width="100%;clear:both;" className="Research Groups.Code.Research GroupsClass" description="Search, including in excerpts."/}}
1 +(% class="box infomessage" %)
2 +(((
3 +With this collection we want to provide an overview of of various research groups and people in ErUM (data).
2 2  
3 -{{velocity}}
4 -#if ( $ntrg_tagCols == $null )
5 -#set( $ntrg_tagCols = [["Tags", true]] )
6 -#end
7 -#set ($discard = $xwiki.jsx.use('Research Groups.Nice Display.WebHome'))
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 +)))
8 8  
8 +{{velocity}}
9 9  #set ($columnsProperties = {
10 10   'affiliation': {"filterable":true, "sortable":true, "html":true},
11 11   'URL': {"type": "hidden"},
12 12   "content": {"type": "hidden"},
13 - "coop": {},
14 - "tags": {"sortable": false, "filterable": false, "html": true, "headerClass": "tagsCol", "aux": $ntrg_tagCols},
13 + "tags": {"sortable": false, "filterable": false, "html": true, "headerClass": "tagsCol"},
15 15   "doc.date": {"filterable": false, "displayName": "Last Updated"},
16 16   '_actions': {"actions":["view","edit"]}
17 17  })
... ... @@ -18,7 +18,6 @@
18 18  #set ($options = {
19 19   'className': 'Research Groups.Code.Research GroupsClass',
20 20   'translationPrefix': 'research groups.livetable.',
21 - 'extraParams': "&location=${escapetool.url($doc.getSpace())}",
22 22   'tagCloud': true,
23 23   'rowCount': 25,
24 24   'maxPages': 10,
... ... @@ -25,32 +25,6 @@
25 25   'selectedColumn': 'doc.date',
26 26   'defaultOrder': 'desc'
27 27  })
28 -#set ($columns = ['affiliation', 'URL', "content", "coop", "doc.date", '_actions'])
29 -#foreach ($ntrg_tagCol in $ntrg_tagCols)
30 -#set ($discard = $columns.add(3, "tags"))
31 -#end
32 -#livetable("research_groups" $columns $columnsProperties $options)
26 +#set ($columns = ['affiliation', 'URL', "content", "tags", "tags", "tags", "doc.date", '_actions'])
27 +#livetable('research_groups' $columns $columnsProperties $options)
33 33  {{/velocity}}
34 -
35 -(% id="howto" %)
36 -== How-To Add/Update Entries ==
37 -
38 -You need to be logged in to perform any modifications.
39 -
40 -=== Add entry ===
41 -
42 -1. click {{html}}<button class="btn"><i class="fa fa-plus"/>Create</button>{{/html}} (top right)
43 -1. fill in the Title in the top left (must be unique)
44 -1. click {{html}}<button class="btn btn-primary">Create</button>{{/html}} (bottom left)
45 -1. fill out the form
46 -1. click {{html}}<button class="btn btn-primary">Save & View</button>{{/html}} (bottom left)
47 -1. add tags (bottom left): click on the [+] behind: "Tags:"
48 -
49 -=== Modfiy entry ===
50 -
51 -1. click on {{icon name="pencil"/}} Edit
52 -1. update the form
53 -1. click {{html}}<button class="btn btn-primary">Save & View</button>{{/html}} (bottom left)
54 -1. update the Tags (bottom left)
55 -
56 -=== Demo Video - Coming Soon ===
People in ErUM v2.xlsx
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.JudithSteinfeld
Size
... ... @@ -1,0 +1,1 @@
1 +0 bytes
Content
People in ErUM v2_7f9f8a04.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.JudithSteinfeld
Size
... ... @@ -1,0 +1,1 @@
1 +0 bytes
Content
People in ErUM v2_9a9d6ea5.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.JudithSteinfeld
Size
... ... @@ -1,0 +1,1 @@
1 +0 bytes
Content
people_in_erum_final.mp4
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.JanBurger
Size
... ... @@ -1,0 +1,1 @@
1 +1.8 MB
Content
XWiki.JavaScriptExtension[0]
Code
... ... @@ -1,89 +1,89 @@
1 -(()=>{
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 - ];
7 - const tabName = "research_groups";
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 +]
8 8  
9 - document.observe('xwiki:livetable:loading', () => {
10 - const mats = document.getElementById(tabName);
11 - if (!mats) return;
8 +document.observe('xwiki:livetable:loading', () => {
9 + const mats = document.getElementById(tabName);
12 12  
13 - // coulmn data sources
14 - const conf = JSON.parse(mats.dataset.settings);
15 - tagCols.forEach(([name], i) => {
16 - const cn = `tags-${i}`;
17 - conf.columns.splice(conf.columns.indexOf("tags"), 1, cn);
18 - conf.columnDescriptors[cn] = {
19 - displayName: name,
20 - headerClass: "tagsCol",
21 - html: true,
22 - sortable: false,
23 - };
24 - });
25 - mats.dataset.settings = JSON.stringify(conf);
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);
26 26  
27 - // column headers
28 - mats.querySelectorAll(".xwiki-livetable-display-header .tagsCol").forEach(
29 - (v, i) => v.textContent = tagCols[i][0]
30 - );
25 + // column headers
26 + mats.querySelectorAll(".xwiki-livetable-display-header .tagsCol").forEach(
27 + (v, i) => v.textContent = tagCols[i][0]
28 + );
31 31  
32 - // handle clicks for tags
33 - document.getElementById(`${tabName}-display`).addEventListener("click", ev => {
34 - if (ev.button) return; // only left click
35 - if (ev.target.nodeName !== "SPAN") return;
36 - if (!ev.target.classList.contains("ltTag")) return;
37 - const tag = ev.target.textContent;
38 - ev.preventDefault();
39 - const lt = mats.__liveTable;
40 - const st = lt.tagCloud.selectedTags;
41 - if (tag in st) delete st[tag];
42 - else st[tag] = {};
43 - lt.tags = Object.keys(st);
44 - lt.clearCache();
45 - lt.showRows(1, lt.limit);
46 - })
47 - });
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 +});
48 48  
49 - document.observe(`xwiki:livetable:${tabName}:receivedEntries`, ({memo: {data}}) => {
50 - for (const row of data.rows) {
51 - const a = new Element("a", { href: row.URL });
52 - a.innerHTML = row.affiliation_value.split("\n").map((a, i) => i ? a : `<b class="wikiexternallink">${a}</b>`).join("<br/>");
53 - a.title = row.doc_title;
54 - if (row.content !== "-") {
55 - a.dataset.content = row.content;
56 - a.dataset.toggle = "popover";
57 - }
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 + }
58 58  
59 - row.affiliation = a.outerHTML;
57 + row.affiliation = a.outerHTML;
60 60  
61 - row.doc_date = row.doc_date.split(" ")[0].split("/").slice(0, 2).join("/");
59 + row.doc_date = row.doc_date.split(" ")[0].split("/").slice(0, 2).join("/");
62 62  
63 - // tags
64 - const tags = new Set(row.tags_value.slice(1, -1).split(", "));
65 - tagCols.forEach(([name, ...want], i) =>
66 - row[`tags-${i}`] = (
67 - want[0] === true
68 - ? Array.from(tags)
69 - : want.filter(tag => tags.delete(tag))
70 - ).sort().map(tag => `<span class="ltTag" style="cursor:pointer;">${tag}</span>`).join(", ")
71 - );
72 - }
73 - });
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 +});
74 74  
75 - require(['jquery', 'bootstrap'], function($) {
76 - document.styleSheets[0].insertRule(`#mainContentArea .popover {max-width: 50%;}`);
73 +require(['jquery', 'bootstrap'], function($) {
74 + document.styleSheets[0].insertRule(`#mainContentArea .popover {max-width: 50%;}`)
77 77  
78 - const ttApply = () => {
79 - $(`#${tabName} [data-toggle="popover"]`).popover({
80 - html: true,
81 - container: `#mainContentArea`,
82 - trigger: "hover",
83 - });
84 - };
76 + const ttApply = () => {
77 + $(`#${tabName} [data-toggle="popover"]`).popover({
78 + html: true,
79 + container: `#mainContentArea`,
80 + trigger: "hover",
81 + });
82 + };
85 85  
86 - document.observe(`xwiki:livetable:${tabName}:displayComplete`, ttApply);
87 - ttApply();
88 - });
89 -})();
84 + document.observe(`xwiki:livetable:${tabName}:displayComplete`, ttApply);
85 + ttApply();
86 +});
87 +
88 +
89 +
Name
... ... @@ -1,1 +1,1 @@
1 -Nice Table - Research Groups
1 +Live Table - Research Groups
Use this extension
... ... @@ -1,1 +1,1 @@
1 -onDemand
1 +currentPage