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,5 +1,5 @@ 1 - {{html clean="false"}}2 -<!-- 1 + 2 +{{html clean="false"}}<!-- 3 3 !!! POC. Code must be reviewed / optimized and packaged for use in production !!! 4 4 !!! Many optimisations can be done !!! 5 5 --> ... ... @@ -39,6 +39,8 @@ 39 39 this.filterUrl = new URL(`${document.location.origin}/rest/v1/collabs?search=&offset=0&orderField=title&order=asc&limit=10000&favorite=false&roles=`); 40 40 this.results = []; 41 41 this.resultsCache = []; 42 + this.offset = 0; 43 + this.nb = 10; 42 42 } 43 43 firstUpdated() { 44 44 this.renderRoot.getElementById('searchInput').focus(); ... ... @@ -56,6 +56,12 @@ 56 56 setSearchText(e) { 57 57 this.searchText = e.target.value; 58 58 } 61 + setOffset(e) { 62 + this.offset = e.target.value; 63 + } 64 + setNb(e) { 65 + this.nb = e.target.value; 66 + } 59 59 handleSearch(textSearch) { 60 60 if(this.searchText !== "" || textSearch) { 61 61 if(this.searchText !== this.prevSearchText) { ... ... @@ -88,7 +88,7 @@ 88 88 } 89 89 fetchWikiSearch() { 90 90 // request should be built from component, not from "external" dependency. Leave it here like this for POC. 91 - return handleXWikiSearch(this.searchText); 99 + return handleXWikiSearch(this.searchText, this.offset, this.nb); 92 92 } 93 93 fetchFilterSearch() { 94 94 return new Promise((resolve) => { ... ... @@ -120,6 +120,8 @@ 120 120 <div> 121 121 <div> 122 122 <input id="searchInput" @change="${this.setSearchText}" type="text" placeholder="Search..." @keypress="${this.handleKeyPress}" /> 131 + <input @change="${this.setNb}"" type="text" value="${this.nb}" /> 132 + <input @change="${this.setOffset}"" type="text" value="${this.offset}" /> 123 123 <button @click="${() => this.handleSearch(true)}">Search</button> 124 124 </div> 125 125 <div> ... ... @@ -141,7 +141,7 @@ 141 141 } 142 142 customElements.define('clb-unified-search', UnifiedSearch); 143 143 144 - function handleXWikiSearch(searchString) { 154 + function handleXWikiSearch(searchString, offset, nb) { 145 145 return new Promise((resolve) => { 146 146 require(['jquery'], function($) { 147 147 const solrServiceURL = new XWiki.Document('SuggestSolrService', 'XWiki').getURL('get'); ... ... @@ -149,6 +149,8 @@ 149 149 $.get(solrServiceURL, { 150 150 outputSyntax: 'plain', 151 151 media: 'json', 162 + nb: nb, 163 + offset: offset, 152 152 query: [ 153 153 'q="__INPUT__"~100', 154 154 'fq=type:DOCUMENT', ... ... @@ -162,5 +162,4 @@ 162 162 } 163 163 }); 164 164 </script> 165 -<clb-unified-search></clb-unified-search> 166 -{{/html}} 177 +<clb-unified-search></clb-unified-search>{{/html}}