fix: resolve lint errors in template

Author: Lipata

packages/igx-templates/igx-ts/custom-templates/awesome-grid/files/src/app/__path__/__filePrefix__.component.ts

@@ -17,7 +17,6 @@ import {
   IgxOverlayService,
   IgxStringFilteringOperand,
   IgxSummaryResult,
-  OverlayClosingEventArgs,
   OverlaySettings,
   IgxSwitchComponent,
   IgxInputGroupComponent,

packages/igx-templates/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.component.html

@@ -5,7 +5,7 @@
         <igx-switch [checked]="true" [(ngModel)]="theme" (change)="onThemeChanged($event)">Dark</igx-switch>
       </div>
       <div class="control-item">
-        <igx-switch [checked]="grouped" (change)="onChange($event)"
+        <igx-switch [checked]="grouped" (change)="onChange()"
           cssClass="fintech-sample-switch">
           Grouped</igx-switch>
       </div>
@@ -203,7 +203,7 @@
 </div>
 
 <igx-dialog #dialog [closeOnOutsideSelect]="true" (closed)="onCloseHandler()">
-  <div (keydown)="closeDialog($event)">
+  <div (keydown)="closeDialog($event)" tabindex="0">
     <igx-dialog-title> Chart </igx-dialog-title>
 
     <div style="padding: 20px">

packages/igx-templates/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.component.ts

@@ -250,7 +250,7 @@ export class <%=ClassName%>Component implements OnInit, AfterViewInit, OnDestroy
     }
   }
 
-  public onChange(event: IChangeCheckboxEventArgs): void {
+  public onChange(): void {
     if (this.grid1.groupingExpressions.length > 0) {
       this.grid1.groupingExpressions = [];
     } else {
@@ -477,9 +477,8 @@ export class <%=ClassName%>Component implements OnInit, AfterViewInit, OnDestroy
    */
   private updateRandomPrices(data: any[]): any {
     const newData = data.slice();
-    for (let i = Math.round(Math.random() * 10), y = 0; i < data.length; i += Math.round(Math.random() * 10)) {
+    for (let i = Math.round(Math.random() * 10); i < data.length; i += Math.round(Math.random() * 10)) {
       newData[i] = this.randomizeObjectData(data[i]);
-      y++;
     }
     return newData;
   }

packages/igx-templates/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/localData.service.ts

@@ -12,7 +12,7 @@ export class LocalDataService {
     this.records = this.records$.asObservable();
   }
 
-  public getData(count: number = 10) {
+  public getData(count = 10) {
     const financialData: FinancialData = new FinancialData();
     this.records$.next(financialData.generateData(count));
   }

packages/igx-templates/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/localData/financialData.ts

@@ -900,7 +900,7 @@ export class FinancialData {
 
       for (const mockData of MOCKFINANCEDATA) {
         for (const prop in mockData) {
-          if (mockData.hasOwnProperty(prop)) {
+          if (Object.prototype.hasOwnProperty.call(mockData, prop)) {
             dataObj[prop] = mockData[prop];
           }
         }

packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/files/src/app/__path__/assets/financialData.ts

@@ -900,7 +900,7 @@ export class FinancialData {
 
       for (const mockData of MOCKFINANCEDATA) {
         for (const prop in mockData) {
-          if (mockData.hasOwnProperty(prop)) {
+          if (Object.prototype.hasOwnProperty.call(mockData, prop)) {
             dataObj[prop] = mockData[prop];
           }
         }

packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/files/src/app/__path__/localData.service.ts

@@ -12,7 +12,7 @@ export class LocalDataService {
     this.records = this.records$.asObservable();
   }
 
-  public getData(count: number = 10): void {
+  public getData(count = 10): void {
     const financialData: FinancialData = new FinancialData();
     this.records$.next(financialData.generateData(count));
   }

packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/files/src/app/__path__/tree-grid-grouping.pipe.ts

@@ -7,7 +7,7 @@ class GroupByRecord {
 }
 
 export class ITreeGridAggregation {
-  public field: string = '';
+  public field = '';
   public aggregate: (parent: any, children: any[]) => any = [] as any;
 }
 
@@ -40,7 +40,7 @@ export class <%=ClassName%>TreeGridGroupingPipe implements PipeTransform {
               parentID: any,
               data: any[]) {
     for (const groupRecord of groupRecords) {
-      const parent: { [key: string]: any } = {};
+      const parent: Record<string, any> = {};
       const children = groupRecord.records;
 
       parent[primaryKey] = parentID + groupRecord.key;

packages/igx-templates/igx-ts/custom-templates/login/files/src/app/__path__/__filePrefix__.component.ts

@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Output } from '@angular/core';
+import { Component } from '@angular/core';
 import {
   FormBuilder,
   FormGroup,

packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-custom/files/src/app/__path__/__filePrefix__.component.ts

@@ -12,7 +12,11 @@ export class <%=ClassName%>Component {
   public localData: Artist[] = ARTISTS;
 
   public toggleColumn(col: ColumnType, event: MouseEvent): void {
-    col.pinned ? col.unpin() : col.pin();
+    if (col.pinned) {
+      col.unpin();
+    } else {
+      col.pin();
+    }
     event.stopPropagation();
   }
 }