Skip to Content

Changes for page Nice Display

Last modified by Benjamin Fischer on 2025/03/26 13:19
From version 44.3
edited by Benjamin Fischer
on 2025/03/25 17:36
Change comment: There is no comment for this version
To version 44.1
edited by Benjamin Fischer
on 2025/03/25 15:27
Change comment: There is no comment for this version

Summary

Details

Page properties
Title
... ... @@ -1,1 +1,1 @@
1 -Nice Display
1 +Industry meets ErUM-Data
Parent
... ... @@ -1,1 +1,1 @@
1 -Research Groups.WebHome
1 +Main.WebHome
XWiki.JavaScriptExtension[0]
Code
... ... @@ -1,88 +1,87 @@
1 -/*!
2 -#set( $ntrg_tabCols == $jsontool.serialize($ntrg_tabCols) )
3 -#[[*/
4 -((tabCols = [["Tags", true]], tabName = "research_groups") => {
1 +const tabName = "research_groups";
2 +const tagCols = [
3 + ["Tags", true],
4 +]
5 5  
6 - document.observe('xwiki:livetable:loading', () => {
7 - const mats = document.getElementById(tabName);
8 - if (!mats) return;
6 +document.observe('xwiki:livetable:loading', () => {
7 + const mats = document.getElementById(tabName);
9 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);
9 + // coulmn data sources
10 + const conf = JSON.parse(mats.dataset.settings);
11 + tagCols.forEach(([name], i) => {
12 + const cn = `tags-${i}`;
13 + conf.columns.splice(conf.columns.indexOf("tags"), 1, cn);
14 + conf.columnDescriptors[cn] = {
15 + displayName: name,
16 + headerClass: "tagsCol",
17 + html: true,
18 + sortable: false,
19 + };
20 + });
21 + mats.dataset.settings = JSON.stringify(conf);
23 23  
24 - // column headers
25 - mats.querySelectorAll(".xwiki-livetable-display-header .tagsCol").forEach(
26 - (v, i) => v.textContent = tagCols[i][0]
27 - );
23 + // column headers
24 + mats.querySelectorAll(".xwiki-livetable-display-header .tagsCol").forEach(
25 + (v, i) => v.textContent = tagCols[i][0]
26 + );
28 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 - });
28 + // handle clicks for tags
29 + document.getElementById(`${tabName}-display`).addEventListener("click", ev => {
30 + if (ev.button) return; // only left click
31 + if (ev.target.nodeName !== "SPAN") return;
32 + if (!ev.target.classList.contains("ltTag")) return;
33 + const tag = ev.target.textContent;
34 + ev.preventDefault();
35 + const lt = mats.__liveTable;
36 + const st = lt.tagCloud.selectedTags;
37 + if (tag in st) delete st[tag];
38 + else st[tag] = {};
39 + lt.tags = Object.keys(st);
40 + lt.clearCache();
41 + lt.showRows(1, lt.limit);
42 + })
43 +});
45 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 - }
45 +document.observe(`xwiki:livetable:${tabName}:receivedEntries`, ({memo: {data}}) => {
46 + for (const row of data.rows) {
47 + const a = new Element("a", { href: row.URL });
48 + a.innerHTML = row.affiliation_value.split("\n").map((a, i) => i ? a : `<b class="wikiexternallink">${a}</b>`).join("<br/>");
49 + a.title = row.doc_title;
50 + if (row.content !== "-") {
51 + a.dataset.content = row.content;
52 + a.dataset.toggle = "popover";
53 + }
55 55  
56 - row.affiliation = a.outerHTML;
55 + row.affiliation = a.outerHTML;
57 57  
58 - row.doc_date = row.doc_date.split(" ")[0].split("/").slice(0, 2).join("/");
57 + row.doc_date = row.doc_date.split(" ")[0].split("/").slice(0, 2).join("/");
59 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 - });
59 + // tags
60 + const tags = new Set(row.tags_value.slice(1, -1).split(", "));
61 + tagCols.forEach(([name, ...want], i) =>
62 + row[`tags-${i}`] = (
63 + want[0] === true
64 + ? Array.from(tags)
65 + : want.filter(tag => tags.delete(tag))
66 + ).sort().map(tag => `<span class="ltTag" style="cursor:pointer;">${tag}</span>`).join(", ")
67 + );
68 + }
69 +});
71 71  
72 - require(['jquery', 'bootstrap'], function($) {
73 - document.styleSheets[0].insertRule(`#mainContentArea .popover {max-width: 50%;}`)
71 +require(['jquery', 'bootstrap'], function($) {
72 + document.styleSheets[0].insertRule(`#mainContentArea .popover {max-width: 50%;}`)
74 74  
75 - const ttApply = () => {
76 - $(`#${tabName} [data-toggle="popover"]`).popover({
77 - html: true,
78 - container: `#mainContentArea`,
79 - trigger: "hover",
80 - });
81 - };
74 + const ttApply = () => {
75 + $(`#${tabName} [data-toggle="popover"]`).popover({
76 + html: true,
77 + container: `#mainContentArea`,
78 + trigger: "hover",
79 + });
80 + };
82 82  
83 - document.observe(`xwiki:livetable:${tabName}:displayComplete`, ttApply);
84 - ttApply();
85 - });
82 + document.observe(`xwiki:livetable:${tabName}:displayComplete`, ttApply);
83 + ttApply();
84 +});
86 86  
87 -// ]]#
88 -})($ntrg_tabCols, $ntrg_tabName);
86 +
87 +
Name
... ... @@ -1,1 +1,1 @@
1 -Nice Table - Research Groups
1 +Live Table - Research Groups
Parse content
... ... @@ -1,1 +1,1 @@
1 -Yes
1 +No
Use this extension
... ... @@ -1,1 +1,1 @@
1 -onDemand
1 +currentPage