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,15 +8,21 @@ 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 - :host > div { 18 - padding-bottom: 4em; 19 - } 20 20 .result { 21 21 margin-top: 1em; 22 22 } ... ... @@ -27,11 +27,6 @@ 27 27 a { 28 28 color: var(--color-brand-primary, blue); 29 29 } 30 - .rawResults { 31 - display: flex; 32 - font-size: 12px; 33 - margin-top: 2em; 34 - } 35 35 `; 36 36 constructor() { 37 37 super(); ... ... @@ -45,9 +45,6 @@ 45 45 this.results = []; 46 46 this.resultsCache = []; 47 47 } 48 - firstUpdated() { 49 - this.renderRoot.getElementById('searchInput').focus(); 50 - } 51 51 toggleRoleFilter(roleName) { 52 52 if(this.rolesFilter.indexOf(roleName) === -1) { 53 53 this.rolesFilter.push(roleName); ... ... @@ -98,10 +98,7 @@ 98 98 fetchFilterSearch() { 99 99 return new Promise((resolve) => { 100 100 if(this.hasActiveFilters()) { 101 - fetch(this.filterUrl).then(res => res.json()).then((res) => { 102 - this.collabFiltersResults = res; 103 - resolve(res); 104 - }); 99 + fetch(this.filterUrl).then(res => res.json()).then(resolve); 105 105 } else { 106 106 resolve([]); 107 107 } ... ... @@ -118,16 +118,11 @@ 118 118 getLink(xwikiDocSpace) { 119 119 return `/bin/view/${xwikiDocSpace.replaceAll('.', '/')}`; 120 120 } 121 - handleKeyPress(e) { 122 - if (e.keyCode === 13) { 123 - this.handleSearch(true); 124 - } 125 - } 126 126 render() { 127 127 return html` 128 128 <div> 129 129 <div> 130 - <input id="searchInput"@change="${this.setSearchText}" type="text" placeholder="Search..."@keypress="${this.handleKeyPress}"/>120 + <input @change="${this.setSearchText}" type="text" placeholder="Search..." /> 131 131 <button @click="${() => this.handleSearch(true)}">Search</button> 132 132 </div> 133 133 <div> ... ... @@ -144,16 +144,6 @@ 144 144 </div> 145 145 `)} 146 146 </div> 147 - <div class="rawResults"> 148 - <div> 149 - <strong>XWiki Search Results</strong> 150 - <pre>${JSON.stringify(this.resultsCache, null, 2)}</pre> 151 - </div> 152 - <div> 153 - <strong>Collab Search Results (Filters)</strong> 154 - <pre>${JSON.stringify(this.collabFiltersResults, null, 2)}</pre> 155 - </div> 156 - </div> 157 157 </div> 158 158 ` 159 159 } ... ... @@ -181,5 +181,7 @@ 181 181 } 182 182 }); 183 183 </script> 164 + 184 184 <clb-unified-search></clb-unified-search> 166 + 185 185 {{/html}}