Changes for page Nice Display
Last modified by Benjamin Fischer on 2025/03/26 13:19
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Objects (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -11,6 +11,7 @@ 11 11 'URL': {"type": "hidden"}, 12 12 "content": {"type": "hidden"}, 13 13 "tags": {"sortable": false, "filterable": false, "html": true, "headerClass": "tagsCol"}, 14 + "doc.date": {"filterable": false, "displayName": "Last Updated"}, 14 14 '_actions': {"actions":["view","edit"]} 15 15 }) 16 16 #set ($options = { ... ... @@ -19,9 +19,9 @@ 19 19 'tagCloud': true, 20 20 'rowCount': 15, 21 21 'maxPages': 10, 22 - 'selectedColumn': 'a ffiliation',23 + 'selectedColumn': 'doc.date', 23 23 'defaultOrder': 'asc' 24 24 }) 25 -#set ($columns = ['affiliation', 'URL', "content", "tags", "tags", "tags", '_actions']) 26 -#livetable('research 26 +#set ($columns = ['affiliation', 'URL', "content", "tags", "tags", "tags", "doc.date", '_actions']) 27 +#livetable('research_groups' $columns $columnsProperties $options) 27 27 {{/velocity}}
- XWiki.JavaScriptExtension[0]
-
- Code
-
... ... @@ -1,7 +1,7 @@ 1 -const tabName = "research 1 +const tabName = "research_groups"; 2 2 const tagCols = [ 3 3 ["Community", "KAT", "KET", "KfB", "KFN", "KFS", "KFSI", "KHuK", "RDS", "beyond ErUM"], 4 - ["Experiment", "CMS", "ATLAS", "Belle2", "CTA", "Auger"], 4 + ["Experiment", "CMS", "ATLAS", "Belle2", "CTA", "Auger", "SKA", "IceCube"], 5 5 ["Tags", true], 6 6 ] 7 7 ... ... @@ -46,10 +46,17 @@ 46 46 47 47 document.observe(`xwiki:livetable:${tabName}:receivedEntries`, ({memo: {data}}) => { 48 48 for (const row of data.rows) { 49 - row.affiliation = `<a href="${row.URL}" class="wikiexternallink">`${ 50 - row.affiliation_value.split("\n").map((a, i) => i ? a : `<b>${a}</b>`).join("<br/>") 51 - }`</a>`; 49 + const a = new Element("a", { href: row.URL }); 50 + a.innerHTML = row.affiliation_value.split("\n").map((a, i) => i ? a : `<b class="wikiexternallink">${a}</b>`).join("<br/>"); 51 + a.title = row.doc_title; 52 + if (row.content !== "-") { 53 + a.dataset.content = row.content; 54 + a.dataset.toggle = "popover"; 55 + } 52 52 57 + row.affiliation = a.outerHTML; 58 + delete a; 59 + 53 53 // tags 54 54 const tags = new Set(row.tags_value.slice(1, -1).split(", ")); 55 55 tagCols.forEach(([name, ...want], i) => ... ... @@ -62,5 +62,20 @@ 62 62 } 63 63 }); 64 64 72 +require(['jquery', 'bootstrap'], function($) { 73 + document.styleSheets[0].insertRule(`#mainContentArea .popover {max-width: 50%;}`) 65 65 75 + const ttApply = () => { 76 + $(`#${tabName} [data-toggle="popover"]`).popover({ 77 + html: true, 78 + container: `#mainContentArea`, 79 + trigger: "hover", 80 + }); 81 + }; 66 66 83 + document.observe(`xwiki:livetable:${tabName}:displayComplete`, ttApply); 84 + ttApply(); 85 +}); 86 + 87 + 88 +