| ... |
... |
@@ -18,6 +18,14 @@ |
| 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 |
+ `; |
| 21 |
21 |
constructor() { |
| 22 |
22 |
super(); |
| 23 |
23 |
this.searchText = ""; |
| ... |
... |
@@ -65,6 +65,15 @@ |
| 65 |
65 |
<label><input type="checkbox" @change="${() => this.toggleRoleFilter('editor')}" .checked="${this.editorFilter}"/> Editor</label> |
| 66 |
66 |
<label><input type="checkbox" @change="${() => this.toggleRoleFilter('viewer')}" .checked="${this.viewerFilter}"/> Viewer</label> |
| 67 |
67 |
</div> |
|
76 |
+ <div> |
|
77 |
+ ${this.results.map(result => html` |
|
78 |
+ <div class="result"> |
|
79 |
+ <a href="#">${result.title_}</a> |
|
80 |
+ <div>${result.space}</div> |
|
81 |
+ <div>${result.doccontent_.substring(0, 150)} |
|
82 |
+ </div> |
|
83 |
+ `)} |
|
84 |
+ </div> |
| 68 |
68 |
</div> |
| 69 |
69 |
` |
| 70 |
70 |
} |