Changes for page Context Search

Summary

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

Details

Page properties

Content

...	...	@@ -8,20 +8,11 @@
8	8	window.addEventListener('DOMContentLoaded', function() {
9	9
10	10	class UnifiedSearch extends LitElement {
11		- /*
12	12	static properties = {
13		- searchText: { type: String },
14		- favoritesFilter: { type: Boolean },
15		- administratorFilter: { type: Boolean },
16		- editorFilter: { type: Boolean },
17		- viewerFilter: { type: Boolean },
18		- publicFilter: { type: Boolean },
19		- privateFilter: { type: Boolean },
	12	+ results: { type: Array },
	13	+ resultsCache: { type: Array },
	14	+ collabFiltersResults: { type: Array}
20	20	}
21		- */
22		- static properties = {
23		- results: { type: Array }
24		- }
25	25	static styles = css`
26	26	:host > div {
27	27	padding-bottom: 4em;
...	...	@@ -36,6 +36,15 @@
36	36	a {
37	37	color: var(--color-brand-primary, blue);
38	38	}
	30	+ .rawResults {
	31	+ width: 100%;
	32	+ display: flex;
	33	+ font-size: 12px;
	34	+ margin-top: 2em;
	35	+ }
	36	+ .rawResults pre {
	37	+ overflow: scroll;
	38	+ }
39	39	`;
40	40	constructor() {
41	41	super();
...	...	@@ -48,6 +48,7 @@
48	48	this.filterUrl = new URL(`${document.location.origin}/rest/v1/collabs?search=&offset=0&orderField=title&order=asc&limit=10000&favorite=false&roles=`);
49	49	this.results = [];
50	50	this.resultsCache = [];
	51	+ this.collabFiltersResults = [];
51	51	}
52	52	firstUpdated() {
53	53	this.renderRoot.getElementById('searchInput').focus();
...	...	@@ -102,7 +102,10 @@
102	102	fetchFilterSearch() {
103	103	return new Promise((resolve) => {
104	104	if(this.hasActiveFilters()) {
105		- fetch(this.filterUrl).then(res => res.json()).then(resolve);
	106	+ fetch(this.filterUrl).then(res => res.json()).then((res) => {
	107	+ this.collabFiltersResults = res;
	108	+ resolve(res);
	109	+ });
106	106	} else {
107	107	resolve([]);
108	108	}
...	...	@@ -145,6 +145,16 @@
145	145	</div>
146	146	`)}
147	147	</div>
	152	+ <div class="rawResults">
	153	+ <div>
	154	+ <strong>XWiki Search Results</strong>
	155	+ <ul>${this.resultsCache.map((res) => html`<li>${res.space}</li>`)}</ul>
	156	+ </div>
	157	+ <div>
	158	+ <strong>Collab Search Results (Filters)</strong>
	159	+ <pre>${this.collabFiltersResults.map((res) => html`<li>${res.name}</li>`)}</pre>
	160	+ </div>
	161	+ </div>
148	148	</div>
149	149	`
150	150	}