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
-
... ... @@ -3,9 +3,7 @@ 3 3 !!! POC. Code would must be reviewed / optimized and packaged for use in production !!! 4 4 --> 5 5 <script type="module"> 6 -import {LitElement, html} from 'https://cdn.jsdelivr.net/gh/lit/dist@2/core/lit-core.min.js'; 7 -window.addEventListener('DOMContentLoaded', function() { 8 - 6 + import {LitElement, html} from 'https://cdn.jsdelivr.net/gh/lit/dist@2/core/lit-core.min.js'; 9 9 class UnifiedSearch extends LitElement { 10 10 /* 11 11 static properties = { ... ... @@ -21,20 +21,16 @@ 21 21 constructor() { 22 22 super(); 23 23 this.searchText = ""; 24 - this.administrator = false; 25 - this.editor = false; 26 - this.viewer = false; 27 - this.rolesFilter = []; 28 - this.filterUrl = new URL(`${document.location.origin}/rest/v1/collabs?search=&offset=0&orderField=title&order=asc&favorite=true&roles=`); 22 + this.favoritesFilter = false; 23 + this.administratorFilter = false; 24 + this.editorFilter = false; 25 + this.viewerFilter = false; 26 + this.publicFilter = false; 27 + this.privateFilter = false; 28 + this.filterUrl = new URL(`//${document.location.host}`); 29 29 } 30 - toggleRoleFilter(roleName) { 31 - if(this.rolesFilter.indexOf(roleName) == -1) { 32 - this.rolesFilter.push(roleName); 33 - } else { 34 - this.rolesFilter.filter(role => role !== roleName); 35 - } 36 - this[roleName] = !this[roleName]; 37 - this.filterUrl.searchParams.set('roles', this.rolesFilter.join("+")); 30 + toggleBooleanFilter(filterName) { 31 + this[filterName] = !this[filterName]; 38 38 } 39 39 setSearchText(e) { 40 40 this.searchText = e.target.value; ... ... @@ -42,10 +42,6 @@ 42 42 handleSearch() { 43 43 console.log(this.searchText); 44 44 } 45 - fetchWikiSearch() { 46 - // request should be built from component, not from "external" dependency. Leave it here like this for POC. 47 - handleXWikiSearch(this.searchText).then(results => console.log(results)); 48 - } 49 49 buildFilter() { 50 50 //https://wiki-dev.ebrains.eu/rest/v1/collabs?search=&offset=0&orderField=title&order=asc&favorite=true&roles= 51 51 } ... ... @@ -57,9 +57,12 @@ 57 57 <button @click="${this.handleSearch}">Search</button> 58 58 </div> 59 59 <div> 60 - <label><input type="checkbox" @change="${() => this.toggleRoleFilter('administrator')}" .checked="${this.administratorFilter}"/> Administrator</label> 61 - <label><input type="checkbox" @change="${() => this.toggleRoleFilter('editor')}" .checked="${this.editorFilter}"/> Editor</label> 62 - <label><input type="checkbox" @change="${() => this.toggleRoleFilter('viewer')}" .checked="${this.viewerFilter}"/> Viewer</label> 50 + <label><input type="checkbox" @change="${() => this.toggleBooleanFilter('favoritesFilter')}" .checked="${this.favoritesFilter}"/> Favorites</label> 51 + <label><input type="checkbox" @change="${() => this.toggleBooleanFilter('administratorFilter')}" .checked="${this.administratorFilter}"/> Administrator</label> 52 + <label><input type="checkbox" @change="${() => this.toggleBooleanFilter('editorFilter')}" .checked="${this.editorFilter}"/> Editor</label> 53 + <label><input type="checkbox" @change="${() => this.toggleBooleanFilter('viewerFilter')}" .checked="${this.viewerFilter}"/> Viewer</label> 54 + <label><input type="checkbox" @change="${() => this.toggleBooleanFilter('publicFilter')}" .checked="${this.publicFilter}"/> Public</label> 55 + <label><input type="checkbox" @change="${() => this.toggleBooleanFilter('privateFilter')}" .checked="${this.privateFilter}"/> Public</label> 63 63 </div> 64 64 </div> 65 65 ` ... ... @@ -66,27 +66,6 @@ 66 66 } 67 67 } 68 68 customElements.define('clb-unified-search', UnifiedSearch); 69 - 70 - function handleXWikiSearch(searchString) { 71 - return new Promise((resolve) => { 72 - require(['jquery'], function($) { 73 - var solrServiceURL = new XWiki.Document('SuggestSolrService', 'XWiki').getURL('get'); 74 - contextSearchButton.addEventListener('click', function() { 75 - $.post(solrServiceURL, { 76 - outputSyntax: 'plain', 77 - media: 'json', 78 - query: [ 79 - 'q="__INPUT__"~100', 80 - 'fq=type:DOCUMENT', 81 - `fq=space:Collabs.*` 82 - ].join('\n'), 83 - input: searchString 84 - }).then(resolve); 85 - }); 86 - }); 87 - }); 88 - } 89 -}); 90 90 </script> 91 91 92 92 <clb-unified-search></clb-unified-search>