| ... |
... |
@@ -53,7 +53,7 @@ |
| 53 |
53 |
this.$('#prev').addEventListener('click', this.handlePrevPage); |
| 54 |
54 |
this.$('#next').addEventListener('click', this.handleNextPage); |
| 55 |
55 |
searchInput.addEventListener('keypress', this.handleKeyPress); |
| 56 |
|
- |
|
56 |
+ searchInput.focus(); |
| 57 |
57 |
} |
| 58 |
58 |
|
| 59 |
59 |
disconnectedCallback() { |
| ... |
... |
@@ -89,7 +89,9 @@ |
| 89 |
89 |
} |
| 90 |
90 |
|
| 91 |
91 |
handleKeyPress = (e) => { |
| 92 |
|
- console.log(e.code); |
|
92 |
+ if(e.code === 'Enter') { |
|
93 |
+ this.handleSearch(); |
|
94 |
+ } |
| 93 |
93 |
} |
| 94 |
94 |
|
| 95 |
95 |
get html() { |
| ... |
... |
@@ -110,7 +110,7 @@ |
| 110 |
110 |
const { title_, spaces, doccontent_en } = results[i]; |
| 111 |
111 |
const elt = document.createElement('clb-search-result'); |
| 112 |
112 |
elt.setAttribute('data-title', title_); |
| 113 |
|
- elt.setAttribute('data-href', spaces.join('/')); |
|
115 |
+ elt.setAttribute('data-spaces', spaces); |
| 114 |
114 |
elt.innerHTML = doccontent_en; |
| 115 |
115 |
resultsContainer.appendChild(elt); |
| 116 |
116 |
} |
| ... |
... |
@@ -132,8 +132,8 @@ |
| 132 |
132 |
return this.getAttribute('data-title'); |
| 133 |
133 |
} |
| 134 |
134 |
|
| 135 |
|
- get hrefAttr() { |
| 136 |
|
- return this.getAttribute('data-href'); |
|
137 |
+ get spacesAttr() { |
|
138 |
+ return this.getAttribute('data-spaces'); |
| 137 |
137 |
} |
| 138 |
138 |
|
| 139 |
139 |
get styles() { |
| ... |
... |
@@ -146,7 +146,7 @@ |
| 146 |
146 |
get html() { |
| 147 |
147 |
return ` |
| 148 |
148 |
<div> |
| 149 |
|
- <a href=${this.hrefAttr}>${this.titleAttr}</a> |
|
151 |
+ <a href="/bin/view/${this.spacesAttr.join("/")}>${this.titleAttr}</a> |
| 150 |
150 |
<div> |
| 151 |
151 |
<slot></slot> |
| 152 |
152 |
</div> |