data-dashboard/src/web-app/+page/widgets/network-log/network-log.ts

A data-driven dashboard console for report widgets

// DataDashboard ~~ MIT License
// Widget controller

// Imports
import { fetchJson } from 'fetch-json';
import { DataTable } from 'simple-datatables';

// Modules
import { webAppNetwork, webAppTransformer } from '../../modules/util.js';
class DT extends DataTable {}
declare namespace simpleDatatables { class DataTable extends DT {} }  //eslint-disable-line @typescript-eslint/no-namespace

const webAppWidgetNetworkLog = {
   show(widgetElem: Element): void {
      const tableElem = <HTMLTableElement>widgetElem.querySelector('figure table');
      const options =   { perPageSelect: [10, 25, 50, 100] };
      const dataTable = new simpleDatatables.DataTable(tableElem, options);
      const headers =   fetchJson.getLogHeaders();
      const log =       webAppNetwork.getLog().reverse();
      const delColumn = <number>fetchJson.getLogHeaderIndexMap().domain;
      headers.splice(delColumn, 1);
      webAppTransformer.dataTablesNormalizer(log, headers.length, delColumn);
      dataTable.insert({ headings: headers, data: log });
      dna.dom.state(widgetElem).table = dataTable;
      },
   };

export { webAppWidgetNetworkLog };