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

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

pages({
  camelName: 'staffMember',
  apiPrefix: '/api/staff-members/:location',
  appPrefix: '/staff-members/:location',
  pascalName: 'StaffMember',
  pascalPlural: 'StaffMembers',
  titleName: '{{ctrl.$routeParams.location == "all" ? "All" : ctrl.$routeParams.location}} Staff Member',
  titlePlural: '{{ctrl.$routeParams.location == "all" ? "All" : ctrl.$routeParams.location}} Staff Members',
  columns: [
    { camelName: 'name', row: 1 },
    { camelName: 'title', row: 2 },
    {
      titleName: 'Category',
      camelName: 'laborCategoryId',
      type: 'autocomplete',
      apiPrefix: '/api/labor-categories'
    },
    {
      titleName: 'Location',
      camelName: 'locationId',
      routeParam: 'location',
      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' ]
      ]
    }
  ]
})