Wiki source code of Context Search

Version 26.37 by bougault on 2022/11/16 15:32

version	line-number	content
1.1	1	{{html clean="false"}}
	2
	3	<select id="context-search-type">
	4	<option value="all">All</option>
	5	<option value="collabs">Collabs</option>
	6	<option value="current-collab">Current Collab</option>
	7	</select>
26.37	8	<input type="text" id="context-search-text" />
	9	<button id="context-search-button" class="btn btn-primary">Search</button>
26.36	10	<div class="form-group">
26.37	11	<label>
	12	<input type="checkbox" data-role-filter="administrator"> Administrator
	13	</label>
	14	<label>
	15	<input type="checkbox" data-role-filter="editor"> Editor
	16	</label>
26.36	17	</div>
1.1	18
26.37	19
2.2	20	<pre id="context-search-response"></pre>
	21	<script>
	22	window.addEventListener('DOMContentLoaded', function() {
26.30	23	const filters = {
	24	search: '',
	25	offset: 0,
	26	orderField: 'title',
	27	order: 'asc',
	28	favorite: false,
	29	roles: [] // to be joined as administrator+editor+viewer
	30	};
	31
	32	function addRole(role) {
	33	if(filters.roles.indexOf(role) == -1) {
	34	filters.roles.push(role);
	35	}
	36	}
	37
	38	function removeRole(role) {
	39	filters.roles.filter(r => r !== 'administrator')
	40	}
	41
26.34	42	const filterInputs = document.querySelectorAll('input[data-role-filter]');
26.32	43	console.log(filterInputs);
	44	filterInputs.forEach(function(filterIpt) {
	45	console.log(filterIpt);
26.35	46	filterIpt.addEventListener('click', function() {
26.30	47	const role = this.getAttribute('data-role-filter');
	48	if(this.checked) {
	49	addRole(role);
	50	} else {
	51	removeRole(role);
	52	}
	53	console.log(filters);
	54	})
	55	});
	56
	57	// https://wiki-dev.ebrains.eu/rest/v1/collabs?search=&offset=0&orderField=title&order=asc&favorite=false&roles=administrator
2.2	58	const contextSearchType = document.getElementById("context-search-type");
	59	const contextSearchText = document.getElementById("context-search-text");
	60	const contextSearchResponse = document.getElementById("context-search-response");
	61	const contextSearchButton = document.getElementById("context-search-button");
	62	contextSearchButton.addEventListener('click', function() {
	63	const context = contextSearchType.options[contextSearchType.selectedIndex].value;
2.3	64	const term = contextSearchText.value;
	65	switch(context) {
	66	case 'collabs':
	67	document.location.href = `/bin/view/Collabs/#search=${term}`;
	68	break;
	69	case 'current-collab':
19.1	70	handleXWikiSearch('bougaultx');
2.3	71	break
	72	default:
26.12	73	handleXWikiSearch('', applyAdministratorFilter)
2.3	74	}
	75
2.2	76	});
26.12	77	function handleXWikiSearch(space, callback) {
26.2	78	require(['jquery'], function($) {
	79	var solrServiceURL = new XWiki.Document('SuggestSolrService', 'XWiki').getURL('get');
	80	const contextSearchButton = document.getElementById("context-search-button");
	81	const xwikiSpace = space ? `.${space}` : '';
	82	contextSearchButton.addEventListener('click', function() {
	83	$.post(solrServiceURL, {
	84	outputSyntax: 'plain',
	85	media: 'json',
	86	query: [
	87	'q="__INPUT__"~100',
	88	'fq=type:DOCUMENT',
	89	`fq=space:Collabs${xwikiSpace}.*`
	90	].join('\n'),
	91	input: $('#context-search-text').val()
	92	}).then(res => {
26.12	93	if(callback) {
	94	callback(res).then(results => {
	95	contextSearchResponse.innerText = JSON.stringify(results, null, 2);
	96	})
	97	} else {
	98	contextSearchResponse.innerText = JSON.stringify(res, null, 2);
	99	}
26.2	100	});
	101	});
23.1	102	});
26.2	103	}
26.11	104	function applyAdministratorFilter(results) {
26.12	105	return new Promise((resolve, reject) => {
26.22	106	//fetch("/rest/v1/collabs?roles=administrator")
	107	fetch("/rest/v1/collabs?search=&offset=0&orderField=title&order=asc&favorite=false&roles=administrator")
26.12	108	.then(res => res.json())
26.14	109	.then(collabs => {
	110	const spaces = collabs.map(collab => `Collabs.${collab.name}`);
26.25	111	const filtered = results.filter(result => spaces.some(space => result.space.startsWith(space)));
26.18	112	resolve(filtered);
26.12	113	})
	114
	115	})
26.2	116	}
	117	});
21.1	118
24.1	119
2.2	120	</script>
1.1	121	{{/html}}