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

...	...	@@ -21,7 +21,8 @@
21	21	'link': {"type": "hidden"},
22	22	'date': {"html": true},
23	23	'author': {},
24		- "tags": {"sortable": false, "html": true, "headerClass": "tagsCol"}
	24	+ "tags": {"sortable": false, "filterable": false, "html": true, "headerClass": "tagsCol"},
	25	+ "_actions": {"actions": ["view", "edit"]}
25	25	})
26	26	#set ($options = {
27	27	'className': 'Materials.Code.MaterialsClass',
...	...	@@ -34,5 +34,8 @@
34	34	'defaultOrder': 'desc'
35	35	})
36	36	#set ($columns = ['doc.location', 'link', "tags", "tags", 'date', 'author'])
	38	+#if (!$isGuest)
	39	+ #set($discard = $columns.add("_actions"))
	40	+#end
37	37	#livetable('materials' $columns $columnsProperties $options)
38	38	{{/velocity}}

XWiki.JavaScriptExtension[0]

Code

...	...	@@ -4,7 +4,42 @@
4	4	]
5	5
6	6	document.observe('xwiki:livetable:loading', () => {
7		- debugger;
	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 st = lt.tagCloud.selectedTags;
	37	+ if (tag in st) delete st[tag];
	38	+ else st[tag] = {};
	39	+ lt.tags = Object.keys(st);
	40	+ lt.clearCache();
	41	+ lt.showRows(1, lt.limit);
	42	+ })
8	8	});
9	9
10	10	document.observe("xwiki:livetable:materials:receivedEntries", ({memo: {data}}) => {
...	...	@@ -33,14 +33,14 @@
33	33	row.doc_location = ol.outerHTML;
34	34
35	35	// tags
36		- const tags = new Set(e.tags_value.slice(1, -1).split(", "));
37		- let i = 1;
38		- for (const [name, ...want] of tagCols)
39		- row[`tags${i++}`] = (
	71	+ const tags = new Set(row.tags_value.slice(1, -1).split(", "));
	72	+ tagCols.forEach(([name, ...want], i) =>
	73	+ row[`tags-${i}`] = (
40	40	want[0] === true
41	41	? Array.from(tags)
42		- : want.filter(tag => tags.has(tag) && (tags.remove(tag) || true));
43		- ).sort().map(tag => `<span>${tag}</span>`).join(" ");
	76	+ : want.filter(tag => tags.delete(tag))
	77	+ ).sort().map(tag => `<span class="ltTag" style="cursor:pointer;">${tag}</span>`).join(", ")
	78	+ );
44	44	}
45	45	});
46	46