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.7
edited by bougault
on 2023/01/13 13:50
Change comment: There is no comment for this version
To version 7.14
edited by bougault
on 2023/01/13 14:11
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -11,10 +11,18 @@
11 11  
12 12   createTemplate(htmlString) {
13 13   const template = document.createElement('template');
14 - template.innerHTML = htmlString;
14 + template.innerHTML = `
15 + <style>
16 + ${this.styles}
17 + </style>
18 + ${htmlString}
19 + `;
15 15   return template;
16 16   }
17 17  
23 + get styles() {
24 + return ``;
25 + }
18 18   $(selector) {
19 19   return this.shadowRoot.querySelector(selector);
20 20   }
... ... @@ -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=';
37 + searchBaseUrl = '/bin/get/XWiki/SuggestSolrService?outputSyntax=plain&media=json&nb=10&query=q%3D%22__INPUT__%22~100%0Afq%3Dtype%3ADOCUMENT%0Afq%3Dspace%3ACollabs.*&input=';
30 30   constructor() {
31 31   super();
32 32   this.results = [];
41 + this.offset = 0;
33 33   }
34 34  
35 35   connectedCallback() {
... ... @@ -52,7 +52,7 @@
52 52  
53 53   handleSearch = () => {
54 54   const value = this.$('input[type="text"]').value;
55 - fetch(`${this.searchBaseUrl}${encodeURIComponent(value)}`)
64 + fetch(`${this.searchBaseUrl}${encodeURIComponent(value)}&offset=${this.offset}`)
56 56   .then(res => res.json())
57 57   .then(this.renderResults);
58 58   }