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

Summary

Details

Page properties
Content
... ... @@ -11,18 +11,10 @@
11 11  
12 12   createTemplate(htmlString) {
13 13   const template = document.createElement('template');
14 - template.innerHTML = `
15 - <style>
16 - ${this.styles}
17 - </style>
18 - ${htmlString}
19 - `;
14 + template.innerHTML = htmlString;
20 20   return template;
21 21   }
22 22  
23 - get styles() {
24 - return ``;
25 - }
26 26   $(selector) {
27 27   return this.shadowRoot.querySelector(selector);
28 28   }
... ... @@ -34,7 +34,7 @@
34 34  
35 35  customElements.define('clb-simplified-search',
36 36   class extends ClbComponent {
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=';
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=';
38 38   constructor() {
39 39   super();
40 40   this.results = [];
... ... @@ -58,13 +58,6 @@
58 58   });
59 59   }
60 60  
61 - get styles() {
62 - return `
63 - input[type="text"] {
64 - border: 1px solid red;
65 - }
66 - `
67 - }
68 68  
69 69   handleSearch = () => {
70 70   const value = this.$('input[type="text"]').value;
... ... @@ -118,14 +118,6 @@
118 118   return this.getAttribute('data-href');
119 119   }
120 120  
121 - get styles() {
122 - return `
123 - a {
124 - color: var(--color-brand-primary);
125 - }
126 - `;
127 - }
128 -
129 129   get resultTemplate() {
130 130   return this.createTemplate(`
131 131   <div>