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
-
... ... @@ -23,6 +23,9 @@ 23 23 results: { type: Array } 24 24 } 25 25 static styles = css` 26 + :host > div { 27 + padding-bottom: 4em; 28 + } 26 26 .result { 27 27 margin-top: 1em; 28 28 } ... ... @@ -46,6 +46,9 @@ 46 46 this.results = []; 47 47 this.resultsCache = []; 48 48 } 52 + firstUpdated() { 53 + this.renderRoot.getElementById('searchInput').focus(); 54 + } 49 49 toggleRoleFilter(roleName) { 50 50 if(this.rolesFilter.indexOf(roleName) === -1) { 51 51 this.rolesFilter.push(roleName); ... ... @@ -113,11 +113,16 @@ 113 113 getLink(xwikiDocSpace) { 114 114 return `/bin/view/${xwikiDocSpace.replaceAll('.', '/')}`; 115 115 } 122 + handleKeyPress(e) { 123 + if (e.keyCode === 13) { 124 + this.handleSearch(true); 125 + } 126 + } 116 116 render() { 117 117 return html` 118 118 <div> 119 119 <div> 120 - <input @change="${this.setSearchText}" type="text" placeholder="Search..." /> 131 + <input id="searchInput" @change="${this.setSearchText}" type="text" placeholder="Search..." @keypress="${this.handleKeyPress}" /> 121 121 <button @click="${() => this.handleSearch(true)}">Search</button> 122 122 </div> 123 123 <div>