Changes for page Context Search

Summary

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

Details

Page properties

Content

...	...	@@ -1,91 +1,21 @@
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>
31		-<input type="text" id="context-search-text" />
32		-<button id="context-search-button" class="btn btn-primary">Search</button>
33	33	<div class="form-group">
34	34	<label>
35		- <input type="checkbox" data-role-filter="administrator"> Administrator
	10	+ <input type="checkbox" id="administratorFilter"> Administrator
36	36	</label>
37		- <label>
38		- <input type="checkbox" data-role-filter="editor"> Editor
39		- </label>
40	40	</div>
	13	+<input type="text" id="context-search-text" />
	14	+<button id="context-search-button" class="btn btn-primary">Search</button>
41	41
42		-
43	43	<pre id="context-search-response"></pre>
44	44	<script>
45	45	window.addEventListener('DOMContentLoaded', function() {
46		- const filters = {
47		- search: '',
48		- offset: 0,
49		- orderField: 'title',
50		- order: 'asc',
51		- favorite: false,
52		- roles: [] // to be joined as administrator+editor+viewer
53		- };
54		-
55		- function addRole(role) {
56		- if(filters.roles.indexOf(role) == -1) {
57		- filters.roles.push(role);
58		- }
59		- }
60		-
61		- function removeRole(role) {
62		- filters.roles = filters.roles.filter(r => r !== role)
63		- }
64		-
65		- const filterInputs = document.querySelectorAll('input[data-role-filter]');
66		-
67		- filterInputs.forEach(function(filterIpt) {
68		- filterIpt.addEventListener('click', function() {
69		- const role = this.getAttribute('data-role-filter');
70		- if(this.checked) {
71		- addRole(role);
72		- } else {
73		- removeRole(role);
74		- }
75		- runFilteredRequest();
76		- })
77		- });
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		- // 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");
91	91	const contextSearchResponse = document.getElementById("context-search-response");
...	...	@@ -101,7 +101,7 @@
101	101	handleXWikiSearch('bougaultx');
102	102	break
103	103	default:
104		- handleXWikiSearch('')
	34	+ handleXWikiSearch('', applyAdministratorFilter)
105	105	}
106	106
107	107	});