Wiki source code of Context Search

Version 26.77 by bougault on 2022/11/17 10:43

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