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,21 +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=`); 29 - this.results = []; 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.origin); 30 30 } 31 - toggleRoleFilter(roleName) { 32 - if(this.rolesFilter.indexOf(roleName) == -1) { 33 - this.rolesFilter.push(roleName); 34 - } else { 35 - this.rolesFilter.filter(role => role !== roleName); 36 - } 37 - this[roleName] = !this[roleName]; 38 - this.filterUrl.searchParams.set('roles', this.rolesFilter.join("+")); 30 + toggleBooleanFilter(filterName) { 31 + this[filterName] = !this[filterName]; 39 39 } 40 40 setSearchText(e) { 41 41 this.searchText = e.target.value; ... ... @@ -42,14 +42,7 @@ 42 42 } 43 43 handleSearch() { 44 44 console.log(this.searchText); 45 - if(this.searchText !== "") { 46 - this.fetchWikiSearch(); 47 - } 48 48 } 49 - fetchWikiSearch() { 50 - // request should be built from component, not from "external" dependency. Leave it here like this for POC. 51 - handleXWikiSearch(this.searchText).then(results => this.results = results); 52 - } 53 53 buildFilter() { 54 54 //https://wiki-dev.ebrains.eu/rest/v1/collabs?search=&offset=0&orderField=title&order=asc&favorite=true&roles= 55 55 } ... ... @@ -61,9 +61,12 @@ 61 61 <button @click="${this.handleSearch}">Search</button> 62 62 </div> 63 63 <div> 64 - <label><input type="checkbox" @change="${() => this.toggleRoleFilter('administrator')}" .checked="${this.administratorFilter}"/> Administrator</label> 65 - <label><input type="checkbox" @change="${() => this.toggleRoleFilter('editor')}" .checked="${this.editorFilter}"/> Editor</label> 66 - <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> 67 67 </div> 68 68 </div> 69 69 ` ... ... @@ -70,27 +70,6 @@ 70 70 } 71 71 } 72 72 customElements.define('clb-unified-search', UnifiedSearch); 73 - 74 - function handleXWikiSearch(searchString) { 75 - return new Promise((resolve) => { 76 - require(['jquery'], function($) { 77 - const solrServiceURL = new XWiki.Document('SuggestSolrService', 'XWiki').getURL('get'); 78 - //contextSearchButton.addEventListener('click', function() { 79 - $.post(solrServiceURL, { 80 - outputSyntax: 'plain', 81 - media: 'json', 82 - query: [ 83 - 'q="__INPUT__"~100', 84 - 'fq=type:DOCUMENT', 85 - `fq=space:Collabs.*` 86 - ].join('\n'), 87 - input: searchString 88 - }).then(resolve); 89 - //}); 90 - }); 91 - }); 92 - } 93 -}); 94 94 </script> 95 95 96 96 <clb-unified-search></clb-unified-search>