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,18 @@ 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-100, #CCC); 30 + font-size: 14px; 31 + } 32 + `; 21 21 constructor() { 22 22 super(); 23 23 this.searchText = ""; ... ... @@ -67,9 +67,9 @@ 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>82 + <div class="result"> 83 + <a href="#">${result.title_}</a> 84 + <div class="light">${result.space}</div> 73 73 <div>${result.doccontent_.substring(0, 150)} 74 74 </div> 75 75 `)}