fix(partial-finjs): removing chart column for partial as it cannot work

Author: ChronosSF

projects/app-lob/src/app/grid-finjs/grid-finjs.component.html

@@ -74,13 +74,15 @@
         </div>
       </ng-template>
     </igx-column>
-    <igx-column [field]="'Chart'" [width]="'60px'" [hidden]="false" [filterable]="false">
-      <ng-template igxCell let-cell="cell" class="center-text">
-        <button class="button-icon" igxIconButton="flat" tabindex="-1">
-          <igx-icon family="material" (click)="chartColumnAction(cell)">insert_chart_outlined</igx-icon>
-        </button>
-      </ng-template>
-    </igx-column>
+    @if (allowChart) {
+      <igx-column [field]="'Chart'" [width]="'60px'" [filterable]="false">
+        <ng-template igxCell let-cell="cell" class="center-text">
+          <button class="button-icon" igxIconButton="flat" tabindex="-1">
+            <igx-icon family="material" (click)="chartColumnAction(cell)">insert_chart_outlined</igx-icon>
+          </button>
+        </ng-template>
+      </igx-column>
+    }
 
     <igx-column [field]="'change'" [width]="'120px'" dataType="number" [headerClasses]="'headerAlignSyle'"
       [sortable]="true" [cellClasses]="trendsChange" >

projects/app-lob/src/app/grid-finjs/grid-finjs.component.ts

@@ -1,30 +1,32 @@
 /* eslint-disable max-len */
 import { AsyncPipe, CurrencyPipe } from '@angular/common';
-import { Component, ElementRef, EventEmitter, OnInit, Output, ViewChild, DOCUMENT, inject } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild, DOCUMENT, inject } from '@angular/core';
 import { CellType, DefaultSortingStrategy, GridSelectionMode, IGridKeydownEventArgs, IgxGridComponent, IgxOverlayOutletDirective, IRowSelectionEventArgs, OverlaySettings, SortingDirection, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxExcelTextDirective, IgxColumnComponent, IgxCellEditorTemplateDirective, IgxSelectComponent, IgxFocusDirective, IgxSelectItemComponent, IgxCellTemplateDirective, IgxIconComponent, IgxIconButtonDirective } from 'igniteui-angular';
 import { BehaviorSubject } from 'rxjs';
 import { Contract, REGIONS, Stock } from '../data/financialData';
-import { SignalRService } from '../services/signal-r.service';
-import { IgxPreventDocumentScrollDirective } from '../../../../../src/app/directives/prevent-scroll.directive';
+import { SignalRService } from '../services/signal-r.service';
+import { IgxPreventDocumentScrollDirective } from '../../../../../src/app/directives/prevent-scroll.directive';
 import { FormsModule } from '@angular/forms';
 
-@Component({
-    selector: 'app-finjs-grid',
-    templateUrl: './grid-finjs.component.html',
-    styleUrls: ['./grid-finjs.component.scss'],
-    imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxExcelTextDirective, IgxColumnComponent, IgxCellEditorTemplateDirective, IgxSelectComponent, FormsModule, IgxFocusDirective, IgxSelectItemComponent, IgxCellTemplateDirective, IgxIconComponent, IgxIconButtonDirective, IgxOverlayOutletDirective, AsyncPipe, CurrencyPipe]
+@Component({
+    selector: 'app-finjs-grid',
+    templateUrl: './grid-finjs.component.html',
+    styleUrls: ['./grid-finjs.component.scss'],
+    imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxExcelTextDirective, IgxColumnComponent, IgxCellEditorTemplateDirective, IgxSelectComponent, FormsModule, IgxFocusDirective, IgxSelectItemComponent, IgxCellTemplateDirective, IgxIconComponent, IgxIconButtonDirective, IgxOverlayOutletDirective, AsyncPipe, CurrencyPipe]
 })
-export class GridFinJSComponent implements OnInit {
-    private el = inject(ElementRef);
-    private document = inject<Document>(DOCUMENT);
-    dataService = inject(SignalRService);
+export class GridFinJSComponent implements OnInit {
+    private el = inject(ElementRef);
+    private document = inject<Document>(DOCUMENT);
+    dataService = inject(SignalRService);
 
     @ViewChild('grid1', { static: true }) public grid: IgxGridComponent;
     @ViewChild(IgxOverlayOutletDirective, { static: true }) public outlet: IgxOverlayOutletDirective;
     @Output() public selectedDataChanged = new EventEmitter<Stock[]>();
     @Output() public keyDown = new EventEmitter();
     @Output() public chartColumnKeyDown = new EventEmitter<Stock>();
 
+    @Input() public allowChart = false;
+
     public contracts = Contract;
     public regions = REGIONS;
     public selectionMode: GridSelectionMode = 'multiple';

projects/app-lob/src/app/grid-finjs/main.component.html

@@ -6,6 +6,7 @@
         (playAction)="onPlayAction($event)">
     </app-finjs-controllers>
     <app-finjs-grid #finGrid
+        [allowChart]="true"
         (selectedDataChanged)="setChartData($event)"
         (keyDown)="dialog.open()"
         (chartColumnKeyDown)="openSingleRowChart($event)">