admin-easy v1.0.4

admin-easy

Admin Easy

Install

npm install --save admin-easy

Usage

import React, { Component } from 'react'

import Grid from '@material-ui/core/Grid';

import {
  Admin,
  Resources,
  Resource,
  ResourceGroup,
  List,
  Table,
  TextField,
  DateField,
  EditButton,
  Create,
  TextInput,
  PasswordInput,
} from 'admin-easy'

import Axios from 'axios'

const dataProvider = Axios.create({
  baseURL: 'https://jsonplaceholder.typicode.com/'
});

const UserList = (props) => (
  <List {...props}>
    <Table paper>
      <TextField name="name" label="Name" />
      <TextField name="email" label="E-mail" />
      <DateField name="created_at" label="Created" />
      <EditButton />
    </Table>
  </List>
);

const UserCreate = (props) => (
  <Create {...props}>
    <Grid container spacing={3}>
      <Grid item xs={6}>
        <TextInput name="firstname" label="Firname" />
      </Grid>
      <Grid item xs={6}>
        <TextInput name="lastname" label="Lastname" />
      </Grid>
    </Grid>
    <EmailInput name="email" label="E-mail" />
    <Grid container spacing={3}>
      <Grid item xs={6}>
        <PasswordInput name="password" label="Password" />
      </Grid>
      <Grid item xs={6}>
        <PasswordInput name="confirm_password" label="Confirm Password" />
      </Grid>
    </Grid>
  </Create>
);

const App = () => {
  return (
    <Admin dataProvider={dataProvider}>
      <Resources>
        <ResourceGroup label="Menu">
          <Resource list={UserList} create={UserCreate} name="users" label="List Users" />
        </ResourceGroup>
      </Resources>
    </Admin>
  )
}

export default App

License

MIT © Cleomar Campos