Skip to content

Commit 77a5993

Browse files
ddinchevaddincheva
committed
chore(*): update pipe parameters
1 parent f9dd381 commit 77a5993

File tree

4 files changed

+19
-20
lines changed

4 files changed

+19
-20
lines changed

‎projects/igniteui-angular/src/lib/grids/common/pipes.ts‎

Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ import { GridType } from './grid.interface';
77
import { IgxColumnComponent } from '../columns/column.component';
88
import { ColumnDisplayOrder } from './enums';
99
import { IgxColumnActionsComponent } from '../column-actions/column-actions.component';
10-
import { IgxSummaryOperand, IgxSummaryResult } from '../grid/public_api';
10+
import { IgxGridRow, IgxSummaryOperand, IgxSummaryResult } from '../grid/public_api';
1111

1212
/**
1313
* @hidden
@@ -71,17 +71,17 @@ export class IgxGridCellStylesPipe implements PipeTransform {
7171
name: 'igxGridRowClasses'
7272
})
7373
export class IgxGridRowClassesPipe implements PipeTransform {
74-
constructor(private gridAPI: GridBaseAPIService<IgxGridBaseDirective & GridType>) { }
7574

76-
public transform(cssClasses: { [prop: string]: any }, index: any, __: number): string {
75+
constructor(private gridAPI: GridBaseAPIService<IgxGridBaseDirective & GridType>) { }
76+
77+
public transform(cssClasses: { [prop: string]: any }, rowData: any, index: number, __: number): string {
7778
if (!cssClasses) {
7879
return '';
7980
}
8081
const result = [];
8182
for (const cssClass of Object.keys(cssClasses)) {
8283
const callbackOrValue = cssClasses[cssClass];
83-
const grid = (this.gridAPI.grid as any);
84-
const row = grid.getRowByIndex(index);
84+
const row = new IgxGridRow((this.gridAPI.grid as any), index, rowData);
8585
const apply = typeof callbackOrValue === 'function' ? callbackOrValue(row) : callbackOrValue;
8686
if (apply) {
8787
result.push(cssClass);
@@ -102,15 +102,14 @@ export class IgxGridRowStylesPipe implements PipeTransform {
102102

103103
constructor(private gridAPI: GridBaseAPIService<IgxGridBaseDirective & GridType>) { }
104104

105-
public transform(styles: { [prop: string]: any }, index: number, __: number): { [prop: string]: any } {
105+
public transform(styles: { [prop: string]: any }, rowData: any, index: number, __: number): { [prop: string]: any } {
106106
const css = {};
107107
if (!styles) {
108108
return css;
109109
}
110-
const grid = (this.gridAPI.grid as any);
111110
for (const prop of Object.keys(styles)) {
112111
const cb = styles[prop];
113-
const row = grid.getRowByIndex(index);
112+
const row = new IgxGridRow((this.gridAPI.grid as any), index, rowData);
114113
css[prop] = typeof cb === 'function' ? cb(row) : cb;
115114
}
116115
return css;

‎projects/igniteui-angular/src/lib/grids/grid/grid.component.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -94,14 +94,14 @@
9494
</ng-container>
9595
<ng-template #record_template let-rowIndex="index" let-rowData let-disabledRow="disabled" let-isAddRow="addRow">
9696
<igx-grid-row [gridID]="id" [index]="rowIndex" [rowData]="rowData" [disabled]="disabledRow" [addRow]="isAddRow"
97-
[ngClass]="rowClasses | igxGridRowClasses:rowIndex:pipeTrigger"
98-
[ngStyle]="rowStyles | igxGridRowStyles:rowIndex:pipeTrigger" #row>
97+
[ngClass]="rowClasses | igxGridRowClasses:rowData:rowIndex:pipeTrigger"
98+
[ngStyle]="rowStyles | igxGridRowStyles:rowData:rowIndex:pipeTrigger" #row>
9999
</igx-grid-row>
100100
</ng-template>
101101
<ng-template #pinned_record_template let-rowIndex="index" let-rowData let-isAddRow="addRow">
102102
<igx-grid-row [gridID]="id" [index]="rowIndex" [rowData]="rowData" [addRow]="isAddRow"
103-
[ngClass]="rowClasses | igxGridRowClasses:rowIndex:pipeTrigger"
104-
[ngStyle]="rowStyles | igxGridRowStyles:rowIndex:pipeTrigger" #row #pinnedRow>
103+
[ngClass]="rowClasses | igxGridRowClasses:rowData:rowIndex:pipeTrigger"
104+
[ngStyle]="rowStyles | igxGridRowStyles:rowData:rowIndex:pipeTrigger" #row #pinnedRow>
105105
</igx-grid-row>
106106
</ng-template>
107107
<ng-template #group_template let-rowIndex="index" let-rowData>

‎projects/igniteui-angular/src/lib/grids/hierarchical-grid/hierarchical-grid.component.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -68,15 +68,15 @@
6868
</ng-template>
6969
<ng-template #hierarchical_record_template let-rowIndex="index" let-disabledRow="disabled" let-rowData let-isAddRow="addRow">
7070
<igx-hierarchical-grid-row [gridID]="id" [index]="rowIndex" [disabled]="disabledRow" [rowData]="rowData" [addRow]="isAddRow"
71-
[ngClass]="rowClasses | igxGridRowClasses:rowIndex:pipeTrigger"
72-
[ngStyle]="rowStyles | igxGridRowStyles:rowIndex:pipeTrigger" #row>
71+
[ngClass]="rowClasses | igxGridRowClasses:rowData:rowIndex:pipeTrigger"
72+
[ngStyle]="rowStyles | igxGridRowStyles:rowData:rowIndex:pipeTrigger" #row>
7373
</igx-hierarchical-grid-row>
7474
</ng-template>
7575

7676
<ng-template #pinned_hierarchical_record_template let-rowIndex="index" let-rowData let-isAddRow="addRow">
7777
<igx-hierarchical-grid-row [gridID]="id" [index]="rowIndex" [rowData]="rowData" [addRow]="isAddRow"
78-
[ngClass]="rowClasses | igxGridRowClasses:rowIndex:pipeTrigger"
79-
[ngStyle]="rowStyles | igxGridRowStyles:rowIndex:pipeTrigger" #row #pinnedRow>
78+
[ngClass]="rowClasses | igxGridRowClasses:rowData:rowIndex:pipeTrigger"
79+
[ngStyle]="rowStyles | igxGridRowStyles:rowData:rowIndex:pipeTrigger" #row #pinnedRow>
8080
</igx-hierarchical-grid-row>
8181
</ng-template>
8282
<ng-template #child_record_template let-rowIndex="index" let-rowData>

‎projects/igniteui-angular/src/lib/grids/tree-grid/tree-grid.component.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -70,14 +70,14 @@
7070
<ng-container *ngTemplateOutlet="hasPinnedRecords && !isRowPinningToTop ? pinnedRecordsTemplate : null"></ng-container>
7171
<ng-template #record_template let-rowIndex="index" let-disabledRow="disabled" let-rowData let-isAddRow="addRow">
7272
<igx-tree-grid-row [gridID]="id" [index]="rowIndex" [treeRow]="rowData" [disabled]="disabledRow" [addRow]="isAddRow"
73-
[ngClass]="rowClasses | igxGridRowClasses:rowIndex:pipeTrigger"
74-
[ngStyle]="rowStyles | igxGridRowStyles:rowIndex:pipeTrigger" #row>
73+
[ngClass]="rowClasses | igxGridRowClasses:rowData:rowIndex:pipeTrigger"
74+
[ngStyle]="rowStyles | igxGridRowStyles:rowData:rowIndex:pipeTrigger" #row>
7575
</igx-tree-grid-row>
7676
</ng-template>
7777
<ng-template #pinned_record_template let-rowIndex="index" let-rowData let-isAddRow="addRow">
7878
<igx-tree-grid-row [gridID]="id" [index]="rowIndex" [treeRow]="rowData" [addRow]="isAddRow"
79-
[ngClass]="rowClasses | igxGridRowClasses:rowIndex:pipeTrigger"
80-
[ngStyle]="rowStyles | igxGridRowStyles:rowIndex:pipeTrigger"#row #pinnedRow>
79+
[ngClass]="rowClasses | igxGridRowClasses:rowData:rowIndex:pipeTrigger"
80+
[ngStyle]="rowStyles | igxGridRowStyles:rowData:rowIndex:pipeTrigger"#row #pinnedRow>
8181
</igx-tree-grid-row>
8282
</ng-template>
8383
<ng-template #summary_template let-rowIndex="index" let-rowData>

0 commit comments

Comments
 (0)