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
-
... ... @@ -41,15 +41,14 @@ 41 41 this.editor = false; 42 42 this.viewer = false; 43 43 this.rolesFilter = []; 44 - this.filterUrl = new URL(`${document.location.origin}/rest/v1/collabs?search=&offset=0&orderField=title&order=asc& limit=10000&favorite=false&roles=`);44 + this.filterUrl = new URL(`${document.location.origin}/rest/v1/collabs?search=&offset=0&orderField=title&order=asc&favorite=&roles=`); 45 45 this.results = []; 46 - this.resultsCache = []; 47 47 } 48 48 toggleRoleFilter(roleName) { 49 - if(this.rolesFilter.indexOf(roleName) == =-1) {48 + if(this.rolesFilter.indexOf(roleName) == -1) { 50 50 this.rolesFilter.push(roleName); 51 51 } else { 52 - this.rolesFilter = this.rolesFilter.filter(role => role !== roleName);51 + this.rolesFilter.filter(role => role !== roleName); 53 53 } 54 54 this[roleName] = !this[roleName]; 55 55 this.filterUrl.searchParams.set('roles', this.rolesFilter.join("+")); ... ... @@ -58,26 +58,19 @@ 58 58 setSearchText(e) { 59 59 this.searchText = e.target.value; 60 60 } 61 - 62 62 handleSearch() { 63 - if(this.searchText !== "") { 64 - if(this.searchText !== this.prevSearchText) { 65 - this.prevSearchText = this.searchText; 66 - Promise.all([ 67 - this.fetchWikiSearch(), 68 - this.fetchFilterSearch() 69 - ]).then(([wikiSearchResults, collabSearchResults]) => { 70 - this.results = wikiSearchResults; 71 - this.resultsCache = wikiSearchResults; 72 - console.log(wikiSearchResults, collabSearchResults); 73 - }); 74 - } else if (this.searchText === this.prevSearchText && this.hasActiveFilters()) { 75 - this.fetchFilterSearch().then(this.filterResults) 76 - } else { 77 - this.results = this.resultsCache; 78 - } 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(this.filterResults) 79 79 } else { 80 - this.clearResults(); 81 81 console.log("no search text, should return filter search results if any"); 82 82 this.fetchFilterSearch().then(collabs => { 83 83 console.log("Format and display collabs", collabs); ... ... @@ -86,7 +86,7 @@ 86 86 } 87 87 hasActiveFilters() { 88 88 // we only look at role filters for POC. 89 - return this.roles Filter.length > 0;81 + return this.roles.length > 0; 90 90 } 91 91 fetchWikiSearch() { 92 92 // request should be built from component, not from "external" dependency. Leave it here like this for POC. ... ... @@ -94,21 +94,16 @@ 94 94 } 95 95 fetchFilterSearch() { 96 96 return new Promise((resolve) => { 97 - if(this.hasActiveFilters ()){89 + if(this.hasActiveFilters) { 98 98 fetch(this.filterUrl).then(res => res.json()).then(resolve); 99 99 } else { 100 - resolve( []);92 + resolve(null); 101 101 } 102 102 }); 103 103 } 104 - filterResults = (filteredCollabs) => { 105 - const collabSpaces = filteredCollabs.map(collab => `Collabs.${collab.name}`); 106 - this.results = this.resultsCache.filter(result => collabSpaces.some(space => result.space.startsWith(space))); 96 + filterResults(filteredCollabs) { 97 + console.log("filteredCollabs:", filteredCollabs, "search results:", this.results); 107 107 } 108 - clearResults() { 109 - this.results = []; 110 - this.resultsCache = []; 111 - } 112 112 getLink(xwikiDocSpace) { 113 113 return `/bin/view/${xwikiDocSpace.replaceAll('.', '/')}`; 114 114 }