Allow setting a custom aggregateList to show in chip drop down.

Author: MKirova

projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-grid.interface.ts

@@ -44,6 +44,10 @@ export interface IPivotValue {
      * use predefined ones from IgxPivotAggregate and its variants
      */
     aggregate: PivotAggregation;
+    /**
+     * List of aggregates to show in aggregate drop-down.
+     */
+    aggregateList?: IPivotAggregator[];
     // Enables/Disables a particular value from pivot aggregation.
     enabled: boolean;
     // Allow conditionally styling of the IgxPivotGrid cells

projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-header-row.component.ts

@@ -42,7 +42,7 @@ export interface IgxGridRowSelectorsTemplateContext {
     selector: 'igx-pivot-header-row',
     templateUrl: './pivot-header-row.component.html'
 })
-export class IgxPivotHeaderRowComponent extends IgxGridHeaderRowComponent implements OnInit {
+export class IgxPivotHeaderRowComponent extends IgxGridHeaderRowComponent {
 
     @Input()
     public row: IgxPivotRowComponent;
@@ -73,10 +73,10 @@ export class IgxPivotHeaderRowComponent extends IgxGridHeaderRowComponent implem
             super(ref, cdr);
     }
 
-    public ngOnInit() {
-        this.valueData = new Map();
-        const values = this.grid.pivotConfiguration.values;
-        values.forEach(val => {
+    public getAggregateList(val: IPivotValue): IPivotAggregator[] {
+            if (val.aggregateList) {
+                return val.aggregateList;
+            }
             let defaultAggr = this.getAggregatorsForValue(val);
             const isDefault = defaultAggr.find(x => x.aggregator.name === val.aggregate.name);
             // resolve custom aggregations
@@ -97,9 +97,8 @@ export class IgxPivotHeaderRowComponent extends IgxGridHeaderRowComponent implem
                     aggregator: val.aggregate
                 }];
             }
-            this.valueData.set(val.member, defaultAggr);
-        });
-    }
+            return defaultAggr;
+        }
 
     public rowRemoved(event: IBaseChipEventArgs) {
         const row = this.grid.pivotConfiguration.rows.find(x => x.memberName === event.owner.id);
@@ -147,7 +146,7 @@ export class IgxPivotHeaderRowComponent extends IgxGridHeaderRowComponent implem
     }
 
     public isSelected(val: IPivotAggregator) {
-        return this.value.aggregate.name === val.aggregator.name;
+        return this.value.aggregate === val.aggregator;
     }
 
     public onDimDragOver(event, dimension?: PivotDimensionType) {
@@ -320,7 +319,7 @@ export class IgxPivotHeaderRowComponent extends IgxGridHeaderRowComponent implem
 
     protected updateDropDown(value: IPivotValue, dropdown) {
         this.value = value;
-        this.aggregateList = this.valueData.get(value.member);
+        this.aggregateList = this.getAggregateList(value);
         dropdown.open(this._subMenuOverlaySettings);
     }
 }

src/app/pivot-grid/pivot-grid.sample.ts

@@ -10,6 +10,26 @@ import { HIERARCHICAL_SAMPLE_DATA } from '../shared/sample-data';
 export class IgxTotalSaleAggregate {
     public static totalSale: PivotAggregation = (members, data: any) =>
         data.reduce((accumulator, value) => accumulator + value.UnitPrice * value.UnitsSold, 0);
+
+    public static totalMin: PivotAggregation = (members, data: any) => {
+        let min = 0;
+        if (data.length === 1) {
+            min = data[0].UnitPrice * data[0].UnitsSold;
+        } else if (data.length > 1) {
+            min = data.reduce((a, b) => Math.min(a.UnitPrice * a.UnitsSold, b.UnitPrice * b.UnitsSold));
+        }
+        return min;
+    };
+
+    public static totalMax: PivotAggregation = (members, data: any) => {
+        let max = 0;
+        if (data.length === 1) {
+            max = data[0].UnitPrice * data[0].UnitsSold;
+        } else if (data.length > 1) {
+            max = data.reduce((a, b) => Math.max(a.UnitPrice * a.UnitsSold, b.UnitPrice * b.UnitsSold));
+        }
+        return max;
+    };
 }
 
 @Component({
@@ -75,6 +95,19 @@ export class PivotGridSampleComponent {
                 member: 'AmountOfSale',
                 displayName: 'Amount of Sale',
                 aggregate: IgxTotalSaleAggregate.totalSale,
+                aggregateList: [{
+                    key: 'sum',
+                    aggregator: IgxTotalSaleAggregate.totalSale,
+                    label: 'Sum Sale'
+                },{
+                    key: 'min',
+                    aggregator: IgxTotalSaleAggregate.totalMin,
+                    label: 'Min Sale'
+                },{
+                    key: 'max',
+                    aggregator: IgxTotalSaleAggregate.totalMax,
+                    label: 'Max Sale'
+                }],
                 enabled: true,
                 dataType: 'currency',
                 styles: {