Changes for page Helpers
Last modified by Benjamin Fischer on 2025/06/17 11:57
From version 1.1
edited by Benjamin Fischer
on 2025/05/15 13:30
on 2025/05/15 13:30
Change comment:
There is no comment for this version
To version 1.5
edited by Benjamin Fischer
on 2025/05/15 16:13
on 2025/05/15 16:13
Change comment:
There is no comment for this version
Summary
-
Objects (0 modified, 1 added, 0 removed)
Details
- XWiki.JavaScriptExtension[0]
-
- Caching policy
-
... ... @@ -1,0 +1,1 @@ 1 +default - Code
-
... ... @@ -1,0 +1,85 @@ 1 +const livetableRowHook = {}; 2 + 3 +((() => { 4 + const tagCols = {}; 5 + 6 + return; 7 + 8 + document.observe('xwiki:livetable:loading', () => { 9 + for (const tab of document.querySelectorAll(".xwiki-livetable")) { 10 + const tableId = tab.id; 11 + if (!tableId) continue; 12 + 13 + // coulmn data sources 14 + const conf = JSON.parse(tab.dataset.settings); 15 + 16 + tagCols[tableId] = (conf.columnDescriptors.tags ?? { aux: [] }).aux ?? [["Tags", true]]; 17 + tagCols[tableId].forEach(([name], i) => { 18 + const cn = `tags-${i}`; 19 + conf.columns.splice(conf.columns.indexOf("tags"), 1, cn); 20 + conf.columnDescriptors[cn] = { 21 + displayName: name, 22 + headerClass: "tagsCol", 23 + html: true, 24 + sortable: false, 25 + }; 26 + }); 27 + tab.dataset.settings = JSON.stringify(conf); 28 + 29 + // column headers 30 + tab.querySelectorAll(".xwiki-livetable-display-header .tagsCol").forEach( 31 + (v, i) => v.textContent = tagCols[tableId][i][0] 32 + ); 33 + 34 + // column tooltips 35 + tab.querySelectorAll(".xwiki-livetable-display-header-text").forEach( 36 + el => { 37 + const t = el.textContent.trim(); 38 + const c = conf.columnDescriptors[t]?.tooltip; 39 + if (c) { 40 + el.title = t; 41 + el.dataset.content = c; 42 + el.dataset.toggle = "popover"; 43 + el.dataset.placement = "top"; 44 + } 45 + } 46 + ) 47 + 48 + // handle clicks for tags 49 + tab.getElementsByClassName("xwiki-livetable-display-body")[0].addEventListener("click", ev => { 50 + if (ev.button) return; // only left click 51 + if (ev.target.nodeName !== "SPAN") return; 52 + if (!ev.target.classList.contains("ltTag")) return; 53 + const tag = ev.target.textContent; 54 + ev.preventDefault(); 55 + const lt = tab.__liveTable; 56 + const st = lt.tagCloud.selectedTags; 57 + if (tag in st) delete st[tag]; 58 + else st[tag] = {}; 59 + lt.tags = Object.keys(st); 60 + lt.clearCache(); 61 + lt.showRows(1, lt.limit); 62 + }); 63 + 64 + } 65 + }); 66 + 67 + document.observe("xwiki:livetable:receivedEntries", ({ memo: { data }, tableId }) => { 68 + const rf = livetableRowHook[tableId]; 69 + for (const row of data.rows) { 70 + if (rf) rf(row); 71 + 72 + // tags 73 + const tags = new Set(row.tags_value.slice(1, -1).split(", ")); 74 + tagCols[tableId].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" style="cursor:pointer;">${tag}</span>`).join(", ") 80 + ); 81 + } 82 + }); 83 + 84 +})()); 85 + - Name
-
... ... @@ -1,0 +1,1 @@ 1 +Global Helpers - Parse content
-
... ... @@ -1,0 +1,1 @@ 1 +No - Use this extension
-
... ... @@ -1,0 +1,1 @@ 1 +always