| ... |
... |
@@ -8,20 +8,11 @@ |
| 8 |
8 |
window.addEventListener('DOMContentLoaded', function() { |
| 9 |
9 |
|
| 10 |
10 |
class UnifiedSearch extends LitElement { |
| 11 |
|
- /* |
| 12 |
12 |
static properties = { |
| 13 |
|
- searchText: { type: String }, |
| 14 |
|
- favoritesFilter: { type: Boolean }, |
| 15 |
|
- administratorFilter: { type: Boolean }, |
| 16 |
|
- editorFilter: { type: Boolean }, |
| 17 |
|
- viewerFilter: { type: Boolean }, |
| 18 |
|
- publicFilter: { type: Boolean }, |
| 19 |
|
- privateFilter: { type: Boolean }, |
|
12 |
+ results: { type: Array }, |
|
13 |
+ resultsCache: { type: Array }, |
|
14 |
+ collabFiltersResults: { type: Array} |
| 20 |
20 |
} |
| 21 |
|
- */ |
| 22 |
|
- static properties = { |
| 23 |
|
- results: { type: Array } |
| 24 |
|
- } |
| 25 |
25 |
static styles = css` |
| 26 |
26 |
:host > div { |
| 27 |
27 |
padding-bottom: 4em; |
| ... |
... |
@@ -36,6 +36,15 @@ |
| 36 |
36 |
a { |
| 37 |
37 |
color: var(--color-brand-primary, blue); |
| 38 |
38 |
} |
|
30 |
+ .rawResults { |
|
31 |
+ width: 100%; |
|
32 |
+ display: flex; |
|
33 |
+ font-size: 12px; |
|
34 |
+ margin-top: 2em; |
|
35 |
+ } |
|
36 |
+ .rawResults pre { |
|
37 |
+ overflow: scroll; |
|
38 |
+ } |
| 39 |
39 |
`; |
| 40 |
40 |
constructor() { |
| 41 |
41 |
super(); |
| ... |
... |
@@ -49,6 +49,9 @@ |
| 49 |
49 |
this.results = []; |
| 50 |
50 |
this.resultsCache = []; |
| 51 |
51 |
} |
|
52 |
+ firstUpdated() { |
|
53 |
+ this.renderRoot.getElementById('searchInput').focus(); |
|
54 |
+ } |
| 52 |
52 |
toggleRoleFilter(roleName) { |
| 53 |
53 |
if(this.rolesFilter.indexOf(roleName) === -1) { |
| 54 |
54 |
this.rolesFilter.push(roleName); |
| ... |
... |
@@ -99,7 +99,10 @@ |
| 99 |
99 |
fetchFilterSearch() { |
| 100 |
100 |
return new Promise((resolve) => { |
| 101 |
101 |
if(this.hasActiveFilters()) { |
| 102 |
|
- fetch(this.filterUrl).then(res => res.json()).then(resolve); |
|
105 |
+ fetch(this.filterUrl).then(res => res.json()).then((res) => { |
|
106 |
+ this.collabFiltersResults = res; |
|
107 |
+ resolve(res); |
|
108 |
+ }); |
| 103 |
103 |
} else { |
| 104 |
104 |
resolve([]); |
| 105 |
105 |
} |
| ... |
... |
@@ -116,11 +116,16 @@ |
| 116 |
116 |
getLink(xwikiDocSpace) { |
| 117 |
117 |
return `/bin/view/${xwikiDocSpace.replaceAll('.', '/')}`; |
| 118 |
118 |
} |
|
125 |
+ handleKeyPress(e) { |
|
126 |
+ if (e.keyCode === 13) { |
|
127 |
+ this.handleSearch(true); |
|
128 |
+ } |
|
129 |
+ } |
| 119 |
119 |
render() { |
| 120 |
120 |
return html` |
| 121 |
121 |
<div> |
| 122 |
122 |
<div> |
| 123 |
|
- <input @change="${this.setSearchText}" type="text" placeholder="Search..." /> |
|
134 |
+ <input id="searchInput" @change="${this.setSearchText}" type="text" placeholder="Search..." @keypress="${this.handleKeyPress}" /> |
| 124 |
124 |
<button @click="${() => this.handleSearch(true)}">Search</button> |
| 125 |
125 |
</div> |
| 126 |
126 |
<div> |
| ... |
... |
@@ -137,6 +137,16 @@ |
| 137 |
137 |
</div> |
| 138 |
138 |
`)} |
| 139 |
139 |
</div> |
|
151 |
+ <div class="rawResults"> |
|
152 |
+ <div> |
|
153 |
+ <strong>XWiki Search Results</strong> |
|
154 |
+ <pre>${JSON.stringify(this.resultsCache, null, 2)}</pre> |
|
155 |
+ </div> |
|
156 |
+ <div> |
|
157 |
+ <strong>Collab Search Results (Filters)</strong> |
|
158 |
+ <pre>${JSON.stringify(this.collabFiltersResults, null, 2)}</pre> |
|
159 |
+ </div> |
|
160 |
+ </div> |
| 140 |
140 |
</div> |
| 141 |
141 |
` |
| 142 |
142 |
} |
| ... |
... |
@@ -164,7 +164,5 @@ |
| 164 |
164 |
} |
| 165 |
165 |
}); |
| 166 |
166 |
</script> |
| 167 |
|
- |
| 168 |
168 |
<clb-unified-search></clb-unified-search> |
| 169 |
|
- |
| 170 |
170 |
{{/html}} |