@tuoitre/form-builder NPM

@tuoitre/form-builder

Install

npm install @tuoitre/form-builder

yarn add @tuoitre/form-builder

Usage

Download the .lang file here and put it in /public/assets/lang/vi-VN.lang

import React from 'react'

import { DocumentType, FormBuilder } from '@tuoitre/form-builder'
import '@tuoitre/flowchart-builder/dist/index.css'

const ExampleFormBuilder = () => {
    let permissions = [];
    let url = {
        getListTypes: 'https://document.tuoitre.vn/api/document-type/get-document-types',
        getDocumentTemplate: 'https://document.tuoitre.vn/api/document-template/get',
        saveDocumentTemplate: 'https://document.tuoitre.vn/api/document-template/store'
    };
    //current user login
    let user = {
        id: 15,
        name: 'Giang'
    };
    return (
      <div>
          <FormBuilder urls={url}
                       user={user}
           permisisons={permissions}
          />
      </div>
    )
}

const ExampleDocumentType = () => {
    let permissions = [];
    
    //current user login
    let user = {
        id: 15,
        name: 'Giang'
    };
    
    let url = {
        getListTypes: 'https://document.tuoitre.vn/api/document-type/get-document-types',
        saveType: 'https://document.tuoitre.vn/api/document-type/store',
        updateType: 'https://document.tuoitre.vn/api/document-type/update',
        deleteType: 'https://document.tuoitre.vn/api/document-type/delete'
    };
    return (
      <div>
          <DocumentType urls={url}
                        user={user}
                        permisisons={permissions}
          />
      </div>
    )

}