Changes for page Context Search

Summary

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

Details

Page properties

Content

...	...	@@ -1,45 +1,17 @@
1	1	{{html clean="false"}}
2		-<script type="module">
3		- import {LitElement, html} from 'https://cdn.jsdelivr.net/gh/lit/dist@2/core/lit-core.min.js';
4		- class UnifiedSearch extends LitElement {
5		- static properties = {
6		- searchText: { type: String }
7		- }
8		- setSearchText(e) {
9		- this.searchText = e.target.value;
10		- }
11		- handleSearch() {
12		- console.log(this.searchText);
13		- }
14		- render() {
15		- return html`<div>
16		- <input @change="${setSearchText}" type="text" placeholder="Search..." />
17		- <button @click="${handleSearch}">Search</button>
18		-</div>`
19		- }
20		- }
21		- customElements.define('clb-unified-search', UnifiedSearch);
22		-</script>
23	23
24		-<clb-unified-search></clb-unified-search>
25		-
26	26	<select id="context-search-type">
27	27	<option value="all">All</option>
28	28	<option value="collabs">Collabs</option>
29	29	<option value="current-collab">Current Collab</option>
30	30	</select>
	8	+<div>
	9	+<label>
	10	+ <input type="checkbox" data-role-filter="administrator"> Administrator
	11	+</label>
31	31	<input type="text" id="context-search-text" />
32	32	<button id="context-search-button" class="btn btn-primary">Search</button>
33		-<div class="form-group">
34		- <label>
35		- <input type="checkbox" data-role-filter="administrator"> Administrator
36		- </label>
37		- <label>
38		- <input type="checkbox" data-role-filter="editor"> Editor
39		- </label>
40		-</div>
41	41
42		-
43	43	<pre id="context-search-response"></pre>
44	44	<script>
45	45	window.addEventListener('DOMContentLoaded', function() {
...	...	@@ -59,13 +59,11 @@
59	59	}
60	60
61	61	function removeRole(role) {
62		- filters.roles = filters.roles.filter(r => r !== role)
	34	+ filters.roles.filter(r => r !== 'administrator')
63	63	}
64	64
65		- const filterInputs = document.querySelectorAll('input[data-role-filter]');
66		-
67		- filterInputs.forEach(function(filterIpt) {
68		- filterIpt.addEventListener('click', function() {
	37	+ document.querySelector('checkbox[data-role-filter]').forEach(function(filter) {
	38	+ filter.addEventListener('click', function() {
69	69	const role = this.getAttribute('data-role-filter');
70	70	if(this.checked) {
71	71	addRole(role);
...	...	@@ -72,19 +72,10 @@
72	72	} else {
73	73	removeRole(role);
74	74	}
75		- runFilteredRequest();
	45	+ console.log(filters);
76	76	})
77	77	});
78	78
79		- function runFilteredRequest() {
80		- const urlParams = new URLSearchParams();
81		- const tmpFilters = filters;
82		- tmpFilters.roles = tmpFilters.roles.join("+");
83		- for(filter in tmpFilters) {
84		- urlParams.set(filter, tmpFilters[filter]);
85		- }
86		- console.log(urlParams);
87		- }
88	88	// https://wiki-dev.ebrains.eu/rest/v1/collabs?search=&offset=0&orderField=title&order=asc&favorite=false&roles=administrator
89	89	const contextSearchType = document.getElementById("context-search-type");
90	90	const contextSearchText = document.getElementById("context-search-text");
...	...	@@ -101,7 +101,7 @@
101	101	handleXWikiSearch('bougaultx');
102	102	break
103	103	default:
104		- handleXWikiSearch('')
	65	+ handleXWikiSearch('', applyAdministratorFilter)
105	105	}
106	106
107	107	});