Changes for page Context Search

Summary

• Page properties (1 modified, 0 added, 0 removed)

Details

Page properties

Content

...	...	@@ -1,5 +1,5 @@
1		-{{html clean="false"}}
2		-<!--
	1	+
	2	+{{html clean="false"}}<!--
3	3	!!! POC. Code must be reviewed / optimized and packaged for use in production !!!
4	4	!!! Many optimisations can be done !!!
5	5	-->
...	...	@@ -39,6 +39,8 @@
39	39	this.filterUrl = new URL(`${document.location.origin}/rest/v1/collabs?search=&offset=0&orderField=title&order=asc&limit=10000&favorite=false&roles=`);
40	40	this.results = [];
41	41	this.resultsCache = [];
	42	+ this.offset = 0;
	43	+ this.nb = 10;
42	42	}
43	43	firstUpdated() {
44	44	this.renderRoot.getElementById('searchInput').focus();
...	...	@@ -56,24 +56,32 @@
56	56	setSearchText(e) {
57	57	this.searchText = e.target.value;
58	58	}
	61	+ setOffset(e) {
	62	+ this.offset = e.target.value;
	63	+ }
	64	+ setNb(e) {
	65	+ this.nb = e.target.value;
	66	+ }
59	59	handleSearch(textSearch) {
60	60	if(this.searchText !== "" || textSearch) {
61		- if(this.searchText !== this.prevSearchText) {
	69	+ // if(this.searchText !== this.prevSearchText) {
62	62	this.clearResults();
63	63	this.prevSearchText = this.searchText;
64	64	this.fetchWikiSearch().then(results => {
65		- this.resultsCache = results;
	73	+ console.log('results', results);
	74	+ //this.resultsCache = results;
66	66	if(this.hasActiveFilters()) {
67	67	this.fetchFilterSearch().then(this.filterResults);
68	68	} else {
69		- this.results = results;
	78	+ this.results = results ? results : [];
70	70	}
71	71	})
72		- } else if (this.searchText === this.prevSearchText && this.hasActiveFilters()) {
	81	+ /*} else if (this.searchText === this.prevSearchText && this.hasActiveFilters()) {
73	73	this.fetchFilterSearch().then(this.filterResults)
74	74	} else {
75	75	this.results = this.resultsCache;
76	76	}
	86	+ */
77	77	} else {
78	78	this.clearResults();
79	79	console.log("no search text, should return filter search results if any");
...	...	@@ -88,7 +88,7 @@
88	88	}
89	89	fetchWikiSearch() {
90	90	// request should be built from component, not from "external" dependency. Leave it here like this for POC.
91		- return handleXWikiSearch(this.searchText);
	101	+ return handleXWikiSearch(this.searchText, this.offset, this.nb);
92	92	}
93	93	fetchFilterSearch() {
94	94	return new Promise((resolve) => {
...	...	@@ -120,6 +120,8 @@
120	120	<div>
121	121	<div>
122	122	<input id="searchInput" @change="${this.setSearchText}" type="text" placeholder="Search..." @keypress="${this.handleKeyPress}" />
	133	+ <input @change="${this.setNb}"" type="text" value="${this.nb}" />
	134	+ <input @change="${this.setOffset}"" type="text" value="${this.offset}" />
123	123	<button @click="${() => this.handleSearch(true)}">Search</button>
124	124	</div>
125	125	<div>
...	...	@@ -141,14 +141,16 @@
141	141	}
142	142	customElements.define('clb-unified-search', UnifiedSearch);
143	143
144		- function handleXWikiSearch(searchString) {
	156	+ function handleXWikiSearch(searchString, offset, nb) {
145	145	return new Promise((resolve) => {
146	146	require(['jquery'], function($) {
147	147	const solrServiceURL = new XWiki.Document('SuggestSolrService', 'XWiki').getURL('get');
148	148	//contextSearchButton.addEventListener('click', function() {
149		- $.post(solrServiceURL, {
	161	+ $.get(solrServiceURL, {
150	150	outputSyntax: 'plain',
151	151	media: 'json',
	164	+ nb: nb,
	165	+ offset: offset,
152	152	query: [
153	153	'q="__INPUT__"~100',
154	154	'fq=type:DOCUMENT',
...	...	@@ -162,5 +162,4 @@
162	162	}
163	163	});
164	164	</script>
165		-<clb-unified-search></clb-unified-search>
166		-{{/html}}
	179	+<clb-unified-search></clb-unified-search>{{/html}}