Changes for page Context Search

Summary

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

Details

Page properties

Content

...	...	@@ -3,9 +3,7 @@
3	3	!!! POC. Code would must be reviewed / optimized and packaged for use in production !!!
4	4	-->
5	5	<script type="module">
6		-import {LitElement, html} from 'https://cdn.jsdelivr.net/gh/lit/dist@2/core/lit-core.min.js';
7		-window.addEventListener('DOMContentLoaded', function() {
8		-
	6	+ import {LitElement, html} from 'https://cdn.jsdelivr.net/gh/lit/dist@2/core/lit-core.min.js';
9	9	class UnifiedSearch extends LitElement {
10	10	/*
11	11	static properties = {
...	...	@@ -18,32 +18,19 @@
18	18	privateFilter: { type: Boolean },
19	19	}
20	20	*/
21		- static properties = {
22		- results: { type: Array }
23		- }
24		- static styles = css`
25		- .result {
26		- margin-top: 1em;
27		- }
28		- `;
29	29	constructor() {
30	30	super();
31	31	this.searchText = "";
32		- this.administrator = false;
33		- this.editor = false;
34		- this.viewer = false;
35		- this.rolesFilter = [];
36		- this.filterUrl = new URL(`${document.location.origin}/rest/v1/collabs?search=&offset=0&orderField=title&order=asc&favorite=true&roles=`);
37		- this.results = [];
	22	+ this.favoritesFilter = false;
	23	+ this.administratorFilter = false;
	24	+ this.editorFilter = false;
	25	+ this.viewerFilter = false;
	26	+ this.publicFilter = false;
	27	+ this.privateFilter = false;
	28	+ this.filterUrl = new URL(document.location.origin);
38	38	}
39		- toggleRoleFilter(roleName) {
40		- if(this.rolesFilter.indexOf(roleName) == -1) {
41		- this.rolesFilter.push(roleName);
42		- } else {
43		- this.rolesFilter.filter(role => role !== roleName);
44		- }
45		- this[roleName] = !this[roleName];
46		- this.filterUrl.searchParams.set('roles', this.rolesFilter.join("+"));
	30	+ toggleBooleanFilter(filterName) {
	31	+ this[filterName] = !this[filterName];
47	47	}
48	48	setSearchText(e) {
49	49	this.searchText = e.target.value;
...	...	@@ -50,14 +50,7 @@
50	50	}
51	51	handleSearch() {
52	52	console.log(this.searchText);
53		- if(this.searchText !== "") {
54		- this.fetchWikiSearch();
55		- }
56	56	}
57		- fetchWikiSearch() {
58		- // request should be built from component, not from "external" dependency. Leave it here like this for POC.
59		- handleXWikiSearch(this.searchText).then(results => this.results = results);
60		- }
61	61	buildFilter() {
62	62	//https://wiki-dev.ebrains.eu/rest/v1/collabs?search=&offset=0&orderField=title&order=asc&favorite=true&roles=
63	63	}
...	...	@@ -69,45 +69,18 @@
69	69	<button @click="${this.handleSearch}">Search</button>
70	70	</div>
71	71	<div>
72		- <label><input type="checkbox" @change="${() => this.toggleRoleFilter('administrator')}" .checked="${this.administratorFilter}"/> Administrator</label>
73		- <label><input type="checkbox" @change="${() => this.toggleRoleFilter('editor')}" .checked="${this.editorFilter}"/> Editor</label>
74		- <label><input type="checkbox" @change="${() => this.toggleRoleFilter('viewer')}" .checked="${this.viewerFilter}"/> Viewer</label>
	50	+ <label><input type="checkbox" @change="${() => this.toggleBooleanFilter('favoritesFilter')}" .checked="${this.favoritesFilter}"/> Favorites</label>
	51	+ <label><input type="checkbox" @change="${() => this.toggleBooleanFilter('administratorFilter')}" .checked="${this.administratorFilter}"/> Administrator</label>
	52	+ <label><input type="checkbox" @change="${() => this.toggleBooleanFilter('editorFilter')}" .checked="${this.editorFilter}"/> Editor</label>
	53	+ <label><input type="checkbox" @change="${() => this.toggleBooleanFilter('viewerFilter')}" .checked="${this.viewerFilter}"/> Viewer</label>
	54	+ <label><input type="checkbox" @change="${() => this.toggleBooleanFilter('publicFilter')}" .checked="${this.publicFilter}"/> Public</label>
	55	+ <label><input type="checkbox" @change="${() => this.toggleBooleanFilter('privateFilter')}" .checked="${this.privateFilter}"/> Public</label>
75	75	</div>
76		- <div>
77		- ${this.results.map(result => html`
78		- <div class="result">
79		- <a href="#">${result.title_}</a>
80		- <div>${result.space}</div>
81		- <div>${result.doccontent_.substring(0, 150)}
82		- </div>
83		- `)}
84		- </div>
85	85	</div>
86	86	`
87	87	}
88	88	}
89	89	customElements.define('clb-unified-search', UnifiedSearch);
90		-
91		- function handleXWikiSearch(searchString) {
92		- return new Promise((resolve) => {
93		- require(['jquery'], function($) {
94		- const solrServiceURL = new XWiki.Document('SuggestSolrService', 'XWiki').getURL('get');
95		- //contextSearchButton.addEventListener('click', function() {
96		- $.post(solrServiceURL, {
97		- outputSyntax: 'plain',
98		- media: 'json',
99		- query: [
100		- 'q="__INPUT__"~100',
101		- 'fq=type:DOCUMENT',
102		- `fq=space:Collabs.*`
103		- ].join('\n'),
104		- input: searchString
105		- }).then(resolve);
106		- //});
107		- });
108		- });
109		- }
110		-});
111	111	</script>
112	112
113	113	<clb-unified-search></clb-unified-search>