Changes for page Helpers
Last modified by Benjamin Fischer on 2025/06/17 11:57
From version 1.14
edited by Benjamin Fischer
on 2025/05/15 16:47
on 2025/05/15 16:47
Change comment:
There is no comment for this version
To version 1.2
edited by Benjamin Fischer
on 2025/05/15 13:32
on 2025/05/15 13:32
Change comment:
There is no comment for this version
Summary
-
Objects (1 modified, 0 added, 0 removed)
Details
- XWiki.JavaScriptExtension[0]
-
- Code
-
... ... @@ -1,18 +1,15 @@ 1 -const livetableRowHook = {}; 1 +define("xwiki-custom-livetable", [], function () { 2 + const func = (tabName, rowFunc, colTT = {}) => { 3 + let tagCols; 2 2 3 -((() => { 4 - const tagCols = {}; 5 + document.observe('xwiki:livetable:loading', () => { 6 + const tab = document.getElementById(tabName); 7 + if (!tab) return; 5 5 6 - document.observe('xwiki:livetable:loading', () => { 7 - for (const tab of document.querySelectorAll(".xwiki-livetable")) { 8 - const tableId = tab.id; 9 - if (!tableId) continue; 10 - 11 11 // coulmn data sources 12 12 const conf = JSON.parse(tab.dataset.settings); 13 - 14 - tagCols[tableId] = (conf.columnDescriptors.tags ?? { aux: [] }).aux ?? [["Tags", true]]; 15 - tagCols[tableId].forEach(([name], i) => { 11 + tagCols = (conf.columnDescriptors.tags ?? { aux: [] }).aux ?? [["Tags", true]]; 12 + tagCols.forEach(([name], i) => { 16 16 const cn = `tags-${i}`; 17 17 conf.columns.splice(conf.columns.indexOf("tags"), 1, cn); 18 18 conf.columnDescriptors[cn] = { ... ... @@ -26,19 +26,14 @@ 26 26 27 27 // column headers 28 28 tab.querySelectorAll(".xwiki-livetable-display-header .tagsCol").forEach( 29 - (v, i) => v.textContent = tagCols[ tableId][i][0]26 + (v, i) => v.textContent = tagCols[i][0] 30 30 ); 31 31 32 - // filter fields 33 - tab.querySelectorAll(".xwiki-livetable-display-header-filter input[type=text]").forEach( 34 - v => v.placeholder = "Filter ..."; 35 - ); 36 - 37 37 // column tooltips 38 38 tab.querySelectorAll(".xwiki-livetable-display-header-text").forEach( 39 39 el => { 40 40 const t = el.textContent.trim(); 41 - const c = conf.columnDescriptors[t] ?.tooltip;33 + const c = conf.columnDescriptors[t].tooltip ?? colTT[t]; 42 42 if (c) { 43 43 el.title = t; 44 44 el.dataset.content = c; ... ... @@ -49,7 +49,7 @@ 49 49 ) 50 50 51 51 // handle clicks for tags 52 - t ab.getElementsByClassName("xwiki-livetable-display-body")[0].addEventListener("click", ev => {44 + document.getElementById(`${tabName}-display`).addEventListener("click", ev => { 53 53 if (ev.button) return; // only left click 54 54 if (ev.target.nodeName !== "SPAN") return; 55 55 if (!ev.target.classList.contains("ltTag")) return; ... ... @@ -62,35 +62,26 @@ 62 62 lt.tags = Object.keys(st); 63 63 lt.clearCache(); 64 64 lt.showRows(1, lt.limit); 65 - }); 57 + }) 58 + }); 66 66 67 - } 68 - }); 60 + document.observe(`xwiki:livetable:${tabName}:receivedEntries`, ({ memo: { data } }) => { 61 + for (const row of data.rows) { 62 + if (rowFunc) rowFunc(row) 69 69 70 - document.observe("xwiki:livetable:receivedEntries", ({ memo: { data, tableId } }) => { 71 - const rf = livetableRowHook[tableId]; 72 - for (const row of data.rows) { 73 - if (rf) rf(row); 74 - 75 - // tags 76 - const tags = new Set(row.tags_value.slice(1, -1).split(", ")); 77 - tagCols[tableId]?.forEach(([name, ...want], i) => 78 - row[`tags-${i}`] = ( 79 - want[0] === true 80 - ? Array.from(tags) 81 - : want.filter(tag => tags.delete(tag)) 82 - ).sort().map(tag => `<span class="ltTag" style="cursor:pointer;white-space:nowrap;">${tag}</span>`).join(", ") 83 - ); 84 - } 85 - }); 86 - 87 - livetableRowHook.jobs = row => { 88 - const a = new Element("a", { href: row.link }); 89 - a.innerHTML = `<b class="wikiexternallink">${row.doc_title}</b>`; 90 - row.doc_title = a.outerHTML; 91 - 92 - row.doc_date = row.doc_date.split(" ")[0]; 64 + // tags 65 + const tags = new Set(row.tags_value.slice(1, -1).split(", ")); 66 + tagCols.forEach(([name, ...want], i) => 67 + row[`tags-${i}`] = ( 68 + want[0] === true 69 + ? Array.from(tags) 70 + : want.filter(tag => tags.delete(tag)) 71 + ).sort().map(tag => `<span class="ltTag" style="cursor:pointer;">${tag}</span>`).join(", ") 72 + ); 73 + } 74 + }); 93 93 }; 94 94 95 -})()); 96 - 77 + func.func = func; 78 + return func; 79 +});