| ... |
... |
@@ -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} from 'https://cdn.jsdelivr.net/gh/lit/dist@2/core/lit-core.min.js'; |
|
6 |
+import {LitElement, html, css} 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 { |
| ... |
... |
@@ -21,6 +21,18 @@ |
| 21 |
21 |
static properties = { |
| 22 |
22 |
results: { type: Array } |
| 23 |
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 |
+ `; |
| 24 |
24 |
constructor() { |
| 25 |
25 |
super(); |
| 26 |
26 |
this.searchText = ""; |
| ... |
... |
@@ -56,6 +56,9 @@ |
| 56 |
56 |
buildFilter() { |
| 57 |
57 |
//https://wiki-dev.ebrains.eu/rest/v1/collabs?search=&offset=0&orderField=title&order=asc&favorite=true&roles= |
| 58 |
58 |
} |
|
71 |
+ getLink(xwikiDocSpace) { |
|
72 |
+ return `/bin/view/${xwikiDocSpace.replaceAll('.', '/')}`; |
|
73 |
+ } |
| 59 |
59 |
render() { |
| 60 |
60 |
return html` |
| 61 |
61 |
<div> |
| ... |
... |
@@ -70,9 +70,9 @@ |
| 70 |
70 |
</div> |
| 71 |
71 |
<div> |
| 72 |
72 |
${this.results.map(result => html` |
| 73 |
|
- <div> |
| 74 |
|
- <a href="#">${result.title_}</a> |
| 75 |
|
- <div>${result.id}</div> |
|
88 |
+ <div class="result"> |
|
89 |
+ <a href="${this.getLink(result.space)}">${result.title_}</a> |
|
90 |
+ <div class="light">${result.space}</div> |
| 76 |
76 |
<div>${result.doccontent_.substring(0, 150)} |
| 77 |
77 |
</div> |
| 78 |
78 |
`)} |