Wiki source code of Context Search

Version 26.64 by bougault on 2022/11/17 09:59

version	line-number	content
1.1	1	{{html clean="false"}}
26.64	2	<!--
	3	!!! POC. Code would need to be reviewed / optimized and packaged if this is meant to be used in production !!!
	4	-->
26.45	5	<script type="module">
	6	import {LitElement, html} from 'https://cdn.jsdelivr.net/gh/lit/dist@2/core/lit-core.min.js';
26.46	7	class UnifiedSearch extends LitElement {
26.47	8	static properties = {
26.49	9	searchText: { type: String },
26.50	10	favoritesFilter: { type: Boolean },
	11	administratorFilter: { type: Boolean },
	12	editorFilter: { type: Boolean },
	13	viewerFilter: { type: Boolean },
	14	publicFilter: { type: Boolean },
	15	privateFilter: { type: Boolean },
26.47	16	}
26.49	17	constructor() {
	18	super();
	19	this.searchText = "";
	20	this.favoritesFilter = false;
26.63	21	this.administratorFilter = false;
26.49	22	this.editorFilter = false;
	23	this.viewerFilter = false;
	24	this.publicFilter = false;
	25	this.privateFilter = false;
	26	}
26.63	27	toggleBooleanFilter(filterName) {
26.60	28	this[filterName] = !this[filterName];
26.58	29	console.log(this.administratorFilter);
26.57	30	}
26.47	31	setSearchText(e) {
	32	this.searchText = e.target.value;
	33	}
	34	handleSearch() {
26.63	35	// check if text changed
26.47	36	console.log(this.searchText);
	37	}
26.64	38	buildFilter() {
	39	//https://wiki-dev.ebrains.eu/rest/v1/collabs?search=&offset=0&orderField=title&order=asc&favorite=true&roles=
	40	}
26.46	41	render() {
26.49	42	return html`
	43	<div>
	44	<div>
	45	<input @change="${this.setSearchText}" type="text" placeholder="Search..." />
	46	<button @click="${this.handleSearch}">Search</button>
	47	</div>
26.61	48	<div>
26.63	49	<label><input type="checkbox" @change="${() => this.toggleBooleanFilter('favoritesFilter')}" .checked="${this.favoritesFilter}"/> Favorites</label>
	50	<label><input type="checkbox" @change="${() => this.toggleBooleanFilter('administratorFilter')}" .checked="${this.administratorFilter}"/> Administrator</label>
	51	<label><input type="checkbox" @change="${() => this.toggleBooleanFilter('editorFilter')}" .checked="${this.editorFilter}"/> Editor</label>
	52	<label><input type="checkbox" @change="${() => this.toggleBooleanFilter('viewerFilter')}" .checked="${this.viewerFilter}"/> Viewer</label>
	53	<label><input type="checkbox" @change="${() => this.toggleBooleanFilter('publicFilter')}" .checked="${this.publicFilter}"/> Public</label>
	54	<label><input type="checkbox" @change="${() => this.toggleBooleanFilter('privateFilter')}" .checked="${this.privateFilter}"/> Public</label>
26.61	55	</div>
26.49	56	</div>
	57	`
26.46	58	}
	59	}
	60	customElements.define('clb-unified-search', UnifiedSearch);
26.45	61	</script>
1.1	62
26.46	63	<clb-unified-search></clb-unified-search>
26.62	64	<!--
1.1	65	<select id="context-search-type">
	66	<option value="all">All</option>
	67	<option value="collabs">Collabs</option>
	68	<option value="current-collab">Current Collab</option>
	69	</select>
26.37	70	<input type="text" id="context-search-text" />
	71	<button id="context-search-button" class="btn btn-primary">Search</button>
26.36	72	<div class="form-group">
26.37	73	<label>
	74	<input type="checkbox" data-role-filter="administrator"> Administrator
	75	</label>
	76	<label>
	77	<input type="checkbox" data-role-filter="editor"> Editor
	78	</label>
26.36	79	</div>
1.1	80
26.37	81
2.2	82	<pre id="context-search-response"></pre>
	83	<script>
	84	window.addEventListener('DOMContentLoaded', function() {
26.30	85	const filters = {
	86	search: '',
	87	offset: 0,
	88	orderField: 'title',
	89	order: 'asc',
	90	favorite: false,
	91	roles: [] // to be joined as administrator+editor+viewer
	92	};
	93
	94	function addRole(role) {
	95	if(filters.roles.indexOf(role) == -1) {
	96	filters.roles.push(role);
	97	}
	98	}
	99
	100	function removeRole(role) {
26.39	101	filters.roles = filters.roles.filter(r => r !== role)
26.30	102	}
	103
26.34	104	const filterInputs = document.querySelectorAll('input[data-role-filter]');
26.40	105
26.32	106	filterInputs.forEach(function(filterIpt) {
26.35	107	filterIpt.addEventListener('click', function() {
26.30	108	const role = this.getAttribute('data-role-filter');
	109	if(this.checked) {
	110	addRole(role);
	111	} else {
	112	removeRole(role);
	113	}
26.42	114	runFilteredRequest();
26.30	115	})
	116	});
	117
26.42	118	function runFilteredRequest() {
26.43	119	const urlParams = new URLSearchParams();
26.44	120	const tmpFilters = filters;
	121	tmpFilters.roles = tmpFilters.roles.join("+");
	122	for(filter in tmpFilters) {
	123	urlParams.set(filter, tmpFilters[filter]);
26.41	124	}
26.43	125	console.log(urlParams);
26.41	126	}
26.30	127	// https://wiki-dev.ebrains.eu/rest/v1/collabs?search=&offset=0&orderField=title&order=asc&favorite=false&roles=administrator
2.2	128	const contextSearchType = document.getElementById("context-search-type");
	129	const contextSearchText = document.getElementById("context-search-text");
	130	const contextSearchResponse = document.getElementById("context-search-response");
	131	const contextSearchButton = document.getElementById("context-search-button");
	132	contextSearchButton.addEventListener('click', function() {
	133	const context = contextSearchType.options[contextSearchType.selectedIndex].value;
2.3	134	const term = contextSearchText.value;
	135	switch(context) {
	136	case 'collabs':
	137	document.location.href = `/bin/view/Collabs/#search=${term}`;
	138	break;
	139	case 'current-collab':
19.1	140	handleXWikiSearch('bougaultx');
2.3	141	break
	142	default:
26.40	143	handleXWikiSearch('')
2.3	144	}
	145
2.2	146	});
26.12	147	function handleXWikiSearch(space, callback) {
26.2	148	require(['jquery'], function($) {
	149	var solrServiceURL = new XWiki.Document('SuggestSolrService', 'XWiki').getURL('get');
	150	const contextSearchButton = document.getElementById("context-search-button");
	151	const xwikiSpace = space ? `.${space}` : '';
	152	contextSearchButton.addEventListener('click', function() {
	153	$.post(solrServiceURL, {
	154	outputSyntax: 'plain',
	155	media: 'json',
	156	query: [
	157	'q="__INPUT__"~100',
	158	'fq=type:DOCUMENT',
	159	`fq=space:Collabs${xwikiSpace}.*`
	160	].join('\n'),
	161	input: $('#context-search-text').val()
	162	}).then(res => {
26.12	163	if(callback) {
	164	callback(res).then(results => {
	165	contextSearchResponse.innerText = JSON.stringify(results, null, 2);
	166	})
	167	} else {
	168	contextSearchResponse.innerText = JSON.stringify(res, null, 2);
	169	}
26.2	170	});
	171	});
23.1	172	});
26.2	173	}
26.11	174	function applyAdministratorFilter(results) {
26.12	175	return new Promise((resolve, reject) => {
26.22	176	//fetch("/rest/v1/collabs?roles=administrator")
	177	fetch("/rest/v1/collabs?search=&offset=0&orderField=title&order=asc&favorite=false&roles=administrator")
26.12	178	.then(res => res.json())
26.14	179	.then(collabs => {
	180	const spaces = collabs.map(collab => `Collabs.${collab.name}`);
26.25	181	const filtered = results.filter(result => spaces.some(space => result.space.startsWith(space)));
26.18	182	resolve(filtered);
26.12	183	})
	184
	185	})
26.2	186	}
	187	});
2.2	188	</script>
26.62	189	-->
1.1	190	{{/html}}