Skip to Content

Changes for page Material Collection

Last modified by Judith Steinfeld on 2025/06/03 11:13
From version 48.1
edited by Judith Steinfeld
on 2024/08/01 09:57
Change comment: There is no comment for this version
To version 54.6
edited by admin
on 2024/10/21 15:37
Change comment: There is no comment for this version

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.JudithSteinfeld
1 +XWiki.admin
Content
... ... @@ -6,10 +6,11 @@
6 6  With our material collection we want to provide an overview of existing materials and contacts by outlining where to find what.
7 7  
8 8  The collection of existing materials is complemented by our own materials which include for example videos and slides from various workshops and schools organized by the ErUM-Data-Hub in collaboration with DIG-UM with which we reached over 800 participants so far.
9 -{{/info}}
10 10  
11 -Hint Copyright: Please not that the materials are from
12 12  
11 +If you want to be subscribed or unsubscribed from this list please contact [[judith.steinfeld@erumdatahub.de>>mailto:judith.steinfeld@erumdatahub.de]]
12 +{{/info}}
13 +
13 13  {{success}}
14 14  Our collection of materials covers many different topics. You can click on one or more tags to filter the list...
15 15  {{/success}}
... ... @@ -16,11 +16,11 @@
16 16  
17 17  {{velocity}}
18 18  #set ($columnsProperties = {
19 - 'doc.location': {"displayName": "Title", "html":true},
20 - 'link': {},
21 - 'date': {"html":true},
20 + 'doc.location': {"displayName": "Title", "html": true},
21 + 'link': {"type": "hidden"},
22 + 'date': {"html": true},
22 22   'author': {},
23 - "tags": {"displayName": "Tags", "type": "list"}
24 + "tags": {"sortable": false, "html": true, "headerClass": "tagsCol"}
24 24  })
25 25  #set ($options = {
26 26   'className': 'Materials.Code.MaterialsClass',
... ... @@ -28,10 +28,10 @@
28 28   'tagCloud': true,
29 29   'rowCount': 25,
30 30   'maxPages': 10,
31 - "extraParams" : "tagsProperty=XWiki.TagClass",
32 + "extraParams" : "tags_className=XWiki.TagClass",
32 32   'selectedColumn': 'date',
33 33   'defaultOrder': 'desc'
34 34  })
35 -#set ($columns = ['doc.location', 'link', "tags", 'date', 'author'])
36 +#set ($columns = ['doc.location', 'link', "tags", "tags", 'date', 'author'])
36 36  #livetable('materials' $columns $columnsProperties $options)
37 37  {{/velocity}}
XWiki.JavaScriptExtension[0]
Caching policy
... ... @@ -1,0 +1,1 @@
1 +default
Code
... ... @@ -1,0 +1,72 @@
1 +const tagCols = [
2 + ["Tag1", "CERN", "CHEP", "GPU", "VISPA"],
3 + ["Tags", true],
4 +]
5 +
6 +document.observe('xwiki:livetable:loading', () => {
7 + const mats = document.getElementById("materials");
8 +
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);
22 +
23 + // column headers
24 + mats.querySelectorAll(".xwiki-livetable-display-header .tagsCol").forEach(
25 + (v, i) => v.firstElementChild.textContent = tagCols[i][0]
26 + );
27 +
28 + // handle clicks for tags
29 + document.getElementById("materials-display").addEventListener("click", ev => {
30 + debugger;
31 + })
32 +});
33 +
34 +document.observe("xwiki:livetable:materials:receivedEntries", ({memo: {data}}) => {
35 + for (const row of data.rows) {
36 + const ol = new DOMParser().parseFromString(row.doc_location, "text/xml").documentElement;
37 + const li = ol.children;
38 +
39 + li[0].remove(); // remove "Event"
40 + for (let i = 1; i < li.length - 1; i++) // intermediate
41 + li[i].textContent = li[i].textContent; // remove link
42 +
43 + const a = li[li.length - 1].children[0];
44 + const u = new URL(row.link_value);
45 + let icon;
46 + if (u.pathname.endsWith(".pdf")) icon = "file-pdf-o";
47 + if (icon) {
48 + const s = a.ownerDocument.createElement("span");
49 + s.textContent = " ";
50 + s.setAttribute("class", `fa fa-${icon}`);
51 + s.setAttribute("style", "padding-right: .3em;");
52 + a.insertBefore(s, a.firstChild);
53 + }
54 + a.setAttribute("class", "wikiexternallink");
55 + a.setAttribute("href", u.href);
56 +
57 + row.doc_location = ol.outerHTML;
58 +
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.has(tag) && (tags.remove(tag) || true))
66 + ).sort().map(tag => `<span class="ltTag">${tag}</span>`).join(" ")
67 + );
68 + }
69 +});
70 +
71 +
72 +
Name
... ... @@ -1,0 +1,1 @@
1 +Live Table - Materials
Parse content
... ... @@ -1,0 +1,1 @@
1 +No
Use this extension
... ... @@ -1,0 +1,1 @@
1 +currentPage