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
-
... ... @@ -8,18 +8,7 @@ 8 8 window.addEventListener('DOMContentLoaded', function() { 9 9 10 10 class UnifiedSearch extends LitElement { 11 - /* 12 12 static properties = { 13 - searchText: { type: String }, 14 - favoritesFilter: { type: Boolean }, 15 - administratorFilter: { type: Boolean }, 16 - editorFilter: { type: Boolean }, 17 - viewerFilter: { type: Boolean }, 18 - publicFilter: { type: Boolean }, 19 - privateFilter: { type: Boolean }, 20 - } 21 - */ 22 - static properties = { 23 23 results: { type: Array } 24 24 } 25 25 static styles = css` ... ... @@ -49,6 +49,9 @@ 49 49 this.results = []; 50 50 this.resultsCache = []; 51 51 } 41 + firstUpdated() { 42 + this.renderRoot.getElementById('searchInput').focus(); 43 + } 52 52 toggleRoleFilter(roleName) { 53 53 if(this.rolesFilter.indexOf(roleName) === -1) { 54 54 this.rolesFilter.push(roleName); ... ... @@ -117,8 +117,7 @@ 117 117 return `/bin/view/${xwikiDocSpace.replaceAll('.', '/')}`; 118 118 } 119 119 handleKeyPress(e) { 120 - console.log(e.keyCode === 13) { 121 - e.preventDefault() 112 + if (e.keyCode === 13) { 122 122 this.handleSearch(true); 123 123 } 124 124 } ... ... @@ -126,7 +126,7 @@ 126 126 return html` 127 127 <div> 128 128 <div> 129 - <input @change="${this.setSearchText}" type="text" placeholder="Search..." @keypress={this.handleKeyPress}/> 120 + <input id="searchInput" @change="${this.setSearchText}" type="text" placeholder="Search..." @keypress="${this.handleKeyPress}" /> 130 130 <button @click="${() => this.handleSearch(true)}">Search</button> 131 131 </div> 132 132 <div> ... ... @@ -170,7 +170,5 @@ 170 170 } 171 171 }); 172 172 </script> 173 - 174 174 <clb-unified-search></clb-unified-search> 175 - 176 176 {{/html}}