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
-
... ... @@ -1,6 +1,7 @@ 1 1 {{html clean="false"}} 2 2 <!-- 3 - !!! POC. Code must be reviewed / optimized and packaged for use in production !!! 3 + !!! POC. Code must be reviewed / optimized and packaged for use in production !!! 4 + !!! Many optimisations can be done !!! 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'; ... ... @@ -22,6 +22,9 @@ 22 22 results: { type: Array } 23 23 } 24 24 static styles = css` 26 + :host > div { 27 + padding-bottom: 4em; 28 + } 25 25 .result { 26 26 margin-top: 1em; 27 27 } ... ... @@ -112,11 +112,17 @@ 112 112 getLink(xwikiDocSpace) { 113 113 return `/bin/view/${xwikiDocSpace.replaceAll('.', '/')}`; 114 114 } 119 + handleKeyPress(e) { 120 + console.log(e.keyCode === 13) { 121 + e.preventDefault() 122 + this.handleSearch(true); 123 + } 124 + } 115 115 render() { 116 116 return html` 117 117 <div> 118 118 <div> 119 - <input @change="${this.setSearchText}" type="text" placeholder="Search..." /> 129 + <input @change="${this.setSearchText}" type="text" placeholder="Search..." @keypress="${this.handleKeyPress}" /> 120 120 <button @click="${() => this.handleSearch(true)}">Search</button> 121 121 </div> 122 122 <div>