| ... |
... |
@@ -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,7 +26,7 @@ |
| 26 |
26 |
|
| 27 |
27 |
customElements.define('clb-simplified-search', |
| 28 |
28 |
class extends ClbComponent { |
| 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='; |
|
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 = []; |
| ... |
... |
@@ -53,7 +53,7 @@ |
| 53 |
53 |
|
| 54 |
54 |
handleSearch = () => { |
| 55 |
55 |
const value = this.$('input[type="text"]').value; |
| 56 |
|
- fetch(`${this.searchBaseUrl}${encodeURIComponent(value)}&offset=${this.offset}&nb=10`) |
|
64 |
+ fetch(`${this.searchBaseUrl}${encodeURIComponent(value)}&offset=${this.offset}`) |
| 57 |
57 |
.then(res => res.json()) |
| 58 |
58 |
.then(this.renderResults); |
| 59 |
59 |
} |