Skip to Content

Changes for page Material Collection

Last modified by Judith Steinfeld on 2025/06/03 11:13
From version 54.1
edited by admin
on 2024/10/21 14:36
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
Content
XWiki.JavaScriptExtension[0]
Code
... ... @@ -1,4 +1,34 @@
1 +const tagCols = [
2 + ["Tag1", "CERN", "CHEP", "GPU", "VISPA"],
3 + ["Tags", true],
4 +]
5 +
1 1  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 + })
2 2  });
3 3  
4 4  document.observe("xwiki:livetable:materials:receivedEntries", ({memo: {data}}) => {
... ... @@ -6,16 +6,14 @@
6 6   const ol = new DOMParser().parseFromString(row.doc_location, "text/xml").documentElement;
7 7   const li = ol.children;
8 8  
9 - li[0].remove(); // remove event
39 + li[0].remove(); // remove "Event"
10 10   for (let i = 1; i < li.length - 1; i++) // intermediate
11 11   li[i].textContent = li[i].textContent; // remove link
12 12  
13 13   const a = li[li.length - 1].children[0];
14 14   const u = new URL(row.link_value);
15 -
16 16   let icon;
17 17   if (u.pathname.endsWith(".pdf")) icon = "file-pdf-o";
18 -
19 19   if (icon) {
20 20   const s = a.ownerDocument.createElement("span");
21 21   s.textContent = " ";
... ... @@ -23,11 +23,20 @@
23 23   s.setAttribute("style", "padding-right: .3em;");
24 24   a.insertBefore(s, a.firstChild);
25 25   }
26 -
27 27   a.setAttribute("class", "wikiexternallink");
28 28   a.setAttribute("href", u.href);
29 29  
30 30   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 + );
31 31   }
32 32  });
33 33