Getting Started with React Admin Dashboard for ApiLogicServer

React based Web Admin Dashboard for APILogicServer.

Check out the live demo!

Installation

git clone https://github.com/thomaxxl/safrs-react-admin
cd safrs-react-admin
git clone https://github.com/thomaxxl/rav3-jsonapi-client # modified data provider used, installed in the project root
npm install
npm run build

Customization

SPA

Example with dataProvider:

src/components/Layout.tsx:Layout -> src/components/Spa.tsx:Spa

Custom Components

Configuration

In admin.yaml, for example:

User:
    show: UserShow
    list: UserList
    attributes:
        - name: username
          component: SampleColumnField

Attribute Components

Implementation: src/components/DynInstance.tsx -> get_Component() -> src/components/Custom.tsx

Show Mode: src/components/DynFields.tsx Edit Mode: src/components/DynInput.tsx

Parameters

• attribute
  • name, label, type, ... (from admin.yaml)
  • resource
• mode
  • list, show

type

Default type: string

SRA builtin types:

• number
• textarea
• json
• image

Custom Components

• SampleColumnField
• [UserPasswordField]

List Components

Example: TileList

Show Components