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,9 +117,7 @@ 117 117 return `/bin/view/${xwikiDocSpace.replaceAll('.', '/')}`; 118 118 } 119 119 handleKeyPress(e) { 120 - console.log(e); 121 121 if (e.keyCode === 13) { 122 - e.preventDefault(); 123 123 this.handleSearch(true); 124 124 } 125 125 } ... ... @@ -127,7 +127,7 @@ 127 127 return html` 128 128 <div> 129 129 <div> 130 - <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}" /> 131 131 <button @click="${() => this.handleSearch(true)}">Search</button> 132 132 </div> 133 133 <div> ... ... @@ -171,7 +171,5 @@ 171 171 } 172 172 }); 173 173 </script> 174 - 175 175 <clb-unified-search></clb-unified-search> 176 - 177 177 {{/html}}