feat(admin-ui): Improve facet filtering for product search input

Closes #1078
vendure-ecommerce · Sep 14, 2021 · 43f0adb · 43f0adb
1 parent abfd986
commit 43f0adb
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/...-ui/src/lib/catalog/src/components/product-search-input/product-search-input.component.ts b/...-ui/src/lib/catalog/src/components/product-search-input/product-search-input.component.ts
@@ -60,9 +60,21 @@ export class ProductSearchInputComponent {
         if (!this.isFacetValueItem(item)) {
             return false;
         }
+
+        const cix = term.indexOf(':');
+        const facetName = cix > -1 ? term.toLowerCase().slice(0, cix) : null;
+        const facetVal = cix > -1 ? term.toLowerCase().slice(cix + 1) : term.toLowerCase();
+
+        if (facetName) {
+            return (
+                item.facetValue.facet.name.toLowerCase().includes(facetName) &&
+                item.facetValue.name.toLocaleLowerCase().includes(facetVal)
+            );
+        }
+
         return (
-            item.facetValue.name.toLowerCase().startsWith(term.toLowerCase()) ||
-            item.facetValue.facet.name.toLowerCase().startsWith(term.toLowerCase())
+            item.facetValue.name.toLowerCase().includes(term.toLowerCase()) ||
+            item.facetValue.facet.name.toLowerCase().includes(term.toLowerCase())
         );
     };