| ... |
... |
@@ -1,7 +1,6 @@ |
| 1 |
1 |
{{html clean="false"}} |
| 2 |
2 |
<!-- |
| 3 |
|
- !!! POC. Code must be reviewed / optimized and packaged for use in production !!! |
| 4 |
|
- !!! Many optimisations can be done !!! |
|
3 |
+ !!! POC. Code must be reviewed / optimized and packaged for use in production !!! |
| 5 |
5 |
--> |
| 6 |
6 |
<script type="module"> |
| 7 |
7 |
import {LitElement, html, css} from 'https://cdn.jsdelivr.net/gh/lit/dist@2/core/lit-core.min.js'; |
| ... |
... |
@@ -59,19 +59,19 @@ |
| 59 |
59 |
setSearchText(e) { |
| 60 |
60 |
this.searchText = e.target.value; |
| 61 |
61 |
} |
| 62 |
|
- handleSearch(textSearch) { |
| 63 |
|
- if(this.searchText !== "" || textSearch) { |
|
61 |
+ handleSearch() { |
|
62 |
+ |
|
63 |
+ if(this.searchText !== "") { |
| 64 |
64 |
if(this.searchText !== this.prevSearchText) { |
| 65 |
|
- this.clearResults(); |
| 66 |
66 |
this.prevSearchText = this.searchText; |
| 67 |
|
- this.fetchWikiSearch().then(results => { |
| 68 |
|
- this.resultsCache = results; |
| 69 |
|
- if(this.hasActiveFilters()) { |
| 70 |
|
- this.fetchFilterSearch().then(this.filterResults); |
| 71 |
|
- } else { |
| 72 |
|
- this.results = results; |
| 73 |
|
- } |
| 74 |
|
- }) |
|
66 |
+ Promise.all([ |
|
67 |
+ this.fetchWikiSearch(), |
|
68 |
+ this.fetchFilterSearch() |
|
69 |
+ ]).then(([wikiSearchResults, collabSearchResults]) => { |
|
70 |
+ this.results = wikiSearchResults; |
|
71 |
+ this.resultsCache = wikiSearchResults; |
|
72 |
+ console.log(wikiSearchResults, collabSearchResults); |
|
73 |
+ }); |
| 75 |
75 |
} else if (this.searchText === this.prevSearchText && this.hasActiveFilters()) { |
| 76 |
76 |
this.fetchFilterSearch().then(this.filterResults) |
| 77 |
77 |
} else { |
| ... |
... |
@@ -118,7 +118,7 @@ |
| 118 |
118 |
<div> |
| 119 |
119 |
<div> |
| 120 |
120 |
<input @change="${this.setSearchText}" type="text" placeholder="Search..." /> |
| 121 |
|
- <button @click="${() => this.handleSearch(true)}">Search</button> |
|
120 |
+ <button @click="${this.handleSearch}">Search</button> |
| 122 |
122 |
</div> |
| 123 |
123 |
<div> |
| 124 |
124 |
<label><input type="checkbox" @change="${() => this.toggleRoleFilter('administrator')}" .checked="${this.administratorFilter}"/> Administrator</label> |