noahspan-flying/app/src/components/logbook/columns.tsx

import {
  CellContext,
  ColumnDef,
  HeaderContext,
} from '@noahspan/noahspan-components';
import { ILogbookEntry } from './ILogbookEntry';

const columnTotal = (info: HeaderContext<ILogbookEntry, unknown>): number => {
  const values: number[] = info.table.getFilteredRowModel().rows.map((row: any) => Number(row.getValue(info.column.id))).filter((value: any) => !Number.isNaN(value));
  let total: number = 0;
  
  if (values.length > 0) {
    total = values.reduce((accumulator, currentValue) => accumulator + currentValue, total)
  }

  return total;
} 

const pilotName: ColumnDef<ILogbookEntry> = {
  id: 'pilotName',
  accessorKey: 'pilotName',
  header: 'Pilot',
  footer: 'PAGE TOTALS'
}
const date: ColumnDef<ILogbookEntry> = {
  id: 'date',
  accessorKey: 'date',
  header: 'Date'
}
const aircraftMakeModel: ColumnDef<ILogbookEntry> = {
  id: 'aircraftMakeModel',
  accessorKey: 'aircraftMakeModel',
  header: 'Aircraft Make & Model'
}
const route: ColumnDef<ILogbookEntry> = {
  id: 'route',
  header: 'Route of Flight',
  meta: {
    headerAlign: 'center'
  },
  columns: [
    {
      id: 'routeFrom',
      accessorKey: 'routeFrom',
      header: 'From'
    },
    {
      id: 'routeTo',
      accessorKey: 'routeTo',
      header: 'To'
    }
  ]
}
const durationOfFlight: ColumnDef<ILogbookEntry> = {
  id: 'durationOfFlight',
  accessorKey: 'durationOfFlight',
  header: 'Duration Of Flight',
  meta: {
    align: 'right',
    headerAlign: 'right'
  },
  cell: (info: CellContext<ILogbookEntry, unknown>) =>
    info.getValue() ? parseFloat(info.getValue()).toFixed(1) : '',
  footer: (info) => columnTotal(info) > 0 ? columnTotal(info).toFixed(1) : ''
}
const notes: ColumnDef<ILogbookEntry> = {
  id: 'notes',
  accessorKey: 'notes',
  header: 'Notes'
}

export const unauthColumns: ColumnDef<ILogbookEntry>[] = [
  pilotName,
  date,
  aircraftMakeModel,
  route,
  durationOfFlight,
  notes
]

export const authColumns: ColumnDef<ILogbookEntry>[] = [
  pilotName,
  date,
  aircraftMakeModel,
  {
    id: 'aircraftIdentity',
    accessorKey: 'aircraftIdentity',
    header: 'Aircraft Identity',
  },
  route,
  durationOfFlight,
  {
    id: 'singleEngineLand',
    accessorKey: 'singleEngineLand',
    header: 'Single Engine Land',
    meta: {
      align: 'right',
      headerAlign: 'right'
    },
    cell: (info: any) =>
      info.getValue() ? parseFloat(info.getValue()).toFixed(1) : '',
    footer: (info) => columnTotal(info) > 0 ? columnTotal(info).toFixed(1) : ''
  },
  {
    id: 'landings',
    header: 'Landings',
    meta: {
      headerAlign: 'center'
    },
    columns: [
      {
        id: 'landingsDay',
        accessorKey: 'landingsDay',
        header: 'Day',
        footer: (info) => columnTotal(info) > 0 ? columnTotal(info).toFixed(1) : '',
        meta: {
          align: 'right',
          headerAlign: 'right'
        }
      },
      {
        id: 'landingsNight',
        accessorKey: 'landingsNight',
        header: 'Night',
        footer: (info) => columnTotal(info) > 0 ? columnTotal(info).toFixed(1) : '',
        meta: {
          align: 'right',
          headerAlign: 'right'
        }
      }
    ]
  },
  {
    id: 'instrument',
    header: 'Instrument',
    meta: {
      headerAlign: 'center'
    },
    columns: [
      {
        id: 'instrumentActual',
        accessorKey: 'instrumentActual',
        header: 'Actual',
        footer: (info) => columnTotal(info) > 0 ? columnTotal(info).toFixed(1) : '',
        meta: {
          align: 'right',
          headerAlign: 'right'
        },
        cell: (info: any) =>
          info.getValue() ? parseFloat(info.getValue()).toFixed(1) : '',
      },
      {
        id: 'instrumentSimulated',
        accessorKey: 'instrumentSimulated',
        header: 'Simulated',
        footer: (info) => columnTotal(info) > 0 ? columnTotal(info).toFixed(1) : '',
        meta: {
          align: 'right',
          headerAlign: 'right'
        },
        cell: (info: any) =>
          info.getValue() ? parseFloat(info.getValue()).toFixed(1) : ''
      },
      {
        id: 'instrumentApproaches',
        accessorKey: 'instrumentApproaches',
        header: 'Approaches',
        footer: (info) => columnTotal(info) > 0 ? columnTotal(info).toFixed(1) : '',
        meta: {
          align: 'right',
          headerAlign: 'right'
        }
      },
      {
        id: 'instrumentHolds',
        accessorKey: 'instrumentHolds',
        header: 'Holds',
        footer: (info) => columnTotal(info) > 0 ? columnTotal(info).toFixed(1) : '',
        meta: {
          align: 'right',
          headerAlign: 'right'
        }
      },
      {
        id: 'instrumentNavTrack',
        accessorKey: 'instrumentNavTrack',
        header: 'Nav/Track',
        footer: (info) => columnTotal(info) > 0 ? columnTotal(info).toFixed(1) : '',
        meta: {
          align: 'right',
          headerAlign: 'right'
        }
      }
    ]
  },
  {
    id: 'experienceTraining',
    header: 'Type of pilot experience or training',
    meta: {
      headerAlign: 'center'
    },
    columns: [
      {
        id: 'groundTrainingReceived',
        accessorKey: 'groundTrainingReceived',
        header: 'Ground Training Received',
        footer: (info) => columnTotal(info) > 0 ? columnTotal(info).toFixed(1) : '',
        meta: {
          align: 'right',
          headerAlign: 'right'
        },
        cell: (info: any) =>
          info.getValue() ? parseFloat(info.getValue()).toFixed(1) : ''
      },
      {
        id: 'flightTrainingReceived',
        accessorKey: 'flightTrainingReceived',
        header: 'Flight Training Received',
        footer: (info) => columnTotal(info) > 0 ? columnTotal(info).toFixed(1) : '',
        meta: {
          align: 'right',
          headerAlign: 'right'
        },
        cell: (info: any) =>
          info.getValue() ? parseFloat(info.getValue()).toFixed(1) : ''
      },
      {
        id: 'crossCountry',
        accessorKey: 'crossCountry',
        header: 'Cross Country',
        footer: (info) => columnTotal(info) > 0 ? columnTotal(info).toFixed(1) : '',
        meta: {
          align: 'right',
          headerAlign: 'right'
        },
        cell: (info: any) =>
          info.getValue() ? parseFloat(info.getValue()).toFixed(1) : ''
      },
      {
        id: 'night',
        accessorKey: 'night',
        header: 'Night',
        footer: (info) => columnTotal(info) > 0 ? columnTotal(info).toFixed(1) : '',
        meta: {
          align: 'right',
          headerAlign: 'right'
        },
        cell: (info: any) =>
          info.getValue() ? parseFloat(info.getValue()).toFixed(1) : ''
      },
      {
        id: 'solo',
        accessorKey: 'solo',
        header: 'Solo',
        footer: (info) => columnTotal(info) > 0 ? columnTotal(info).toFixed(1) : '',
        meta: {
          align: 'right',
          headerAlign: 'right'
        },
        cell: (info: any) =>
          info.getValue() ? parseFloat(info.getValue()).toFixed(1) : ''
      },
      {
        id: 'pilotInCommand',
        accessorKey: 'pilotInCommand',
        header: 'Pilot In Command',
        footer: (info) => columnTotal(info) > 0 ? columnTotal(info).toFixed(1) : '',
        meta: {
          align: 'right',
          headerAlign: 'right'
        },
        cell: (info: any) =>
          info.getValue() ? parseFloat(info.getValue()).toFixed(1) : ''
      }
    ]
  },
  notes
]