| ... |
... |
@@ -1,6 +1,7 @@ |
| 1 |
1 |
{{html clean="false"}} |
| 2 |
2 |
<!-- |
| 3 |
|
- !!! POC. Code must be reviewed / optimized and packaged for use in production !!! |
|
3 |
+ !!! POC. Code must be reviewed / optimized and packaged for use in production !!! |
|
4 |
+ !!! Many optimisations can be done !!! |
| 4 |
4 |
--> |
| 5 |
5 |
<script type="module"> |
| 6 |
6 |
import {LitElement, html, css} from 'https://cdn.jsdelivr.net/gh/lit/dist@2/core/lit-core.min.js'; |
| ... |
... |
@@ -22,6 +22,9 @@ |
| 22 |
22 |
results: { type: Array } |
| 23 |
23 |
} |
| 24 |
24 |
static styles = css` |
|
26 |
+ :host > div { |
|
27 |
+ padding-bottom: 4em; |
|
28 |
+ } |
| 25 |
25 |
.result { |
| 26 |
26 |
margin-top: 1em; |
| 27 |
27 |
} |
| ... |
... |
@@ -112,11 +112,17 @@ |
| 112 |
112 |
getLink(xwikiDocSpace) { |
| 113 |
113 |
return `/bin/view/${xwikiDocSpace.replaceAll('.', '/')}`; |
| 114 |
114 |
} |
|
119 |
+ handleKeyPress(e) { |
|
120 |
+ if (e.keyCode === 13) { |
|
121 |
+ console.log('zzz'); |
|
122 |
+ this.handleSearch(true); |
|
123 |
+ } |
|
124 |
+ } |
| 115 |
115 |
render() { |
| 116 |
116 |
return html` |
| 117 |
117 |
<div> |
| 118 |
118 |
<div> |
| 119 |
|
- <input @change="${this.setSearchText}" type="text" placeholder="Search..." /> |
|
129 |
+ <input @change="${this.setSearchText}" type="text" placeholder="Search..." @keypress="${this.handleKeyPress}" /> |
| 120 |
120 |
<button @click="${() => this.handleSearch(true)}">Search</button> |
| 121 |
121 |
</div> |
| 122 |
122 |
<div> |