From 61ae1e8bac67338c61f590f1a785d5a26bb1613b Mon Sep 17 00:00:00 2001
From: Dan Percic <dan@devplant.ro>
Date: Fri, 19 Aug 2022 10:17:05 +0300
Subject: [PATCH] remove workflow template inputs

---
 src/lib/buttons/circle-button/circle-button.component.ts | 8 ++++----
 src/lib/listing/workflow/workflow.component.html         | 4 +---
 src/lib/listing/workflow/workflow.component.ts           | 7 ++++---
 3 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/lib/buttons/circle-button/circle-button.component.ts b/src/lib/buttons/circle-button/circle-button.component.ts
index a694712..ed1c0e4 100644
--- a/src/lib/buttons/circle-button/circle-button.component.ts
+++ b/src/lib/buttons/circle-button/circle-button.component.ts
@@ -32,6 +32,10 @@ export class CircleButtonComponent implements OnInit {
 
     constructor(private readonly _elementRef: ElementRef) {}
 
+    get buttonId(): string {
+        return `${Math.random().toString(36).substring(2, 9)}-button`;
+    }
+
     ngOnInit(): void {
         (this._elementRef.nativeElement as HTMLElement).style.setProperty('--size', `${this.size}px`);
         (this._elementRef.nativeElement as HTMLElement).style.setProperty('--iconSize', `${this.iconSize}px`);
@@ -51,8 +55,4 @@ export class CircleButtonComponent implements OnInit {
             this.action.emit($event);
         }
     }
-
-    get buttonId(): string {
-        return `${Math.random().toString(36).substring(2, 9)}-button`;
-    }
 }
diff --git a/src/lib/listing/workflow/workflow.component.html b/src/lib/listing/workflow/workflow.component.html
index 76c22bf..9159965 100644
--- a/src/lib/listing/workflow/workflow.component.html
+++ b/src/lib/listing/workflow/workflow.component.html
@@ -1,7 +1,5 @@
 <ng-container *ngIf="componentContext$ | async">
-    <iqser-table-header [tableHeaderLabel]="listingComponent.tableHeaderLabel" listingMode="workflow">
-        <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
-    </iqser-table-header>
+    <iqser-table-header [tableHeaderLabel]="listingComponent.tableHeaderLabel" listingMode="workflow"> </iqser-table-header>
 
     <iqser-empty-state
         (action)="noDataAction.emit()"
diff --git a/src/lib/listing/workflow/workflow.component.ts b/src/lib/listing/workflow/workflow.component.ts
index 98c75e8..2258c26 100644
--- a/src/lib/listing/workflow/workflow.component.ts
+++ b/src/lib/listing/workflow/workflow.component.ts
@@ -2,6 +2,7 @@ import {
     ChangeDetectionStrategy,
     ChangeDetectorRef,
     Component,
+    ContentChild,
     ElementRef,
     EventEmitter,
     forwardRef,
@@ -30,14 +31,12 @@ interface WorkflowContext {
 }
 
 @Component({
-    selector: 'iqser-workflow [itemTemplate] [config] [addElementIcon]',
+    selector: 'iqser-workflow [config] [addElementIcon]',
     templateUrl: './workflow.component.html',
     styleUrls: ['./workflow.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class WorkflowComponent<T extends IListable, K extends string> extends ContextComponent<WorkflowContext> implements OnInit {
-    @Input() headerTemplate?: TemplateRef<unknown>;
-    @Input() itemTemplate!: TemplateRef<T>;
     @Input() config!: WorkflowConfig<T, K>;
     @Input() itemClasses!: Record<string, (e: T) => boolean>;
     @Input() addElementIcon!: string;
@@ -51,6 +50,8 @@ export class WorkflowComponent<T extends IListable, K extends string> extends Co
     @Output() readonly noDataAction = new EventEmitter<void>();
     @Output() readonly addElement = new EventEmitter<void>();
 
+    @ContentChild('workflowItemTemplate') readonly itemTemplate!: TemplateRef<T>;
+
     readonly trackBy = trackByFactory<T>();
     itemHeight?: number;
     itemWidth?: number;