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.12
edited by bougault
on 2023/01/13 14:07
Change comment: There is no comment for this version
To version 7.17
edited by bougault
on 2023/01/13 14:14
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   }
... ... @@ -50,6 +50,13 @@
50 50   });
51 51   }
52 52  
61 + get styles() {
62 + return `
63 + input[type="text"] {
64 + border: 1px solid red;
65 + }
66 + `
67 + }
53 53  
54 54   handleSearch = () => {
55 55   const value = this.$('input[type="text"]').value;
... ... @@ -103,6 +103,14 @@
103 103   return this.getAttribute('data-href');
104 104   }
105 105  
121 + get styles() {
122 + return `
123 + a {
124 + color: var(--color-brand-primary);
125 + }
126 + `;
127 + }
128 +
106 106   get resultTemplate() {
107 107   return this.createTemplate(`
108 108   <div>