feat(admin-ui): Implement custom components in Collection data table

vendure-ecommerce · Sep 7, 2023 · 4ab7c1e · 4ab7c1e
1 parent 5cde775
commit 4ab7c1e
Showing 1 changed file with 15 additions and 2 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
@@ -168,8 +168,21 @@
         >
             <div class="cell-content" [ngClass]="column.align">
                 <ng-container
-                    *ngTemplateOutlet="column.template; context: { item: item, depth: depth }"
-                ></ng-container>
+                    *ngIf="customComponents.get(column.id) as componentConfig; else defaultComponent"
+                >
+                    <ng-container
+                        *ngComponentOutlet="
+                            componentConfig.config.component;
+                            inputs: { rowItem: item };
+                            injector: componentConfig.injector
+                        "
+                    ></ng-container>
+                </ng-container>
+                <ng-template #defaultComponent>
+                    <ng-container
+                        *ngTemplateOutlet="column.template; context: { item: item, depth: depth }"
+                    ></ng-container>
+                </ng-template>
             </div>
         </td>
         <td [class.active]="activeIndex === absoluteIndex[item.id]"><!-- column select --></td>