| ... |
... |
@@ -18,6 +18,9 @@ |
| 18 |
18 |
privateFilter: { type: Boolean }, |
| 19 |
19 |
} |
| 20 |
20 |
*/ |
|
21 |
+ static properties = { |
|
22 |
+ results: { type: Array } |
|
23 |
+ } |
| 21 |
21 |
constructor() { |
| 22 |
22 |
super(); |
| 23 |
23 |
this.searchText = ""; |
| ... |
... |
@@ -26,6 +26,7 @@ |
| 26 |
26 |
this.viewer = false; |
| 27 |
27 |
this.rolesFilter = []; |
| 28 |
28 |
this.filterUrl = new URL(`${document.location.origin}/rest/v1/collabs?search=&offset=0&orderField=title&order=asc&favorite=true&roles=`); |
|
32 |
+ this.results = []; |
| 29 |
29 |
} |
| 30 |
30 |
toggleRoleFilter(roleName) { |
| 31 |
31 |
if(this.rolesFilter.indexOf(roleName) == -1) { |
| ... |
... |
@@ -42,12 +42,12 @@ |
| 42 |
42 |
handleSearch() { |
| 43 |
43 |
console.log(this.searchText); |
| 44 |
44 |
if(this.searchText !== "") { |
| 45 |
|
- fetchWikiSearch(); |
|
49 |
+ this.fetchWikiSearch(); |
| 46 |
46 |
} |
| 47 |
47 |
} |
| 48 |
48 |
fetchWikiSearch() { |
| 49 |
49 |
// request should be built from component, not from "external" dependency. Leave it here like this for POC. |
| 50 |
|
- handleXWikiSearch(this.searchText).then(results => console.log(results)); |
|
54 |
+ handleXWikiSearch(this.searchText).then(results => this.results = results); |
| 51 |
51 |
} |
| 52 |
52 |
buildFilter() { |
| 53 |
53 |
//https://wiki-dev.ebrains.eu/rest/v1/collabs?search=&offset=0&orderField=title&order=asc&favorite=true&roles= |
| ... |
... |
@@ -64,6 +64,15 @@ |
| 64 |
64 |
<label><input type="checkbox" @change="${() => this.toggleRoleFilter('editor')}" .checked="${this.editorFilter}"/> Editor</label> |
| 65 |
65 |
<label><input type="checkbox" @change="${() => this.toggleRoleFilter('viewer')}" .checked="${this.viewerFilter}"/> Viewer</label> |
| 66 |
66 |
</div> |
|
71 |
+ <div> |
|
72 |
+ ${this.results.map(result => html` |
|
73 |
+ <div> |
|
74 |
+ <a href="#">${result.title_}</a> |
|
75 |
+ <div>${result.space}</div> |
|
76 |
+ <div>${result.doccontent_.substring(0, 150)} |
|
77 |
+ </div> |
|
78 |
+ `)} |
|
79 |
+ </div> |
| 67 |
67 |
</div> |
| 68 |
68 |
` |
| 69 |
69 |
} |
| ... |
... |
@@ -73,8 +73,8 @@ |
| 73 |
73 |
function handleXWikiSearch(searchString) { |
| 74 |
74 |
return new Promise((resolve) => { |
| 75 |
75 |
require(['jquery'], function($) { |
| 76 |
|
- var solrServiceURL = new XWiki.Document('SuggestSolrService', 'XWiki').getURL('get'); |
| 77 |
|
- contextSearchButton.addEventListener('click', function() { |
|
89 |
+ const solrServiceURL = new XWiki.Document('SuggestSolrService', 'XWiki').getURL('get'); |
|
90 |
+ //contextSearchButton.addEventListener('click', function() { |
| 78 |
78 |
$.post(solrServiceURL, { |
| 79 |
79 |
outputSyntax: 'plain', |
| 80 |
80 |
media: 'json', |
| ... |
... |
@@ -85,7 +85,7 @@ |
| 85 |
85 |
].join('\n'), |
| 86 |
86 |
input: searchString |
| 87 |
87 |
}).then(resolve); |
| 88 |
|
- }); |
|
101 |
+ //}); |
| 89 |
89 |
}); |
| 90 |
90 |
}); |
| 91 |
91 |
} |