special-dispatch-app/app/components/staff-member-pages.js

const { pages } = require('@alancnet/material-framework/app/crud')

pages({
  camelName: 'staffMember',
  apiPrefix: '/api/staff-members/:terminal',
  appPrefix: '/staff-members/:terminal',
  titles: {
    details: ctrl => ctrl.isNew
    ? `New ${ctrl.$routeParams.terminal == 'all' ? '' : ctrl.$routeParams.terminal} Staff Member`
    : `${ctrl.$routeParams.terminal == 'all' ? '' : ctrl.$routeParams.terminal} Staff Member Details`,
    list: ctrl => `${ctrl.$routeParams.terminal == 'all' ? 'All' : ctrl.$routeParams.terminal} Staff Members`
  },
  columns: [
    { camelName: 'name', row: 1 },
    { camelName: 'title', row: 2 },
    {
      titleName: 'Category',
      camelName: 'laborCategoryId',
      type: 'autocomplete',
      apiPrefix: '/api/labor-categories'
    },
    {
      titleName: 'terminal',
      camelName: 'terminalId',
      routeParam: 'terminal',
      type: 'autocomplete',
      apiPrefix: '/api/terminals'
    },
    {
      titleName: 'Staffing Agency',
      camelName: 'staffingAgencyId',
      type: 'autocomplete',
      apiPrefix: '/api/staffing-agencies'
    },
    {
      inList: false,
      camelName: 'wage',
      type: 'currency'
    },
    {
      inList: false,
      camelName: 'salary',
      type: 'currency'
    }
  ],
  layout: [
    {
      section: null,
      rows: [
        [ 'name', 'title', 'terminalId' ],
        [ 'wage', 'salary' ]
      ]
    },
    {
      section: 'Staffing information',
      rows: [
        [ 'laborCategoryId', 'staffingAgencyId' ]
      ]
    }
  ]
})