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,82 +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 - 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> 22 -<input type="text" id="context-search-text" /> 23 -<button id="context-search-button" class="btn btn-primary">Search</button> 24 24 <div class="form-group"> 25 25 <label> 26 - <input type="checkbox" data-role-filter="administrator"> Administrator10 + <input type="checkbox" id="administratorFilter"> Administrator 27 27 </label> 28 - <label> 29 - <input type="checkbox" data-role-filter="editor"> Editor 30 - </label> 31 31 </div> 13 +<input type="text" id="context-search-text" /> 14 +<button id="context-search-button" class="btn btn-primary">Search</button> 32 32 33 - 34 34 <pre id="context-search-response"></pre> 35 35 <script> 36 36 window.addEventListener('DOMContentLoaded', function() { 37 - const filters = { 38 - search: '', 39 - offset: 0, 40 - orderField: 'title', 41 - order: 'asc', 42 - favorite: false, 43 - roles: [] // to be joined as administrator+editor+viewer 44 - }; 45 - 46 - function addRole(role) { 47 - if(filters.roles.indexOf(role) == -1) { 48 - filters.roles.push(role); 49 - } 50 - } 51 - 52 - function removeRole(role) { 53 - filters.roles = filters.roles.filter(r => r !== role) 54 - } 55 - 56 - const filterInputs = document.querySelectorAll('input[data-role-filter]'); 57 - 58 - filterInputs.forEach(function(filterIpt) { 59 - filterIpt.addEventListener('click', function() { 60 - const role = this.getAttribute('data-role-filter'); 61 - if(this.checked) { 62 - addRole(role); 63 - } else { 64 - removeRole(role); 65 - } 66 - runFilteredRequest(); 67 - }) 68 - }); 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 - // 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"); 82 82 const contextSearchResponse = document.getElementById("context-search-response"); ... ... @@ -92,7 +92,7 @@ 92 92 handleXWikiSearch('bougaultx'); 93 93 break 94 94 default: 95 - handleXWikiSearch('') 34 + handleXWikiSearch('', applyAdministratorFilter) 96 96 } 97 97 98 98 });