material-framework/app/components/user-pages.js

const { pages } = require('../crud')

pages({
  titleName: 'User',
  titlePlural: 'Users',
  pascalName: 'User',
  pascalPlural: 'Users',
  camelName: 'user',
  camelPlural: 'users',
  snakeName: 'user',
  snakePlural: 'users',
  apiPrefix: '/api/users',
  columns: [
    {
      titleName: 'Name',
      camelName: 'name',
      header: html`<th md-column md-order-by="nameToLower"><span>Name</span></th>`,
      cell: html`<td md-cell>{{user.name}}</td>`
    },
    {
      titleName: 'Email',
      camelName: 'email',
      attrs: {
        autocomplete: 'off'
      }
    },
    {
      titleName: 'Password',
      camelName: 'password',
      type: 'password',
      inList: false,
      attrs: {
        autocomplete: 'new-password',
        name: 'new-password',
        readonly: 'true',
        onfocus: `this.removeAttribute('readonly')`
      }
    },
    {
      camelName: 'roles',
      type: 'multi-select',
      inList: false,
      apiPrefix: '/api/roles'
    }
  ]
})