| ... |
... |
@@ -3,7 +3,7 @@ |
| 3 |
3 |
!!! POC. Code would must be reviewed / optimized and packaged for use in production !!! |
| 4 |
4 |
--> |
| 5 |
5 |
<script type="module"> |
| 6 |
|
-import {LitElement, html, css} from 'https://cdn.jsdelivr.net/gh/lit/dist@2/core/lit-core.min.js'; |
|
6 |
+import {LitElement, html} from 'https://cdn.jsdelivr.net/gh/lit/dist@2/core/lit-core.min.js'; |
| 7 |
7 |
window.addEventListener('DOMContentLoaded', function() { |
| 8 |
8 |
|
| 9 |
9 |
class UnifiedSearch extends LitElement { |
| ... |
... |
@@ -18,21 +18,6 @@ |
| 18 |
18 |
privateFilter: { type: Boolean }, |
| 19 |
19 |
} |
| 20 |
20 |
*/ |
| 21 |
|
- static properties = { |
| 22 |
|
- results: { type: Array } |
| 23 |
|
- } |
| 24 |
|
- static styles = css` |
| 25 |
|
- .result { |
| 26 |
|
- margin-top: 1em; |
| 27 |
|
- } |
| 28 |
|
- .light { |
| 29 |
|
- color: var(--color-gray-500, #CCC); |
| 30 |
|
- font-size: 14px; |
| 31 |
|
- } |
| 32 |
|
- a { |
| 33 |
|
- color: var(--color-brand-primary, blue); |
| 34 |
|
- } |
| 35 |
|
- `; |
| 36 |
36 |
constructor() { |
| 37 |
37 |
super(); |
| 38 |
38 |
this.searchText = ""; |
| ... |
... |
@@ -80,15 +80,6 @@ |
| 80 |
80 |
<label><input type="checkbox" @change="${() => this.toggleRoleFilter('editor')}" .checked="${this.editorFilter}"/> Editor</label> |
| 81 |
81 |
<label><input type="checkbox" @change="${() => this.toggleRoleFilter('viewer')}" .checked="${this.viewerFilter}"/> Viewer</label> |
| 82 |
82 |
</div> |
| 83 |
|
- <div> |
| 84 |
|
- ${this.results.map(result => html` |
| 85 |
|
- <div class="result"> |
| 86 |
|
- <a href="#">${result.title_}</a> |
| 87 |
|
- <div class="light">${result.space}</div> |
| 88 |
|
- <div>${result.doccontent_.substring(0, 150)} |
| 89 |
|
- </div> |
| 90 |
|
- `)} |
| 91 |
|
- </div> |
| 92 |
92 |
</div> |
| 93 |
93 |
` |
| 94 |
94 |
} |