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,11 +8,20 @@ 8 8 window.addEventListener('DOMContentLoaded', function() { 9 9 10 10 class UnifiedSearch extends LitElement { 11 + /* 11 11 static properties = { 12 - results: { type: Array }, 13 - resultsCache: { type: Array }, 14 - collabFiltersResults: { type: Array} 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 }, 15 15 } 21 + */ 22 + static properties = { 23 + results: { type: Array } 24 + } 16 16 static styles = css` 17 17 :host > div { 18 18 padding-bottom: 4em; ... ... @@ -40,9 +40,6 @@ 40 40 this.results = []; 41 41 this.resultsCache = []; 42 42 } 43 - firstUpdated() { 44 - this.renderRoot.getElementById('searchInput').focus(); 45 - } 46 46 toggleRoleFilter(roleName) { 47 47 if(this.rolesFilter.indexOf(roleName) === -1) { 48 48 this.rolesFilter.push(roleName); ... ... @@ -93,7 +93,7 @@ 93 93 fetchFilterSearch() { 94 94 return new Promise((resolve) => { 95 95 if(this.hasActiveFilters()) { 96 - fetch(this.filterUrl).then(res => res.json()).then( (res) => resolve(res));102 + fetch(this.filterUrl).then(res => res.json()).then(resolve); 97 97 } else { 98 98 resolve([]); 99 99 } ... ... @@ -119,7 +119,7 @@ 119 119 return html` 120 120 <div> 121 121 <div> 122 - <input id="searchInput"@change="${this.setSearchText}" type="text" placeholder="Search..." @keypress="${this.handleKeyPress}" />128 + <input @change="${this.setSearchText}" type="text" placeholder="Search..." @keypress="${this.handleKeyPress}" /> 123 123 <button @click="${() => this.handleSearch(true)}">Search</button> 124 124 </div> 125 125 <div> ... ... @@ -136,6 +136,7 @@ 136 136 </div> 137 137 `)} 138 138 </div> 145 +</div> 139 139 ` 140 140 } 141 141 } ... ... @@ -162,5 +162,7 @@ 162 162 } 163 163 }); 164 164 </script> 172 + 165 165 <clb-unified-search></clb-unified-search> 174 + 166 166 {{/html}}