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

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

pages({
  camelName: 'staffMember',
  columns: [
    { camelName: 'name', row: 1 },
    { camelName: 'title', row: 2 },
    {
      titleName: 'Category',
      camelName: 'laborCategoryId',
      type: 'autocomplete',
      apiPrefix: '/api/labor-categories'
    },
    {
      titleName: 'Location',
      camelName: 'locationId',
      type: 'autocomplete',
      apiPrefix: '/api/locations'
    },
    {
      titleName: 'Staffing Agency',
      camelName: 'staffingAgencyId',
      type: 'autocomplete',
      apiPrefix: '/api/staffing-agencies'
    },
    {
      inList: false,
      camelName: 'wage',
      type: 'currency'
    }
  ],
  layout: [
    {
      section: null,
      rows: [
        [ 'name', 'title', 'wage' ],
        [ 'locationId' ]
      ]
    },
    {
      section: 'Staffing information',
      rows: [
        [ 'laborCategoryId', 'staffingAgencyId' ]
      ]
    }
  ]
})