fix: add template for displaying things in the top center of interact…

…ive data view (onecx#246) * fix: add template for displaying things in the top center of interactive data view * fix: fix implementation --------- Co-authored-by: kim.tran <[email protected]>
anninowak · May 7, 2024 · d1098be · d1098be
1 parent 0a1906e
commit d1098be
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/...accelerator/src/lib/components/interactive-data-view/interactive-data-view.component.html b/...accelerator/src/lib/components/interactive-data-view/interactive-data-view.component.html
@@ -6,6 +6,10 @@
       (dataViewLayoutChange)="onDataViewLayoutChange($event)"
     ></ocx-data-layout-selection>
 
+    <div *ngIf="topCenter">
+      <ng-container [ngTemplateOutlet]="topCenter"> </ng-container>
+    </div>
+
     <div *ngIf="layout !== 'table'" class="flex align-items-center gap-2">
       <ocx-data-list-grid-sorting
         [sortDirection]="sortDirection"

diff --git a/...r-accelerator/src/lib/components/interactive-data-view/interactive-data-view.component.ts b/...r-accelerator/src/lib/components/interactive-data-view/interactive-data-view.component.ts
@@ -79,7 +79,8 @@ export class InteractiveDataViewComponent implements OnInit {
   @ContentChild('numberTableCell') numberTableCell: TemplateRef<any> | undefined
   @ContentChild('gridItem') gridItem: TemplateRef<any> | undefined
   @ContentChild('listItem') listItem: TemplateRef<any> | undefined
-
+  @ContentChild('topCenter') topCenter: TemplateRef<any> | undefined
+
   @Output() filtered = new EventEmitter<Filter[]>()
   @Output() sorted = new EventEmitter<Sort>()
   @Output() deleteItem = new EventEmitter<RowListGridData>()