Changes for page Material Collection

Summary

• Page properties (1 modified, 0 added, 0 removed)
• Objects (1 modified, 0 added, 0 removed)
  • XWiki.JavaScriptExtension[0]

Details

Page properties

Content

...	...	@@ -17,11 +17,11 @@
17	17
18	18	{{velocity}}
19	19	#set ($columnsProperties = {
20		- 'doc.location': {"displayName": "Title", "html":true},
21		- 'link': {},
22		- 'date': {"html":true},
	20	+ 'doc.location': {"displayName": "Title", "html": true},
	21	+ 'link': {"type": "hidden"},
	22	+ 'date': {"html": true},
23	23	'author': {},
24		- "tags": {"displayName": "Tags", "type": "list"}
	24	+ "tags": {"sortable": false, "html": true, "headerClass": "tagsCol"}
25	25	})
26	26	#set ($options = {
27	27	'className': 'Materials.Code.MaterialsClass',
...	...	@@ -29,10 +29,10 @@
29	29	'tagCloud': true,
30	30	'rowCount': 25,
31	31	'maxPages': 10,
32		- "extraParams" : "tagsProperty=XWiki.TagClass",
	32	+ "extraParams" : "tags_className=XWiki.TagClass",
33	33	'selectedColumn': 'date',
34	34	'defaultOrder': 'desc'
35	35	})
36		-#set ($columns = ['doc.location', 'link', "tags", 'date', 'author'])
	36	+#set ($columns = ['doc.location', 'link', "tags", "tags", 'date', 'author'])
37	37	#livetable('materials' $columns $columnsProperties $options)
38	38	{{/velocity}}

XWiki.JavaScriptExtension[0]

Code

...	...	@@ -1,3 +1,85 @@
1		-document.observe('xwiki:livetable:loading', ev => {
2		- debugger;
	1	+const tagCols = [
	2	+ ["Tag1", "CERN", "CHEP", "GPU", "VISPA"],
	3	+ ["Tags", true],
	4	+]
	5	+
	6	+document.observe('xwiki:livetable:loading', () => {
	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 tc = lt.tagCloud;
	37	+ const st = tc.selectedTags;
	38	+ if (tag in st) delete st[tag];
	39	+ else st[tag] = {};
	40	+ lt.tags = tc.getSelectedTags();
	41	+ lt.totalRows = -1;
	42	+ lt.fetchedRows = new Array();
	43	+ lt.showRows(1, lt.limit);
	44	+ })
3	3	});
	46	+
	47	+document.observe("xwiki:livetable:materials:receivedEntries", ({memo: {data}}) => {
	48	+ for (const row of data.rows) {
	49	+ const ol = new DOMParser().parseFromString(row.doc_location, "text/xml").documentElement;
	50	+ const li = ol.children;
	51	+
	52	+ li[0].remove(); // remove "Event"
	53	+ for (let i = 1; i < li.length - 1; i++) // intermediate
	54	+ li[i].textContent = li[i].textContent; // remove link
	55	+
	56	+ const a = li[li.length - 1].children[0];
	57	+ const u = new URL(row.link_value);
	58	+ let icon;
	59	+ if (u.pathname.endsWith(".pdf")) icon = "file-pdf-o";
	60	+ if (icon) {
	61	+ const s = a.ownerDocument.createElement("span");
	62	+ s.textContent = " ";
	63	+ s.setAttribute("class", `fa fa-${icon}`);
	64	+ s.setAttribute("style", "padding-right: .3em;");
	65	+ a.insertBefore(s, a.firstChild);
	66	+ }
	67	+ a.setAttribute("class", "wikiexternallink");
	68	+ a.setAttribute("href", u.href);
	69	+
	70	+ row.doc_location = ol.outerHTML;
	71	+
	72	+ // tags
	73	+ const tags = new Set(row.tags_value.slice(1, -1).split(", "));
	74	+ tagCols.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">${tag}</span>`).join(", ")
	80	+ );
	81	+ }
	82	+});
	83	+
	84	+
	85	+