| ... |
... |
@@ -28,10 +28,18 @@ |
| 28 |
28 |
color: var(--color-brand-primary, blue); |
| 29 |
29 |
} |
| 30 |
30 |
.rawResults { |
|
31 |
+ width: 100%; |
| 31 |
31 |
display: flex; |
| 32 |
32 |
font-size: 12px; |
| 33 |
33 |
margin-top: 2em; |
| 34 |
34 |
} |
|
36 |
+ .rawResults > div { |
|
37 |
+ width: 100%; |
|
38 |
+ } |
|
39 |
+ .rawResults ul { |
|
40 |
+ list-style-type: none; |
|
41 |
+ padding: 0; |
|
42 |
+ } |
| 35 |
35 |
`; |
| 36 |
36 |
constructor() { |
| 37 |
37 |
super(); |
| ... |
... |
@@ -44,6 +44,7 @@ |
| 44 |
44 |
this.filterUrl = new URL(`${document.location.origin}/rest/v1/collabs?search=&offset=0&orderField=title&order=asc&limit=10000&favorite=false&roles=`); |
| 45 |
45 |
this.results = []; |
| 46 |
46 |
this.resultsCache = []; |
|
55 |
+ this.collabFiltersResults = []; |
| 47 |
47 |
} |
| 48 |
48 |
firstUpdated() { |
| 49 |
49 |
this.renderRoot.getElementById('searchInput').focus(); |
| ... |
... |
@@ -103,6 +103,7 @@ |
| 103 |
103 |
resolve(res); |
| 104 |
104 |
}); |
| 105 |
105 |
} else { |
|
115 |
+ this.collabFiltersResults = res; |
| 106 |
106 |
resolve([]); |
| 107 |
107 |
} |
| 108 |
108 |
}); |
| ... |
... |
@@ -114,6 +114,7 @@ |
| 114 |
114 |
clearResults() { |
| 115 |
115 |
this.results = []; |
| 116 |
116 |
this.resultsCache = []; |
|
127 |
+ this.collabFiltersResults = []; |
| 117 |
117 |
} |
| 118 |
118 |
getLink(xwikiDocSpace) { |
| 119 |
119 |
return `/bin/view/${xwikiDocSpace.replaceAll('.', '/')}`; |
| ... |
... |
@@ -147,11 +147,11 @@ |
| 147 |
147 |
<div class="rawResults"> |
| 148 |
148 |
<div> |
| 149 |
149 |
<strong>XWiki Search Results</strong> |
| 150 |
|
- <pre>${JSON.stringify(this.resultsCache, null, 2)}</pre> |
|
161 |
+ <ul>${this.resultsCache.map((res) => html`<li>${res.space}</li>`)}</ul> |
| 151 |
151 |
</div> |
| 152 |
152 |
<div> |
| 153 |
153 |
<strong>Collab Search Results (Filters)</strong> |
| 154 |
|
- <pre>${JSON.stringify(this.collabFiltersResults, null, 2)}</pre> |
|
165 |
+ <ul>${this.collabFiltersResults.map((res) => html`<li>${res.name}</li>`)}</ul> |
| 155 |
155 |
</div> |
| 156 |
156 |
</div> |
| 157 |
157 |
</div> |