feat(admin-ui): Add filter preset support to Collection list

vendure-ecommerce · Sep 6, 2023 · cbfb402 · cbfb402
1 parent 2b9ce33
commit cbfb402
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 11 deletions.
diff --git a/...src/lib/catalog/src/components/collection-data-table/collection-data-table.component.html b/...src/lib/catalog/src/components/collection-data-table/collection-data-table.component.html
@@ -2,10 +2,12 @@
     <ng-content select="vdr-bulk-action-menu"></ng-content>
 </div>
 <div class="table-wrapper">
-    <table
-        class=""
-        [class.no-select]="disableSelect"
-    >
+    <vdr-data-table-filter-presets
+        *ngIf="filters"
+        [filters]="filters"
+        [dataTableId]="id"
+    ></vdr-data-table-filter-presets>
+    <table class="" [class.no-select]="disableSelect">
         <thead [class.items-selected]="selectionManager?.selection.length">
             <tr class="heading-row">
                 <th *ngIf="selectionManager" class="selection-col">
@@ -76,6 +78,10 @@
                                     [filters]="filters"
                                     class="mt-1"
                                 ></vdr-data-table-filters>
+                                <vdr-add-filter-preset-button
+                                    [filters]="filters"
+                                    [dataTableId]="id"
+                                ></vdr-add-filter-preset-button>
                             </div>
                         </ng-container>
                     </div>

diff --git a/packages/admin-ui/src/lib/core/src/shared/shared.module.ts b/packages/admin-ui/src/lib/core/src/shared/shared.module.ts
@@ -317,6 +317,9 @@ const DECLARATIONS = [
     AssignToChannelDialogComponent,
     CurrencyCodeSelectorComponent,
     LanguageCodeSelectorComponent,
+    DataTableFilterPresetsComponent,
+    AddFilterPresetButtonComponent,
+    RenameFilterPresetDialogComponent,
 ];
 
 const DYNAMIC_FORM_INPUTS = [
@@ -349,13 +352,7 @@ const DYNAMIC_FORM_INPUTS = [
 @NgModule({
     imports: [IMPORTS],
     exports: [...IMPORTS, ...DECLARATIONS, ...DYNAMIC_FORM_INPUTS],
-    declarations: [
-        ...DECLARATIONS,
-        ...DYNAMIC_FORM_INPUTS,
-        DataTableFilterPresetsComponent,
-        AddFilterPresetButtonComponent,
-        RenameFilterPresetDialogComponent,
-    ],
+    declarations: [...DECLARATIONS, ...DYNAMIC_FORM_INPUTS],
     providers: [
         // This needs to be shared, since lazy-loaded
         // modules have their own entryComponents which