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,7 +8,18 @@ 8 8 window.addEventListener('DOMContentLoaded', function() { 9 9 10 10 class UnifiedSearch extends LitElement { 11 + /* 11 11 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 = { 12 12 results: { type: Array } 13 13 } 14 14 static styles = css` ... ... @@ -38,9 +38,6 @@ 38 38 this.results = []; 39 39 this.resultsCache = []; 40 40 } 41 - firstUpdated() { 42 - this.renderRoot.getElementById('searchInput').focus(); 43 - } 44 44 toggleRoleFilter(roleName) { 45 45 if(this.rolesFilter.indexOf(roleName) === -1) { 46 46 this.rolesFilter.push(roleName); ... ... @@ -110,6 +110,7 @@ 110 110 } 111 111 handleKeyPress(e) { 112 112 if (e.keyCode === 13) { 121 + e.preventDefault(); 113 113 this.handleSearch(true); 114 114 } 115 115 } ... ... @@ -117,7 +117,7 @@ 117 117 return html` 118 118 <div> 119 119 <div> 120 - <input id="searchInput"@change="${this.setSearchText}" type="text" placeholder="Search..." @keypress="${this.handleKeyPress}" />129 + <input @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> ... ... @@ -161,5 +161,7 @@ 161 161 } 162 162 }); 163 163 </script> 173 + 164 164 <clb-unified-search></clb-unified-search> 175 + 165 165 {{/html}}