File datatable.component.ts has 576 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import {
  Component,
  Input,
  Output,
  ElementRef,

File body.component.ts has 548 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import {
  Component,
  Output,
  EventEmitter,
  Input,

DatatableComponent has 55 functions (exceeds 20 allowed). Consider refactoring.

Open

@Component({
  selector: 'ngx-datatable',
  templateUrl: './datatable.component.html',
  changeDetection: ChangeDetectionStrategy.OnPush,
  encapsulation: ViewEncapsulation.None,

Function checkGroup has a Cognitive Complexity of 48 (exceeds 5 allowed). Consider refactoring.

Open

  checkGroup(event, row, rowIndex, group) {
    let groupStatus = 'Pending';
    let expectedPaymentDealtWith = true;

    row.exppayyes = 0;

• Read up
  Read up

DataTableBodyComponent has 41 functions (exceeds 20 allowed). Consider refactoring.

Open

@Component({
  selector: 'datatable-body',
  template: `
    <datatable-progress *ngIf="loadingIndicator"> </datatable-progress>
    <datatable-selection

DataTableBodyCellComponent has 37 functions (exceeds 20 allowed). Consider refactoring.

Open

@Component({
  selector: 'datatable-body-cell',
  changeDetection: ChangeDetectionStrategy.OnPush,
  template: `
    <div class="datatable-body-cell-label" [style.margin-left.px]="calcLeftMargin(column, row)">

File body-cell.component.ts has 367 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import {
  Component,
  Input,
  PipeTransform,
  HostBinding,

Function setColumnDefaults has a Cognitive Complexity of 31 (exceeds 5 allowed). Consider refactoring.

Open

export function setColumnDefaults(columns: TableColumn[]) {
  if (!columns) return;

  // Only one column should hold the tree view
  // Thus if multiple columns are provided with

• Read up
  Read up

Function scaleColumns has a Cognitive Complexity of 28 (exceeds 5 allowed). Consider refactoring.

Open

function scaleColumns(colsByGroup: any, maxWidth: any, totalFlexGrow: any) {
  // calculate total width and flexgrow points for coulumns that can be resized
  for (const attr in colsByGroup) {
    for (const column of colsByGroup[attr]) {
      if (!column.canAutoResize) {

• Read up
  Read up

File datatable.component.spec.ts has 325 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { Component } from '@angular/core';
import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
import { By } from '@angular/platform-browser';

import { ColumnChangesService } from '../services/column-changes.service';

Function checkGroup has 74 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  checkGroup(event, row, rowIndex, group) {
    let groupStatus = 'Pending';
    let expectedPaymentDealtWith = true;

    row.exppayyes = 0;

File header.component.ts has 289 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import {
  Component,
  Output,
  EventEmitter,
  Input,

Function columnCssClasses has a Cognitive Complexity of 21 (exceeds 5 allowed). Consider refactoring.

Open

  @HostBinding('class')
  get columnCssClasses(): any {
    let cls = 'datatable-body-cell';
    if (this.column.cellClass) {
      if (typeof this.column.cellClass === 'string') {

• Read up
  Read up

Function forceFillColumnWidths has a Cognitive Complexity of 20 (exceeds 5 allowed). Consider refactoring.

Open

export function forceFillColumnWidths(
  allColumns: any[],
  expectedWidth: number,
  startIdx: number,
  allowBleed: boolean,

• Read up
  Read up

Function orderByComparator has a Cognitive Complexity of 20 (exceeds 5 allowed). Consider refactoring.

Open

export function orderByComparator(a: any, b: any): number {
  if (a === null || typeof a === 'undefined') a = 0;
  if (b === null || typeof b === 'undefined') b = 0;
  if (a instanceof Date && b instanceof Date) {
    if (a < b) return -1;

• Read up
  Read up

Function columnCssClasses has a Cognitive Complexity of 20 (exceeds 5 allowed). Consider refactoring.

Open

  @HostBinding('class')
  get columnCssClasses(): any {
    let cls = 'datatable-header-cell';

    if (this.column.sortable) cls += ' sortable';

• Read up
  Read up

DataTableHeaderComponent has 23 functions (exceeds 20 allowed). Consider refactoring.

Open

@Component({
  selector: 'datatable-header',
  template: `
    <div
      role="row"

Function initCache has a Cognitive Complexity of 15 (exceeds 5 allowed). Consider refactoring.

Open

  initCache(details: any): void {
    const { rows, rowHeight, detailRowHeight, externalVirtual, rowCount, rowIndexes, rowExpansions } = details;
    const isFn = typeof rowHeight === 'function';
    const isDetailFn = typeof detailRowHeight === 'function';

• Read up
  Read up

Function ngOnInit has a Cognitive Complexity of 14 (exceeds 5 allowed). Consider refactoring.

Open

  ngOnInit(): void {
    if (this.rowDetail) {
      this.listener = this.rowDetail.toggle.subscribe(({ type, value }: { type: string; value: any }) => {
        if (type === 'row') {
          this.toggleRowExpansion(value);

• Read up
  Read up

Function cssClass has a Cognitive Complexity of 14 (exceeds 5 allowed). Consider refactoring.

Open

  @HostBinding('class')
  get cssClass() {
    let cls = 'datatable-body-row';
    if (this.isSelected) {
      cls += ' active';

• Read up
  Read up