| ... |
... |
@@ -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() { |
| ... |
... |
@@ -49,6 +49,13 @@ |
| 49 |
49 |
}); |
| 50 |
50 |
} |
| 51 |
51 |
|
|
61 |
+ get styles() { |
|
62 |
+ return ` |
|
63 |
+ :host { |
|
64 |
+ background: red; |
|
65 |
+ } |
|
66 |
+ ` |
|
67 |
+ } |
| 52 |
52 |
|
| 53 |
53 |
handleSearch = () => { |
| 54 |
54 |
const value = this.$('input[type="text"]').value; |