Package Exports

react-admin-ui

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-admin-ui) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Installation

1. Routes

import React from 'react'
import {Route, IndexRoute} from 'react-router'
import {Layout, Create, Edit, List, Show} from 'react-admin-ui/pages' 
import Admin from './Admin.jsx'

export const routes = (
        <Route component={Admin}>
            <Route path='admin' component={Layout} name='React Admin'>
                <Route path=':name'>
                    <IndexRoute component={List}/>
                    <Route path='create' name='create' component={Create}/>
                    <Route path='edit/:id' name='edit' component={Edit}/>
                    <Route path='show/:id' component={Show}/>
                </Route>
            </Route>
        </Route>
)

2. Admin.jsx

import React from 'react'
import {setEntities, setPrefix, setFormFields} from 'react-admin-ui'
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider'
import {grey500, blueGrey800, grey700} from 'material-ui/styles/colors'
import getMuiTheme from 'material-ui/styles/getMuiTheme'
import 'react-admin-ui/assets/styles/style.sass'
import * as entities from '../../entities'
import * as material from 'redux-form-material-ui'

setPrefix('admin')
setEntities(entities)
setFormFields({
    material
})

export default class index extends React.Component {
    render() {
        return (
            <MuiThemeProvider muiTheme={getMuiTheme({
                palette: {
                    primary1Color: blueGrey800,
                    primary2Color: grey700,
                    primary3Color: grey500
                },
            }, {
                avatar: {
                    borderColor: null,
                }
            })}>
                {this.props.children}
            </MuiThemeProvider>
        )
    }
}

3. src/enities/index.js

It will be consist export of all entities in own project example:

export languages from './languages'

4. src/entities/languages.js

export default {
    name: 'languages',
    url: '/languages',
    actions: {
        list: {
            fields: [
                {name: 'name'}
            ]
        },
        show: {
            fields: [
                {name: 'name'}
            ]
        },
        create: {
            wrapper: 'languageForm',
            form: 'languages',
            fields: [
                {name: 'name', component: 'input'}
            ],
            url: ()=>'/languages'
        },
        edit: {
            wrapper: 'languageForm',
            form: 'languages',
            fields: [
                {name: 'name', component: 'input'}
            ],
            formFields: [
                {name: 'name'}
            ],
            url: ({id})=>`/languages/${id}`
        },
        del: {
            url: ({id})=>`/languages/${id}`

        }
    }
}

5. Snackbar reducer in src/reducers/index.js

//your some code
//...
export snackbar from 'react-admin-ui/reducers/snackbar'