Applu shorter key text in chip and longer label text for drop-down.

Author: MKirova

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

@@ -13,8 +13,8 @@ export class IgxPivotAggregate {
      */
     public static aggregators() {
         return [{
-            key: 'count',
-            label: 'COUNT',
+            key: 'COUNT',
+            label: 'Count',
             aggregator: IgxPivotAggregate.count
         }];
     }
@@ -46,25 +46,25 @@ export class IgxPivotNumericAggregate extends IgxPivotAggregate {
         let result: IPivotAggregator[] = [];
         result = result.concat(super.aggregators());
         result.push({
-            key: 'min',
-            label: 'MIN',
+            key: 'MIN',
+            label: 'Minimum',
             aggregator: IgxPivotNumericAggregate.min
         });
         result.push({
-            key: 'max',
-            label: 'MAX',
+            key: 'MAX',
+            label: 'Maximum',
             aggregator: IgxPivotNumericAggregate.max
         });
 
         result.push({
-            key: 'sum',
-            label: 'SUM',
+            key: 'SUM',
+            label: 'Sum',
             aggregator: IgxPivotNumericAggregate.sum
         });
 
         result.push({
-            key: 'average',
-            label: 'AVG',
+            key: 'AVG',
+            label: 'Average',
             aggregator: IgxPivotNumericAggregate.average
         });
         return result;
@@ -136,13 +136,13 @@ export class IgxPivotDateAggregate extends IgxPivotAggregate {
         let result: IPivotAggregator[] = [];
         result = result.concat(super.aggregators());
         result.push({
-            key: 'latest',
-            label: 'LATEST',
+            key: 'LATEST',
+            label: 'Latest Date',
             aggregator: IgxPivotDateAggregate.latest
         });
         result.push({
-            key: 'earliest',
-            label: 'EARLIEST',
+            key: 'EARLIEST',
+            label: 'Earliest Date',
             aggregator: IgxPivotDateAggregate.earliest
         });
         return result;
@@ -187,13 +187,13 @@ export class IgxPivotTimeAggregate extends IgxPivotAggregate {
         let result: IPivotAggregator[] = [];
         result = result.concat(super.aggregators());
         result.push({
-            key: 'latestTime',
-            label: 'LATEST',
+            key: 'LATEST',
+            label: 'Latest Time',
             aggregator: IgxPivotTimeAggregate.latestTime
         });
         result.push({
-            key: 'earliestTime',
-            label: 'EARLIEST',
+            key: 'EARLIEST',
+            label: 'Earliest Time',
             aggregator: IgxPivotTimeAggregate.earliestTime
         });
         return result;

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

@@ -60,7 +60,7 @@
                             <igx-icon>functions</igx-icon>
                             <igx-icon>arrow_drop_down</igx-icon>
                          </div>
-                        {{value.aggregate.label}}({{value.displayName || value.member}})
+                        {{value.aggregate.key}}({{value.displayName || value.member}})
                     </igx-chip>
                 </igx-chips-area>
             </div>

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

@@ -83,9 +83,9 @@ export class PivotGridSampleComponent {
             {
                 member: 'UnitsSold',
                 aggregate: {
-                    key: 'sum',
+                    key: 'SUM',
                     aggregator: IgxPivotNumericAggregate.sum,
-                    label: 'SUM'
+                    label: 'Sum'
                  },
                 enabled: true,
                 styles: {
@@ -99,22 +99,22 @@ export class PivotGridSampleComponent {
                 member: 'AmountOfSale',
                 displayName: 'Amount of Sale',
                 aggregate: {
-                    key: 'sum',
+                    key: 'SUM',
                     aggregator: IgxTotalSaleAggregate.totalSale,
-                    label: 'SUM Sale'
+                    label: 'Sum of Sale'
                 },
                 aggregateList: [{
-                    key: 'sum',
+                    key: 'SUM',
                     aggregator: IgxTotalSaleAggregate.totalSale,
-                    label: 'SUM Sale'
+                    label: 'Sum of Sale'
                 },{
-                    key: 'min',
+                    key: 'MIN',
                     aggregator: IgxTotalSaleAggregate.totalMin,
-                    label: 'MIN Sale'
+                    label: 'Minimum of Sale'
                 },{
-                    key: 'max',
+                    key: 'MAX',
                     aggregator: IgxTotalSaleAggregate.totalMax,
-                    label: 'MAX Sale'
+                    label: 'Maximum of Sale'
                 }],
                 enabled: true,
                 dataType: 'currency',