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
-
... ... @@ -27,6 +27,19 @@ 27 27 a { 28 28 color: var(--color-brand-primary, blue); 29 29 } 30 + .rawResults { 31 + width: 100%; 32 + display: flex; 33 + font-size: 12px; 34 + margin-top: 2em; 35 + } 36 + .rawResults > div { 37 + width: 100%; 38 + } 39 + .rawResults ul { 40 + list-style-type: none; 41 + padding: 0; 42 + } 30 30 `; 31 31 constructor() { 32 32 super(); ... ... @@ -39,6 +39,7 @@ 39 39 this.filterUrl = new URL(`${document.location.origin}/rest/v1/collabs?search=&offset=0&orderField=title&order=asc&limit=10000&favorite=false&roles=`); 40 40 this.results = []; 41 41 this.resultsCache = []; 55 + this.collabFiltersResults = []; 42 42 } 43 43 firstUpdated() { 44 44 this.renderRoot.getElementById('searchInput').focus(); ... ... @@ -93,8 +93,12 @@ 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)); 110 + fetch(this.filterUrl).then(res => res.json()).then((res) => { 111 + this.collabFiltersResults = res; 112 + resolve(res); 113 + }); 97 97 } else { 115 + this.collabFiltersResults = res; 98 98 resolve([]); 99 99 } 100 100 }); ... ... @@ -106,6 +106,7 @@ 106 106 clearResults() { 107 107 this.results = []; 108 108 this.resultsCache = []; 127 + this.collabFiltersResults = []; 109 109 } 110 110 getLink(xwikiDocSpace) { 111 111 return `/bin/view/${xwikiDocSpace.replaceAll('.', '/')}`; ... ... @@ -136,6 +136,17 @@ 136 136 </div> 137 137 `)} 138 138 </div> 158 + <div class="rawResults"> 159 + <div> 160 + <strong>XWiki Search Results</strong> 161 + <ul>${this.resultsCache.map((res) => html`<li>${res.space}</li>`)}</ul> 162 + </div> 163 + <div> 164 + <strong>Collab Search Results (Filters)</strong> 165 + <ul>${this.collabFiltersResults.map((res) => html`<li>${res.name}</li>`)}</ul> 166 + </div> 167 + </div> 168 +</div> 139 139 ` 140 140 } 141 141 }