Changes for page Context Search
Last modified by bougault on 2023/02/20 16:29
Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -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 { ... ... @@ -18,6 +18,21 @@ 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 + .light { 29 + color: var(--color-gray-500, #CCC); 30 + font-size: 14px; 31 + } 32 + a { 33 + color: var(--color-brand-primary, blue); 34 + } 35 + `; 21 21 constructor() { 22 22 super(); 23 23 this.searchText = ""; ... ... @@ -53,6 +53,9 @@ 53 53 buildFilter() { 54 54 //https://wiki-dev.ebrains.eu/rest/v1/collabs?search=&offset=0&orderField=title&order=asc&favorite=true&roles= 55 55 } 71 + getLink(xwikiDocSpace) { 72 + return `/bin/view/${xwikiDocSpace.replaceAll('.', '/')}`; 73 + } 56 56 render() { 57 57 return html` 58 58 <div> ... ... @@ -67,10 +67,10 @@ 67 67 </div> 68 68 <div> 69 69 ${this.results.map(result => html` 70 - <div> 71 - <a href="#">${result.title}</a> 72 - <div>${result.id}</div> 88 + <div class="result"> 89 + <a href="${this.getLink(result.space)}">${result.title_}</a> 73 73 <div>${result.doccontent_.substring(0, 150)} 91 + <div class="light">${result.space.replaceAll('.', ' / ')}</div> 74 74 </div> 75 75 `)} 76 76 </div>