AdapTable Dashboard

import {
  AdaptableButton,
  AdaptableOptions,
  CustomRenderContext,
  CustomToolbarButtonContext,
  DashboardButtonContext,
} from '@adaptabletools/adaptable';
import {WebFramework} from './rowData';

export const adaptableOptions: AdaptableOptions<WebFramework> = {
  primaryKey: 'id',
  adaptableId: 'AdapTable Dashboard',
  dashboardOptions: {
    customDashboardButtons: [
      {
        label: (
          button: AdaptableButton<DashboardButtonContext>,
          context: DashboardButtonContext
        ) => {
          return context.adaptableApi.themeApi.getCurrentTheme() == 'light'
            ? 'Dark'
            : 'Light';
        },

        onClick: (
          button: AdaptableButton<DashboardButtonContext>,
          context: DashboardButtonContext
        ) => {
          context.adaptableApi.themeApi.getCurrentTheme() == 'light'
            ? context.adaptableApi.themeApi.loadDarkTheme()
            : context.adaptableApi.themeApi.loadLightTheme();
        },
        buttonStyle: {
          tone: 'accent',
          variant: 'raised',
        },
      },
    ],
    customToolbars: [
      {
        name: 'ButtonToolbar',
        title: 'Buttons',
        toolbarButtons: [
          {
            label: (
              button: AdaptableButton<CustomToolbarButtonContext>,
              context: CustomToolbarButtonContext
            ) => {
              return context.adaptableApi.themeApi.getCurrentTheme() == 'light'
                ? 'Switch to Dark Theme'
                : 'Switch to Light Theme';
            },

            onClick: (
              button: AdaptableButton<CustomToolbarButtonContext>,
              context: CustomToolbarButtonContext
            ) => {
              context.adaptableApi.themeApi.getCurrentTheme() == 'light'
                ? context.adaptableApi.themeApi.loadDarkTheme()
                : context.adaptableApi.themeApi.loadLightTheme();
            },
            buttonStyle: {
              tone: 'accent',
              variant: 'raised',
            },
          },
          {
            label: 'Show Current Time',
            onClick: (
              button: AdaptableButton<CustomToolbarButtonContext>,
              context: CustomToolbarButtonContext
            ) => {
              context.adaptableApi.alertApi.showAlertInfo(
                'Current Time',
                new Date().toTimeString()
              );
            },
            buttonStyle: {
              tone: 'info',
              variant: 'text',
            },
          },
        ],
      },
      {
        name: 'BespokeRenderingToolbar',
        title: 'Bespoke Rendering',
        render: (customRenderContext: CustomRenderContext) => {
          if (customRenderContext.phase === 'onMount') {
            return `
              <label>Number of agents: <input type="text" /></label>
            `;
          }
          return null;
        },
      },
    ],
  },
  initialState: {
    Dashboard: {
      Tabs: [
        {
          Name: 'Admin',
          Toolbars: ['Export', 'CellSummary', 'QuickSearch'],
        },
        {
          Name: 'Edit',
          Toolbars: ['SmartEdit', 'BulkUpdate', 'DataChangeHistory'],
        },
        {
          Name: 'Custom Tab',
          Toolbars: ['ButtonToolbar', 'BespokeRenderingToolbar'],
        },
      ],
      PinnedToolbars: ['GridFilter'],
      ModuleButtons: [
        'FormatColumn',
        'DataChangeHistory',
        'CalculatedColumn',
        'Shortcut',
        'SettingsPanel',
      ],
    },
    StatusBar: {
      StatusBars: [
        {
          Key: 'Center Panel',
          StatusBarPanels: [
            'Export',
            'CellSummary',
            'ColumnFilter',
            'SettingsPanel',
          ],
        },
      ],
    },
    Theme: {CurrentTheme: 'dark'},
    Layout: {
      CurrentLayout: 'Standard Layout',
      Layouts: [
        {
          TableColumns: [
            'name',
            'language',
            'github_stars',
            'license',
            'has_projects',
            'has_pages',
            'created_at',
            'has_wiki',
            'updated_at',
            'pushed_at',
            'github_watchers',
            'week_issue_change',
          ],
          Name: 'Standard Layout',
          AutoSizeColumns: true,
        },
      ],
    },
  },
};