Changes for page Context Search
Last modified by bougault on 2023/02/20 16:29
Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -1,36 +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 - render() { 6 - return html`<div> 7 - <input type="text" placeholder="Search..." /> 8 - <button>Search</button> 9 -</div>` 10 - } 11 - } 12 - customElements.define('clb-unified-search', UnifiedSearch); 13 -</script> 14 14 15 -<clb-unified-search></clb-unified-search> 16 - 17 17 <select id="context-search-type"> 18 18 <option value="all">All</option> 19 19 <option value="collabs">Collabs</option> 20 20 <option value="current-collab">Current Collab</option> 21 21 </select> 8 +<div> 9 +<label> 10 + <input type="checkbox" data-role-filter="administrator"> Administrator 11 +</label> 22 22 <input type="text" id="context-search-text" /> 23 23 <button id="context-search-button" class="btn btn-primary">Search</button> 24 -<div class="form-group"> 25 - <label> 26 - <input type="checkbox" data-role-filter="administrator"> Administrator 27 - </label> 28 - <label> 29 - <input type="checkbox" data-role-filter="editor"> Editor 30 - </label> 31 -</div> 32 32 33 - 34 34 <pre id="context-search-response"></pre> 35 35 <script> 36 36 window.addEventListener('DOMContentLoaded', function() { ... ... @@ -50,13 +50,14 @@ 50 50 } 51 51 52 52 function removeRole(role) { 53 - filters.roles = filters.roles.filter(r => r !== role)34 + filters.roles.filter(r => r !== 'administrator') 54 54 } 55 55 56 - const filterInputs = document.querySelector All('input[data-role-filter]');57 - 37 + const filterInputs = document.querySelector('checkbox[data-role-filter]'); 38 + console.log(filterInputs); 58 58 filterInputs.forEach(function(filterIpt) { 59 - filterIpt.addEventListener('click', function() { 40 + console.log(filterIpt); 41 + filter.addEventListener('click', function() { 60 60 const role = this.getAttribute('data-role-filter'); 61 61 if(this.checked) { 62 62 addRole(role); ... ... @@ -63,19 +63,10 @@ 63 63 } else { 64 64 removeRole(role); 65 65 } 66 - runFilteredRequest();48 + console.log(filters); 67 67 }) 68 68 }); 69 69 70 - function runFilteredRequest() { 71 - const urlParams = new URLSearchParams(); 72 - const tmpFilters = filters; 73 - tmpFilters.roles = tmpFilters.roles.join("+"); 74 - for(filter in tmpFilters) { 75 - urlParams.set(filter, tmpFilters[filter]); 76 - } 77 - console.log(urlParams); 78 - } 79 79 // https://wiki-dev.ebrains.eu/rest/v1/collabs?search=&offset=0&orderField=title&order=asc&favorite=false&roles=administrator 80 80 const contextSearchType = document.getElementById("context-search-type"); 81 81 const contextSearchText = document.getElementById("context-search-text"); ... ... @@ -92,7 +92,7 @@ 92 92 handleXWikiSearch('bougaultx'); 93 93 break 94 94 default: 95 - handleXWikiSearch('') 68 + handleXWikiSearch('', applyAdministratorFilter) 96 96 } 97 97 98 98 });