Skip to Content

Changes for page Material Collection

Last modified by Judith Steinfeld on 2025/06/03 11:13
From version 54.4
edited by admin
on 2024/10/21 15:08
Change comment: There is no comment for this version
To version 54.8
edited by admin
on 2024/10/21 16:05
Change comment: There is no comment for this version

Summary

Details

XWiki.JavaScriptExtension[0]
Code
... ... @@ -4,7 +4,42 @@
4 4  ]
5 5  
6 6  document.observe('xwiki:livetable:loading', () => {
7 - debugger;
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 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 + })
8 8  });
9 9  
10 10  document.observe("xwiki:livetable:materials:receivedEntries", ({memo: {data}}) => {
... ... @@ -33,14 +33,14 @@
33 33   row.doc_location = ol.outerHTML;
34 34  
35 35   // tags
36 - const tags = new Set(e.tags_value.slice(1, -1).split(", "));
37 - let i = 1;
38 - for (const [name, ...want] of tagCols)
39 - row[`tags${i++}`] = (
71 + const tags = new Set(row.tags_value.slice(1, -1).split(", "));
72 + tagCols.forEach(([name, ...want], i) =>
73 + row[`tags-${i}`] = (
40 40   want[0] === true
41 41   ? Array.from(tags)
42 - : want.filter(tag => tags.has(tag) && (tags.remove(tag) || true))
43 - ).sort().map(tag => `<span>${tag}</span>`).join(" ");
76 + : want.filter(tag => tags.delete(tag))
77 + ).sort().map(tag => `<span class="ltTag">${tag}</span>`).join(", ")
78 + );
44 44   }
45 45  });
46 46