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 { ... ... @@ -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.replace('.', '/')}`; 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 `)}