@igniteui/angular-templates 13.1.910-rc.1 → 13.1.911

package/igx-ts/hierarchical-grid/hierarchical-grid-batch-editing/files/src/app/__path__/__filePrefix__.component.ts

@@ -23,7 +23,7 @@ export class <%=ClassName%>Component {
   }
 
   public get hasChildTransactions(): boolean {
-    return this.layout1.hgridAPI.getChildGrids()
+    return this.layout1.gridAPI.getChildGrids()
       .find(c => c.transactions.getAggregatedChanges(false).length > 0) !== undefined;
   }
 
@@ -68,7 +68,7 @@ export class <%=ClassName%>Component {
 
   public commit(): void {
     this.hierarchicalGrid.transactions.commit(this.localdata);
-    this.layout1.hgridAPI.getChildGrids().forEach((grid) => {
+    this.layout1.gridAPI.getChildGrids().forEach((grid) => {
       grid.transactions.commit(grid.data);
     });
     this.dialogChanges.close();
@@ -76,7 +76,7 @@ export class <%=ClassName%>Component {
 
   public discard(): void {
     this.hierarchicalGrid.transactions.clear();
-    this.layout1.hgridAPI.getChildGrids().forEach((grid) => {
+    this.layout1.gridAPI.getChildGrids().forEach((grid) => {
       grid.transactions.clear();
     });
     this.dialogChanges.close();
@@ -84,7 +84,7 @@ export class <%=ClassName%>Component {
 
   public openCommitDialog(): void {
     this.transactionsDataAll = [...this.hierarchicalGrid.transactions.getAggregatedChanges(true)];
-    this.layout1.hgridAPI.getChildGrids().forEach((grid) => {
+    this.layout1.gridAPI.getChildGrids().forEach((grid) => {
       this.transactionsDataAll = this.transactionsDataAll.concat(grid.transactions.getAggregatedChanges(true));
     });
     this.dialogChanges.open();

package/igx-ts/pivot-grid/default/files/src/app/__path__/__filePrefix__.component.html

@@ -0,0 +1,7 @@
+<p>Basic pivot grid.</p>
+<p>You can read more about configuring the igx-pivot-grid component in the
+  <a href="https://www.infragistics.com/products/ignite-ui-angular/angular/components/pivotGrid/pivot-grid"
+    target="_blank">official documentation</a>.
+</p>
+<igx-pivot-grid #grid1 [data]="data" [pivotConfiguration]="pivotConfigHierarchy" height="500px">
+</igx-pivot-grid>

package/igx-ts/pivot-grid/default/files/src/app/__path__/__filePrefix__.component.scss

@@ -0,0 +1,3 @@
+:host {
+  width: 100%;
+}

package/igx-ts/pivot-grid/default/files/src/app/__path__/__filePrefix__.component.spec.ts

@@ -0,0 +1,26 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { FormsModule } from '@angular/forms';
+import { <%=ClassName%>Component } from './<%=filePrefix%>.component';
+
+describe('<%=ClassName%>Component', () => {
+  let component: <%=ClassName%>Component;
+  let fixture: ComponentFixture<<%=ClassName%>Component>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [<%=ClassName%>Component],
+      imports: [IgxPivotGridModule]
+    })
+      .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(<%=ClassName%>Component);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/igx-ts/pivot-grid/default/files/src/app/__path__/__filePrefix__.component.ts

@@ -0,0 +1,44 @@
+import { Component } from '@angular/core';
+import { DATA } from './data';
+import { IPivotConfiguration, IgxPivotNumericAggregate } from '<%=igxPackage%>';
+
+@Component({
+  selector: 'app-<%=filePrefix%>',
+  templateUrl: './<%=filePrefix%>.component.html',
+  styleUrls: ['./<%=filePrefix%>.component.scss']
+})
+export class <%=ClassName%>Component {
+  public data = DATA;
+  public pivotConfigHierarchy: IPivotConfiguration = {
+      columns: [
+          {
+
+              memberName: 'Product',
+              memberFunction: (data) => data.Product.Name,
+              enabled: true
+          }
+
+      ],
+      rows: [
+          {
+              memberName: 'Seller',
+              memberFunction: (data) => data.Seller.Name,
+              enabled: true
+          }
+      ],
+      values: [
+          {
+              member: 'NumberOfUnits',
+              aggregate: {
+                  aggregator: IgxPivotNumericAggregate.sum,
+                  key: 'sum',
+                  label: 'Sum'
+              },
+              enabled: true
+
+          }
+      ],
+      filters: null
+  };
+}
+