Context Search - HBP Wiki

author	version	line-number	content
		1	{{html clean="false"}}
		2	<script type="module">
		3	import {LitElement, html} from 'https://cdn.jsdelivr.net/gh/lit/dist@2/core/lit-core.min.js';
		4	class UnifiedSearch extends LitElement {
		5	static properties = {
		6	searchText: { type: String }
		7	}
		8	setSearchText(e) {
		9	this.searchText = e.target.value;
		10	}
		11	handleSearch() {
		12	console.log(this.searchText);
		13	}
		14	render() {
		15	return html`<div>
		16	<input @change="${setSearchText}" type="text" placeholder="Search..." />
		17	<button @click="${handleSearch}">Search</button>
		18	</div>`
		19	}
		20	}
		21	customElements.define('clb-unified-search', UnifiedSearch);
		22	</script>
		23
		24	<clb-unified-search></clb-unified-search>
		25
		26	<select id="context-search-type">
		27	<option value="all">All</option>
		28	<option value="collabs">Collabs</option>
		29	<option value="current-collab">Current Collab</option>
		30	</select>
		31	<input type="text" id="context-search-text" />
		32	<button id="context-search-button" class="btn btn-primary">Search</button>
		33	<div class="form-group">
		34	<label>
		35	<input type="checkbox" data-role-filter="administrator"> Administrator
		36	</label>
		37	<label>
		38	<input type="checkbox" data-role-filter="editor"> Editor
		39	</label>
		40	</div>
		41
		42
		43	<pre id="context-search-response"></pre>
		44	<script>
		45	window.addEventListener('DOMContentLoaded', function() {
		46	const filters = {
		47	search: '',
		48	offset: 0,
		49	orderField: 'title',
		50	order: 'asc',
		51	favorite: false,
		52	roles: [] // to be joined as administrator+editor+viewer
		53	};
		54
		55	function addRole(role) {
		56	if(filters.roles.indexOf(role) == -1) {
		57	filters.roles.push(role);
		58	}
		59	}
		60
		61	function removeRole(role) {
		62	filters.roles = filters.roles.filter(r => r !== role)
		63	}
		64
		65	const filterInputs = document.querySelectorAll('input[data-role-filter]');
		66
		67	filterInputs.forEach(function(filterIpt) {
		68	filterIpt.addEventListener('click', function() {
		69	const role = this.getAttribute('data-role-filter');
		70	if(this.checked) {
		71	addRole(role);
		72	} else {
		73	removeRole(role);
		74	}
		75	runFilteredRequest();
		76	})
		77	});
		78
		79	function runFilteredRequest() {
		80	const urlParams = new URLSearchParams();
		81	const tmpFilters = filters;
		82	tmpFilters.roles = tmpFilters.roles.join("+");
		83	for(filter in tmpFilters) {
		84	urlParams.set(filter, tmpFilters[filter]);
		85	}
		86	console.log(urlParams);
		87	}
		88	// https://wiki-dev.ebrains.eu/rest/v1/collabs?search=&offset=0&orderField=title&order=asc&favorite=false&roles=administrator
		89	const contextSearchType = document.getElementById("context-search-type");
		90	const contextSearchText = document.getElementById("context-search-text");
		91	const contextSearchResponse = document.getElementById("context-search-response");
		92	const contextSearchButton = document.getElementById("context-search-button");
		93	contextSearchButton.addEventListener('click', function() {
		94	const context = contextSearchType.options[contextSearchType.selectedIndex].value;
		95	const term = contextSearchText.value;
		96	switch(context) {
		97	case 'collabs':
		98	document.location.href = `/bin/view/Collabs/#search=${term}`;
		99	break;
		100	case 'current-collab':
		101	handleXWikiSearch('bougaultx');
		102	break
		103	default:
		104	handleXWikiSearch('')
		105	}
		106
		107	});
		108	function handleXWikiSearch(space, callback) {
		109	require(['jquery'], function($) {
		110	var solrServiceURL = new XWiki.Document('SuggestSolrService', 'XWiki').getURL('get');
		111	const contextSearchButton = document.getElementById("context-search-button");
		112	const xwikiSpace = space ? `.${space}` : '';
		113	contextSearchButton.addEventListener('click', function() {
		114	$.post(solrServiceURL, {
		115	outputSyntax: 'plain',
		116	media: 'json',
		117	query: [
		118	'q="__INPUT__"~100',
		119	'fq=type:DOCUMENT',
		120	`fq=space:Collabs${xwikiSpace}.*`
		121	].join('\n'),
		122	input: $('#context-search-text').val()
		123	}).then(res => {
		124	if(callback) {
		125	callback(res).then(results => {
		126	contextSearchResponse.innerText = JSON.stringify(results, null, 2);
		127	})
		128	} else {
		129	contextSearchResponse.innerText = JSON.stringify(res, null, 2);
		130	}
		131	});
		132	});
		133	});
		134	}
		135	function applyAdministratorFilter(results) {
		136	return new Promise((resolve, reject) => {
		137	//fetch("/rest/v1/collabs?roles=administrator")
		138	fetch("/rest/v1/collabs?search=&offset=0&orderField=title&order=asc&favorite=false&roles=administrator")
		139	.then(res => res.json())
		140	.then(collabs => {
		141	const spaces = collabs.map(collab => `Collabs.${collab.name}`);
		142	const filtered = results.filter(result => spaces.some(space => result.space.startsWith(space)));
		143	resolve(filtered);
		144	})
		145
		146	})
		147	}
		148	});
		149
		150
		151	</script>
		152	{{/html}}

Wiki source code of Context Search