Failed to execute template. Cause: [Access denied when checking [script] access to [xwiki:Collaboratory.UX.HbpSkin.WebHome] for user [xwiki:XWiki.Admin]]. Click on this message for details.

CLB Search Component - HBP Wiki

IAM21 instance, do not create collab nor modify a team, your changes will be lost


Changes for page CLB Search Component

Last modified by bougault on 2023/01/17 11:42
From version 7.4
edited by bougault
on 2023/01/13 13:42
Change comment: There is no comment for this version
To version 7.11
edited by bougault
on 2023/01/13 14:06
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -26,10 +26,11 @@
26 26  
27 27  customElements.define('clb-simplified-search',
28 28   class extends ClbComponent {
29 - searchBaseUrl = 'https://wiki-dev.ebrains.eu/bin/get/XWiki/SuggestSolrService?outputSyntax=plain&media=json&nb=10&offset=0&query=q%3D%22__INPUT__%22~100%0Afq%3Dtype%3ADOCUMENT%0Afq%3Dspace%3ACollabs.*&input=';
29 + searchBaseUrl = '/bin/get/XWiki/SuggestSolrService?outputSyntax=plain&media=json&nb=10&offset=0&query=q%3D%22__INPUT__%22~100%0Afq%3Dtype%3ADOCUMENT%0Afq%3Dspace%3ACollabs.*&input=';
30 30   constructor() {
31 31   super();
32 32   this.results = [];
33 + this.offset = 0;
33 33   }
34 34  
35 35   connectedCallback() {
... ... @@ -36,26 +36,28 @@
36 36   // this.attachShadow({ mode: 'open' });
37 37   super.connectedCallback();
38 38   this.render();
39 - this.searchButton.addEventListener('click', () => this.handleSearch());
40 + this.$('#search').addEventListener('click', () => this.handleSearch());
41 + this.$('#prev').addEventListener('click', () => {
42 + if(this.offset > 0) {
43 + this.offset--;
44 + this.handleSearch();
45 + }
46 + });
47 + this.$('#next').addEventListener('click', () => {
48 + this.offset++;
49 + this.handleSearch();
50 + });
40 40   }
41 41  
42 42  
43 43   handleSearch = () => {
44 - fetch(`${this.searchBaseUrl}${encodeURIComponent(this.searchInput.value)}`)
55 + const value = this.$('input[type="text"]').value;
56 + fetch(`${this.searchBaseUrl}${encodeURIComponent(value)}&offset=${this.offset}&nb=10`)
45 45   .then(res => res.json())
46 46   .then(this.renderResults);
47 -
48 48   }
49 49  
50 - get searchInput() {
51 - return this.$('input[type="text"]');
52 - }
53 53  
54 - get searchButton() {
55 - return this.$('#button');
56 - }
57 -
58 -
59 59   get searchInputTemplate() {
60 60   return this.createTemplate(`
61 61   <div>
... ... @@ -67,7 +67,7 @@
67 67   `);
68 68   }
69 69  
70 - renderResults(results) {
73 + renderResults = (results) => {
71 71   const resultsContainer = this.$('#results');
72 72   resultsContainer.replaceChildren();
73 73   for(let i = 0, j = results.length; i < j; i++) {