Synced from the Blueshift Repository

Author: Blueshift Staff

projects/ngx-grid-core/src/lib/ui/body/body.component.html

@@ -8,7 +8,9 @@
   <div class="status-row mat-app-background" libAbsolutePositionMinusScrollbars [changes]="dataChanges"
     [viewport]="viewport">
     <div class="txt grid-name"><lib-localized-text>{{ name }}</lib-localized-text></div>
+    <ng-content select=".status-area-start"></ng-content>
     <div class="greedy"></div>
     <div class="txt records-count" *ngIf="underlyingRowCount > 0">{{ underlyingRowCount | number }} <lib-localized-text>locRecords</lib-localized-text></div>
+    <ng-content select=".status-area-end"></ng-content>
   </div>
 </div>

projects/ngx-grid-core/src/lib/ui/body/body.component.scss

@@ -4,10 +4,19 @@
   user-select: none;
   position: relative;
   z-index: 1;
+
   .virtual-scroll {
     height: 100%;
     width: 100%;
   }
+
+  ::ng-deep {
+    .status-area-end {
+      display: flex;
+      height: 100%;
+      align-items: center;
+    }
+  }
 }
 
 .row.status {

projects/ngx-grid-core/src/lib/ui/data-grid/data-grid.component.html

@@ -5,5 +5,8 @@
 </div>
 <div class="grid" [ngClass]="{ Disabled: disabled === true, initialised: initialised }">
   <data-grid-header></data-grid-header>
-  <data-grid-body tabindex="0" [name]="name ?? data.dataSetName"></data-grid-body>
+  <data-grid-body tabindex="0" [name]="name ?? data.dataSetName">
+    <ng-content class="status-area-start" select=".status-area-start"></ng-content>
+    <ng-content class="status-area-end" select=".status-area-end"></ng-content>
+  </data-grid-body>
 </div>