Changes for page Helpers
Last modified by Benjamin Fischer on 2025/06/17 11:57
From 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
To version 1.16
edited by Benjamin Fischer
on 2025/05/15 16:48
on 2025/05/15 16:48
Change comment:
There is no comment for this version
Summary
-
Objects (1 modified, 0 added, 0 removed)
Details
- XWiki.JavaScriptExtension[0]
-
- Code
-
... ... @@ -1,15 +1,18 @@ 1 -define("xwiki-custom-livetable", [], function () { 2 - const func = (tabName, rowFunc, colTT = {}) => { 3 - let tagCols; 1 +const livetableRowHook = {}; 4 4 5 - document.observe('xwiki:livetable:loading', () => { 6 - const tab = document.getElementById(tabName); 7 - if (!tab) return; 3 +((() => { 4 + const tagCols = {}; 8 8 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 + 9 9 // coulmn data sources 10 10 const conf = JSON.parse(tab.dataset.settings); 11 - tagCols = (conf.columnDescriptors.tags ?? { aux: [] }).aux ?? [["Tags", true]]; 12 - tagCols.forEach(([name], i) => { 13 + 14 + tagCols[tableId] = (conf.columnDescriptors.tags ?? { aux: [] }).aux ?? [["Tags", true]]; 15 + tagCols[tableId].forEach(([name], i) => { 13 13 const cn = `tags-${i}`; 14 14 conf.columns.splice(conf.columns.indexOf("tags"), 1, cn); 15 15 conf.columnDescriptors[cn] = { ... ... @@ -23,14 +23,19 @@ 23 23 24 24 // column headers 25 25 tab.querySelectorAll(".xwiki-livetable-display-header .tagsCol").forEach( 26 - (v, i) => v.textContent = tagCols[i][0] 29 + (v, i) => v.textContent = tagCols[tableId][i][0] 27 27 ); 28 28 32 + // filter fields 33 + tab.querySelectorAll(".xwiki-livetable-display-header-filter input[type=text]").forEach( 34 + v => v.placeholder = "Filter ..." 35 + ); 36 + 29 29 // column tooltips 30 30 tab.querySelectorAll(".xwiki-livetable-display-header-text").forEach( 31 31 el => { 32 32 const t = el.textContent.trim(); 33 - const c = conf.columnDescriptors[t].tooltip ?? colTT[t];41 + const c = conf.columnDescriptors[t]?.tooltip; 34 34 if (c) { 35 35 el.title = t; 36 36 el.dataset.content = c; ... ... @@ -41,7 +41,7 @@ 41 41 ) 42 42 43 43 // handle clicks for tags 44 - document.getElementById(`${tabName}-display`).addEventListener("click", ev => {52 + tab.getElementsByClassName("xwiki-livetable-display-body")[0].addEventListener("click", ev => { 45 45 if (ev.button) return; // only left click 46 46 if (ev.target.nodeName !== "SPAN") return; 47 47 if (!ev.target.classList.contains("ltTag")) return; ... ... @@ -54,26 +54,35 @@ 54 54 lt.tags = Object.keys(st); 55 55 lt.clearCache(); 56 56 lt.showRows(1, lt.limit); 57 - }) 58 - }); 65 + }); 59 59 60 - document.observe(`xwiki:livetable:${tabName}:receivedEntries`, ({ memo: { data } }) => { 61 - for (const row of data.rows) { 62 - if (rowFunc) rowFunc(row) 67 + } 68 + }); 63 63 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 - }); 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]; 75 75 }; 76 76 77 - func.func = func; 78 - return func; 79 -}); 95 +})()); 96 +