| ... |
... |
@@ -1,6 +1,6 @@ |
| 1 |
1 |
{{html clean="false"}} |
| 2 |
2 |
<!-- |
| 3 |
|
- !!! POC. Code must be reviewed / optimized and packaged for use in production !!! |
|
3 |
+ !!! POC. Code would must be reviewed / optimized and packaged for use in production !!! |
| 4 |
4 |
--> |
| 5 |
5 |
<script type="module"> |
| 6 |
6 |
import {LitElement, html, css} from 'https://cdn.jsdelivr.net/gh/lit/dist@2/core/lit-core.min.js'; |
| ... |
... |
@@ -69,7 +69,7 @@ |
| 69 |
69 |
//https://wiki-dev.ebrains.eu/rest/v1/collabs?search=&offset=0&orderField=title&order=asc&favorite=true&roles= |
| 70 |
70 |
} |
| 71 |
71 |
getLink(xwikiDocSpace) { |
| 72 |
|
- return `/bin/view/${xwikiDocSpace.replaceAll('.', '/')}`; |
|
72 |
+ return `/bin/view/${xwikiDocSpace.replace('.', '/')}`; |
| 73 |
73 |
} |
| 74 |
74 |
render() { |
| 75 |
75 |
return html` |
| ... |
... |
@@ -87,8 +87,8 @@ |
| 87 |
87 |
${this.results.map(result => html` |
| 88 |
88 |
<div class="result"> |
| 89 |
89 |
<a href="${this.getLink(result.space)}">${result.title_}</a> |
|
90 |
+ <div class="light">${result.space}</div> |
| 90 |
90 |
<div>${result.doccontent_.substring(0, 150)} |
| 91 |
|
- <div class="light">${result.space.replaceAll('.', ' / ')}</div> |
| 92 |
92 |
</div> |
| 93 |
93 |
`)} |
| 94 |
94 |
</div> |
| ... |
... |
@@ -121,5 +121,130 @@ |
| 121 |
121 |
</script> |
| 122 |
122 |
|
| 123 |
123 |
<clb-unified-search></clb-unified-search> |
|
124 |
+<!-- |
|
125 |
+<select id="context-search-type"> |
|
126 |
+ <option value="all">All</option> |
|
127 |
+ <option value="collabs">Collabs</option> |
|
128 |
+ <option value="current-collab">Current Collab</option> |
|
129 |
+</select> |
|
130 |
+<input type="text" id="context-search-text" /> |
|
131 |
+<button id="context-search-button" class="btn btn-primary">Search</button> |
|
132 |
+<div class="form-group"> |
|
133 |
+ <label> |
|
134 |
+ <input type="checkbox" data-role-filter="administrator"> Administrator |
|
135 |
+ </label> |
|
136 |
+ <label> |
|
137 |
+ <input type="checkbox" data-role-filter="editor"> Editor |
|
138 |
+ </label> |
|
139 |
+</div> |
| 124 |
124 |
|
|
141 |
+ |
|
142 |
+<pre id="context-search-response"></pre> |
|
143 |
+<script> |
|
144 |
+ window.addEventListener('DOMContentLoaded', function() { |
|
145 |
+ const filters = { |
|
146 |
+ search: '', |
|
147 |
+ offset: 0, |
|
148 |
+ orderField: 'title', |
|
149 |
+ order: 'asc', |
|
150 |
+ favorite: false, |
|
151 |
+ roles: [] // to be joined as administrator+editor+viewer |
|
152 |
+ }; |
|
153 |
+ |
|
154 |
+ function addRole(role) { |
|
155 |
+ if(filters.roles.indexOf(role) == -1) { |
|
156 |
+ filters.roles.push(role); |
|
157 |
+ } |
|
158 |
+ } |
|
159 |
+ |
|
160 |
+ function removeRole(role) { |
|
161 |
+ filters.roles = filters.roles.filter(r => r !== role) |
|
162 |
+ } |
|
163 |
+ |
|
164 |
+ const filterInputs = document.querySelectorAll('input[data-role-filter]'); |
|
165 |
+ |
|
166 |
+ filterInputs.forEach(function(filterIpt) { |
|
167 |
+ filterIpt.addEventListener('click', function() { |
|
168 |
+ const role = this.getAttribute('data-role-filter'); |
|
169 |
+ if(this.checked) { |
|
170 |
+ addRole(role); |
|
171 |
+ } else { |
|
172 |
+ removeRole(role); |
|
173 |
+ } |
|
174 |
+ runFilteredRequest(); |
|
175 |
+ }) |
|
176 |
+ }); |
|
177 |
+ |
|
178 |
+ function runFilteredRequest() { |
|
179 |
+ const urlParams = new URLSearchParams(); |
|
180 |
+ const tmpFilters = filters; |
|
181 |
+ tmpFilters.roles = tmpFilters.roles.join("+"); |
|
182 |
+ for(filter in tmpFilters) { |
|
183 |
+ urlParams.set(filter, tmpFilters[filter]); |
|
184 |
+ } |
|
185 |
+ console.log(urlParams); |
|
186 |
+ } |
|
187 |
+ // https://wiki-dev.ebrains.eu/rest/v1/collabs?search=&offset=0&orderField=title&order=asc&favorite=false&roles=administrator |
|
188 |
+ const contextSearchType = document.getElementById("context-search-type"); |
|
189 |
+ const contextSearchText = document.getElementById("context-search-text"); |
|
190 |
+ const contextSearchResponse = document.getElementById("context-search-response"); |
|
191 |
+ const contextSearchButton = document.getElementById("context-search-button"); |
|
192 |
+ contextSearchButton.addEventListener('click', function() { |
|
193 |
+ const context = contextSearchType.options[contextSearchType.selectedIndex].value; |
|
194 |
+ const term = contextSearchText.value; |
|
195 |
+ switch(context) { |
|
196 |
+ case 'collabs': |
|
197 |
+ document.location.href = `/bin/view/Collabs/#search=${term}`; |
|
198 |
+ break; |
|
199 |
+ case 'current-collab': |
|
200 |
+ handleXWikiSearch('bougaultx'); |
|
201 |
+ break |
|
202 |
+ default: |
|
203 |
+ handleXWikiSearch('') |
|
204 |
+ } |
|
205 |
+ |
|
206 |
+ }); |
|
207 |
+ function handleXWikiSearch(space, callback) { |
|
208 |
+ require(['jquery'], function($) { |
|
209 |
+ var solrServiceURL = new XWiki.Document('SuggestSolrService', 'XWiki').getURL('get'); |
|
210 |
+ const contextSearchButton = document.getElementById("context-search-button"); |
|
211 |
+ const xwikiSpace = space ? `.${space}` : ''; |
|
212 |
+ contextSearchButton.addEventListener('click', function() { |
|
213 |
+ $.post(solrServiceURL, { |
|
214 |
+ outputSyntax: 'plain', |
|
215 |
+ media: 'json', |
|
216 |
+ query: [ |
|
217 |
+ 'q="__INPUT__"~100', |
|
218 |
+ 'fq=type:DOCUMENT', |
|
219 |
+ `fq=space:Collabs${xwikiSpace}.*` |
|
220 |
+ ].join('\n'), |
|
221 |
+ input: $('#context-search-text').val() |
|
222 |
+ }).then(res => { |
|
223 |
+ if(callback) { |
|
224 |
+ callback(res).then(results => { |
|
225 |
+ contextSearchResponse.innerText = JSON.stringify(results, null, 2); |
|
226 |
+ }) |
|
227 |
+ } else { |
|
228 |
+ contextSearchResponse.innerText = JSON.stringify(res, null, 2); |
|
229 |
+ } |
|
230 |
+ }); |
|
231 |
+ }); |
|
232 |
+ }); |
|
233 |
+ } |
|
234 |
+ function applyAdministratorFilter(results) { |
|
235 |
+ return new Promise((resolve, reject) => { |
|
236 |
+ //fetch("/rest/v1/collabs?roles=administrator") |
|
237 |
+ fetch("/rest/v1/collabs?search=&offset=0&orderField=title&order=asc&favorite=false&roles=administrator") |
|
238 |
+ .then(res => res.json()) |
|
239 |
+ .then(collabs => { |
|
240 |
+ const spaces = collabs.map(collab => `Collabs.${collab.name}`); |
|
241 |
+ const filtered = results.filter(result => spaces.some(space => result.space.startsWith(space))); |
|
242 |
+ resolve(filtered); |
|
243 |
+ }) |
|
244 |
+ |
|
245 |
+ }) |
|
246 |
+ } |
|
247 |
+}); |
|
248 |
+</script> |
|
249 |
+--> |
| 125 |
125 |
{{/html}} |