Changes for page Nice Display

Last modified by Benjamin Fischer on 2025/03/26 13:19

From version 27.2
edited by Judith Steinfeld
on 2024/10/17 08:56
Change comment: There is no comment for this version
To version 44.3
edited by Benjamin Fischer
on 2025/03/25 17:36
Change comment: There is no comment for this version

Summary

Details

Page properties
Title
... ... @@ -1,1 +1,1 @@
1 -People in ErUM-Data
1 +Nice Display
Parent
... ... @@ -1,1 +1,1 @@
1 -Main.WebHome
1 +Research Groups.WebHome
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.JudithSteinfeld
1 +XWiki.fischer
Content
... ... @@ -1,40 +1,57 @@
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).
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 +This is a collection of various groups in industry that are adjacent or in cooperation with ErUM-Data science.
8 8  
10 +{{locationSearch width="100%;clear:both;" className="Research Groups.Code.Research GroupsClass" description="Search, including in excerpts."/}}
9 9  
10 -|=(% scope="row" %)(((
11 -=== **Research Group** ===
12 -)))|(((
13 -=== **Affiliation** ===
12 +{{velocity}}
13 +#set ($columnsProperties = {
14 + 'affiliation': {"filterable":true, "sortable":true, "html":true},
15 + 'URL': {"type": "hidden"},
16 + "content": {"type": "hidden"},
17 + "coop": {},
18 + "tags": {"sortable": false, "filterable": false, "html": true, "headerClass": "tagsCol"},
19 + "doc.date": {"filterable": false, "displayName": "Last Updated"},
20 + '_actions': {"actions":["view","edit"]}
21 +})
22 +#set ($options = {
23 + 'className': 'Research Groups.Code.Research GroupsClass',
24 + 'translationPrefix': 'research groups.livetable.',
25 + 'extraParams': '&location=Industry%20meets%20ErUM-Data',
26 + 'tagCloud': true,
27 + 'rowCount': 25,
28 + 'maxPages': 10,
29 + 'selectedColumn': 'doc.date',
30 + 'defaultOrder': 'desc'
31 +})
32 +#set ($columns = ['affiliation', 'URL', "content", "tags", "coop", "doc.date", '_actions'])
33 +#livetable('research_groups' $columns $columnsProperties $options)
34 +{{/velocity}}
14 14  
15 -**Location**
16 -)))|(((
17 -=== **Information/Contact** ===
18 -)))|(% style="width:553px" %)(((
19 -=== **Research Focus** ===
20 -)))|(% style="width:134px" %)(((
21 -=== **Community** ===
22 -)))
23 -|Group PD Dr. Thorsten Enßlin|(((
24 -Max-Planck-Insititut für Astrophysik (MPA)
36 +(% id="howto" %)
37 +== How-To Add/Update Entries ==
25 25  
26 -Garching
27 -)))|[[https:~~/~~/wwwmpa.mpa-garching.mpg.de/~~~~ensslin/>>https://wwwmpa.mpa-garching.mpg.de/~~ensslin/]]|(% style="width:553px" %)Information Field Theory|(% style="width:134px" %)KAT
28 -|HUB Materie|(((
29 -|Helmholtz Metadata Collaboration
30 -)))|(((
31 -|https:~/~/helmholtz-metadaten.de/de/materie/uebersicht
32 -)))|(% style="width:553px" %)(((
33 -|Strategien für das Forschungsdatenmanagement
34 -)))|(% style="width:134px" %)
35 -|=(% scope="col" %) | | |(% style="width:553px" %) |(% style="width:134px" %)
36 -|= | | |(% style="width:553px" %) |(% style="width:134px" %)
39 +You need to be logged in to perform any modifications.
37 37  
41 +=== Add entry ===
38 38  
39 -{{office attachment="People in ErUM v2.xlsx" filterStyles="false"/}}
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:"
40 40  
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 v2.xlsx
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.JudithSteinfeld
Size
... ... @@ -1,1 +1,0 @@
1 -34.5 KB
Content
People in ErUM v2_7f9f8a04.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.JudithSteinfeld
Size
... ... @@ -1,1 +1,0 @@
1 -115 bytes
Content
People in ErUM v2_9a9d6ea5.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.JudithSteinfeld
Size
... ... @@ -1,1 +1,0 @@
1 -13.0 KB
Content
XWiki.JavaScriptExtension[0]
Caching policy
... ... @@ -1,0 +1,1 @@
1 +default
Code
... ... @@ -1,0 +1,88 @@
1 +/*!
2 +#set( $ntrg_tabCols == $jsontool.serialize($ntrg_tabCols) )
3 +#[[*/
4 +((tabCols = [["Tags", true]], tabName = "research_groups") => {
5 +
6 + document.observe('xwiki:livetable:loading', () => {
7 + const mats = document.getElementById(tabName);
8 + if (!mats) return;
9 +
10 + // coulmn data sources
11 + const conf = JSON.parse(mats.dataset.settings);
12 + tagCols.forEach(([name], i) => {
13 + const cn = `tags-${i}`;
14 + conf.columns.splice(conf.columns.indexOf("tags"), 1, cn);
15 + conf.columnDescriptors[cn] = {
16 + displayName: name,
17 + headerClass: "tagsCol",
18 + html: true,
19 + sortable: false,
20 + };
21 + });
22 + mats.dataset.settings = JSON.stringify(conf);
23 +
24 + // column headers
25 + mats.querySelectorAll(".xwiki-livetable-display-header .tagsCol").forEach(
26 + (v, i) => v.textContent = tagCols[i][0]
27 + );
28 +
29 + // handle clicks for tags
30 + document.getElementById(`${tabName}-display`).addEventListener("click", ev => {
31 + if (ev.button) return; // only left click
32 + if (ev.target.nodeName !== "SPAN") return;
33 + if (!ev.target.classList.contains("ltTag")) return;
34 + const tag = ev.target.textContent;
35 + ev.preventDefault();
36 + const lt = mats.__liveTable;
37 + const st = lt.tagCloud.selectedTags;
38 + if (tag in st) delete st[tag];
39 + else st[tag] = {};
40 + lt.tags = Object.keys(st);
41 + lt.clearCache();
42 + lt.showRows(1, lt.limit);
43 + })
44 + });
45 +
46 + document.observe(`xwiki:livetable:${tabName}:receivedEntries`, ({memo: {data}}) => {
47 + for (const row of data.rows) {
48 + const a = new Element("a", { href: row.URL });
49 + a.innerHTML = row.affiliation_value.split("\n").map((a, i) => i ? a : `<b class="wikiexternallink">${a}</b>`).join("<br/>");
50 + a.title = row.doc_title;
51 + if (row.content !== "-") {
52 + a.dataset.content = row.content;
53 + a.dataset.toggle = "popover";
54 + }
55 +
56 + row.affiliation = a.outerHTML;
57 +
58 + row.doc_date = row.doc_date.split(" ")[0].split("/").slice(0, 2).join("/");
59 +
60 + // tags
61 + const tags = new Set(row.tags_value.slice(1, -1).split(", "));
62 + tagCols.forEach(([name, ...want], i) =>
63 + row[`tags-${i}`] = (
64 + want[0] === true
65 + ? Array.from(tags)
66 + : want.filter(tag => tags.delete(tag))
67 + ).sort().map(tag => `<span class="ltTag" style="cursor:pointer;">${tag}</span>`).join(", ")
68 + );
69 + }
70 + });
71 +
72 + require(['jquery', 'bootstrap'], function($) {
73 + document.styleSheets[0].insertRule(`#mainContentArea .popover {max-width: 50%;}`)
74 +
75 + const ttApply = () => {
76 + $(`#${tabName} [data-toggle="popover"]`).popover({
77 + html: true,
78 + container: `#mainContentArea`,
79 + trigger: "hover",
80 + });
81 + };
82 +
83 + document.observe(`xwiki:livetable:${tabName}:displayComplete`, ttApply);
84 + ttApply();
85 + });
86 +
87 +// ]]#
88 +})($ntrg_tabCols, $ntrg_tabName);
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 +onDemand