fix(overview): remove interactive templated columns

Author: Mariela Tihova

src/app/grid-lite/grid-lite-overview/grid-lite-overview.component.html

@@ -4,9 +4,7 @@
     <igc-grid-lite-column field="firstName" header="First name" sortable filterable resizable></igc-grid-lite-column>
     <igc-grid-lite-column field="lastName" header="Last name" sortable filterable resizable></igc-grid-lite-column>
     <igc-grid-lite-column field="email" header="Email Address"></igc-grid-lite-column>
-    <igc-grid-lite-column field="priority" header="Priority" width="12rem" sortable sorting-case-sensitive [sortConfiguration]="{ comparer: priorityComparer }" [cellTemplate]="priorityTemplate"></igc-grid-lite-column>
     <igc-grid-lite-column field="satisfaction" header="Satisfaction rating" data-type="number" sortable filterable [cellTemplate]="satisfactionTemplate"></igc-grid-lite-column>
     <igc-grid-lite-column field="registeredAt" header="Registered @" sortable [cellTemplate]="registeredAtTemplate"></igc-grid-lite-column>
-    <igc-grid-lite-column field="active" header="Active" data-type="boolean" [cellTemplate]="activeTemplate"></igc-grid-lite-column>
   </igc-grid-lite>
 </div>

src/app/grid-lite/grid-lite-overview/grid-lite-overview.component.ts

@@ -30,7 +30,6 @@ export class GridLiteOverviewComponent implements OnInit {
   private dataService = inject(GridLiteDataService);
 
   public data: User[] = [];
-  private choices = ['Low', 'Standard', 'High'];
 
   ngOnInit() {
     this.data = this.dataService.generateUsers(1000);
@@ -44,24 +43,6 @@ export class GridLiteOverviewComponent implements OnInit {
     return cell;
   };
 
-  protected priorityTemplate = (params: any) => {
-    const select = document.createElement('igc-select');
-    select.setAttribute('outlined', '');
-    select.setAttribute('flip', '');
-    select.setAttribute('value', params.value);
-
-    this.choices.forEach(choice => {
-      const item = document.createElement('igc-select-item');
-      item.setAttribute('value', choice);
-      item.textContent = choice;
-      select.appendChild(item);
-    });
-
-    return select;
-  };
-
-  priorityComparer = (a: string, b: string) => this.choices.indexOf(a) - this.choices.indexOf(b);
-
   protected satisfactionTemplate = (params: any) => {
     const rating = document.createElement('igc-rating');
     rating.setAttribute('readonly', '');
@@ -74,12 +55,4 @@ export class GridLiteOverviewComponent implements OnInit {
     span.textContent = params.value.toLocaleString();
     return span;
   };
-
-  protected activeTemplate = (params: any) => {
-    const checkbox = document.createElement('igc-checkbox');
-    if (params.value) {
-      checkbox.setAttribute('checked', '');
-    }
-    return checkbox;
-  };
 }