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
-
... ... @@ -36,6 +36,7 @@ 36 36 constructor() { 37 37 super(); 38 38 this.searchText = ""; 39 + this.prevSearchText = ""; 39 39 this.administrator = false; 40 40 this.editor = false; 41 41 this.viewer = false; ... ... @@ -51,23 +51,50 @@ 51 51 } 52 52 this[roleName] = !this[roleName]; 53 53 this.filterUrl.searchParams.set('roles', this.rolesFilter.join("+")); 54 - console.log(this.filterUrl.toString());55 + this.handleSearch(); 55 55 } 56 56 setSearchText(e) { 57 57 this.searchText = e.target.value; 58 58 } 59 59 handleSearch() { 60 - console.log(this.searchText); 61 - if(this.searchText !== "") { 62 - this.fetchWikiSearch(); 61 + if(this.searchText !== "" && this.searchText !== this.prevSearchText) { 62 + this.prevSearchText = this.searchText; 63 + Promise.all([ 64 + this.fetchWikiSearch(), 65 + this.fetchFilterSearch() 66 + ]).then(([wikiSearchResults, collabSearchResults]) => { 67 + console.log(wikiSearchResults, collabSearchResults); 68 + }); 69 + } else if (this.searchText === this.prevSearchText) { 70 + console.log("Only apply filter on results"); 71 + this.fetchFilterSearch().then(res => res.json()).then(this.filterResults) 72 + } else { 73 + console.log("no search text, should return filter search results if any"); 74 + this.fetchFilterSearch().then(res => res.json()).then(collabs => { 75 + console.log("Format and display collabs", collabs); 76 + }) 63 63 } 64 64 } 79 + hasActiveFilters() { 80 + // we only look at role filters for POC. 81 + return this.roles.length > 0; 82 + } 65 65 fetchWikiSearch() { 66 66 // request should be built from component, not from "external" dependency. Leave it here like this for POC. 67 - handleXWikiSearch(this.searchText) .then(results => this.results = results);85 + return handleXWikiSearch(this.searchText); 68 68 } 69 - 70 - 87 + fetchFilterSearch() { 88 + return new Promise((resolve) => { 89 + if(this.hasActiveFilters) { 90 + fetch(this.filterUrl).then(res => res.json()).then(resolve); 91 + } else { 92 + resolve(null); 93 + } 94 + }); 95 + } 96 + filterResults(filteredCollabs) { 97 + console.log("filteredCollabs:", filteredCollabs, "search results:", this.results); 98 + } 71 71 getLink(xwikiDocSpace) { 72 72 return `/bin/view/${xwikiDocSpace.replaceAll('.', '/')}`; 73 73 }