Skip to Content

Changes for page Material Collection

Last modified by Judith Steinfeld on 2025/06/03 11:13
From version 54.7
edited by admin
on 2024/10/21 15:49
Change comment: There is no comment for this version
To version 52.3
edited by admin
on 2024/10/21 11:15
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -17,11 +17,11 @@
17 17  
18 18  {{velocity}}
19 19  #set ($columnsProperties = {
20 - 'doc.location': {"displayName": "Title", "html": true},
21 - 'link': {"type": "hidden"},
22 - 'date': {"html": true},
20 + 'doc.location': {"displayName": "Title", "html":true},
21 + 'link': {},
22 + 'date': {"html":true},
23 23   'author': {},
24 - "tags": {"sortable": false, "html": true, "headerClass": "tagsCol"}
24 + "tags": {"displayName": "Tags", "type": "list"}
25 25  })
26 26  #set ($options = {
27 27   'className': 'Materials.Code.MaterialsClass',
... ... @@ -29,10 +29,10 @@
29 29   'tagCloud': true,
30 30   'rowCount': 25,
31 31   'maxPages': 10,
32 - "extraParams" : "tags_className=XWiki.TagClass",
32 + "extraParams" : "tagsProperty=XWiki.TagClass",
33 33   'selectedColumn': 'date',
34 34   'defaultOrder': 'desc'
35 35  })
36 -#set ($columns = ['doc.location', 'link', "tags", "tags", 'date', 'author'])
36 +#set ($columns = ['doc.location', 'link', "tags", 'date', 'author'])
37 37  #livetable('materials' $columns $columnsProperties $options)
38 38  {{/velocity}}
XWiki.JavaScriptExtension[0]
Code
... ... @@ -1,85 +1,3 @@
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 - 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 tc = lt.tagCloud;
37 - const st = tc.selectedTags;
38 - if (tag in st) delete st[tag];
39 - else st[tag] = {};
40 - lt.tags = tc.getSelectedTags();
41 - lt.totalRows = -1;
42 - lt.fetchedRows = new Array();
43 - lt.showRows(1, lt.limit);
44 - })
1 +document.observe('xwiki:livetable:loading', ev => {
2 + debugger;
45 45  });
46 -
47 -document.observe("xwiki:livetable:materials:receivedEntries", ({memo: {data}}) => {
48 - for (const row of data.rows) {
49 - const ol = new DOMParser().parseFromString(row.doc_location, "text/xml").documentElement;
50 - const li = ol.children;
51 -
52 - li[0].remove(); // remove "Event"
53 - for (let i = 1; i < li.length - 1; i++) // intermediate
54 - li[i].textContent = li[i].textContent; // remove link
55 -
56 - const a = li[li.length - 1].children[0];
57 - const u = new URL(row.link_value);
58 - let icon;
59 - if (u.pathname.endsWith(".pdf")) icon = "file-pdf-o";
60 - if (icon) {
61 - const s = a.ownerDocument.createElement("span");
62 - s.textContent = " ";
63 - s.setAttribute("class", `fa fa-${icon}`);
64 - s.setAttribute("style", "padding-right: .3em;");
65 - a.insertBefore(s, a.firstChild);
66 - }
67 - a.setAttribute("class", "wikiexternallink");
68 - a.setAttribute("href", u.href);
69 -
70 - row.doc_location = ol.outerHTML;
71 -
72 - // tags
73 - const tags = new Set(row.tags_value.slice(1, -1).split(", "));
74 - tagCols.forEach(([name, ...want], i) =>
75 - row[`tags-${i}`] = (
76 - want[0] === true
77 - ? Array.from(tags)
78 - : want.filter(tag => tags.delete(tag))
79 - ).sort().map(tag => `<span class="ltTag">${tag}</span>`).join(", ")
80 - );
81 - }
82 -});
83 -
84 -
85 -