Changes for page Context Search

Summary

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

Details

Page properties

Content

...	...	@@ -7,10 +7,54 @@
7	7	</select>
8	8	<input type="text" id="context-search-text" />
9	9	<button id="context-search-button" class="btn btn-primary">Search</button>
	10	+<div class="form-group">
	11	+ <label>
	12	+ <input type="checkbox" data-role-filter="administrator"> Administrator
	13	+ </label>
	14	+ <label>
	15	+ <input type="checkbox" data-role-filter="editor"> Editor
	16	+ </label>
	17	+</div>
10	10
	19	+
11	11	<pre id="context-search-response"></pre>
12	12	<script>
13	13	window.addEventListener('DOMContentLoaded', function() {
	23	+ const filters = {
	24	+ search: '',
	25	+ offset: 0,
	26	+ orderField: 'title',
	27	+ order: 'asc',
	28	+ favorite: false,
	29	+ roles: [] // to be joined as administrator+editor+viewer
	30	+ };
	31	+
	32	+ function addRole(role) {
	33	+ if(filters.roles.indexOf(role) == -1) {
	34	+ filters.roles.push(role);
	35	+ }
	36	+ }
	37	+
	38	+ function removeRole(role) {
	39	+ filters.roles.filter(r => r !== role)
	40	+ }
	41	+
	42	+ const filterInputs = document.querySelectorAll('input[data-role-filter]');
	43	+ console.log(filterInputs);
	44	+ filterInputs.forEach(function(filterIpt) {
	45	+ console.log(filterIpt);
	46	+ filterIpt.addEventListener('click', function() {
	47	+ const role = this.getAttribute('data-role-filter');
	48	+ if(this.checked) {
	49	+ addRole(role);
	50	+ } else {
	51	+ removeRole(role);
	52	+ }
	53	+ console.log(filters);
	54	+ })
	55	+ });
	56	+
	57	+ // https://wiki-dev.ebrains.eu/rest/v1/collabs?search=&offset=0&orderField=title&order=asc&favorite=false&roles=administrator
14	14	const contextSearchType = document.getElementById("context-search-type");
15	15	const contextSearchText = document.getElementById("context-search-text");
16	16	const contextSearchResponse = document.getElementById("context-search-response");