| ... |
... |
@@ -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 |
|
- searchInput.focus(); |
|
56 |
+ |
| 57 |
57 |
} |
| 58 |
58 |
|
| 59 |
59 |
disconnectedCallback() { |
| ... |
... |
@@ -89,9 +89,7 @@ |
| 89 |
89 |
} |
| 90 |
90 |
|
| 91 |
91 |
handleKeyPress = (e) => { |
| 92 |
|
- if(e.code === 'Enter') { |
| 93 |
|
- this.handleSearch(); |
| 94 |
|
- } |
|
92 |
+ console.log(e.code); |
| 95 |
95 |
} |
| 96 |
96 |
|
| 97 |
97 |
get html() { |
| ... |
... |
@@ -112,7 +112,7 @@ |
| 112 |
112 |
const { title_, spaces, doccontent_en } = results[i]; |
| 113 |
113 |
const elt = document.createElement('clb-search-result'); |
| 114 |
114 |
elt.setAttribute('data-title', title_); |
| 115 |
|
- elt.setAttribute('data-breadcrumbs', spaces); |
|
113 |
+ elt.setAttribute('data-href', spaces.join('/')); |
| 116 |
116 |
elt.innerHTML = doccontent_en; |
| 117 |
117 |
resultsContainer.appendChild(elt); |
| 118 |
118 |
} |
| ... |
... |
@@ -134,8 +134,8 @@ |
| 134 |
134 |
return this.getAttribute('data-title'); |
| 135 |
135 |
} |
| 136 |
136 |
|
| 137 |
|
- get breadcrumbsAttr() { |
| 138 |
|
- return this.getAttribute('data-breadcrumbs'); |
|
135 |
+ get hrefAttr() { |
|
136 |
+ return this.getAttribute('data-href'); |
| 139 |
139 |
} |
| 140 |
140 |
|
| 141 |
141 |
get styles() { |
| ... |
... |
@@ -148,7 +148,7 @@ |
| 148 |
148 |
get html() { |
| 149 |
149 |
return ` |
| 150 |
150 |
<div> |
| 151 |
|
- <a href="/bin/view/${this.breadcrumbsAttr.join("/")}>${this.titleAttr}</a> |
|
149 |
+ <a href=${this.hrefAttr}>${this.titleAttr}</a> |
| 152 |
152 |
<div> |
| 153 |
153 |
<slot></slot> |
| 154 |
154 |
</div> |