update code

src/app/RootRoutes.jsx

@@ -14,7 +14,7 @@ import  ProductRoutes from './views/product/ProductRouters'
 import TransactionRouters from './views/Transaction/TransactionRouters'
 import FeeRouters from './views/Fee/FeeRouters'
 import MerchantRoutes from './views/Merchant/MerchantRoutes'
-
+import GasStationRoutes from './views/GasStation/GasStationRoutes'
 const redirectRoute = [
     {
         path: '/',
@@ -30,6 +30,7 @@ const errorRoute = [
 ]
 
 const routes = [
+    ...GasStationRoutes,
     ...MerchantRoutes,
     ...FeeRouters,
     ...TransactionRouters,

src/app/apis/Functions/merchant.js

@@ -30,3 +30,33 @@ export const changeStatusMerchant = async (body) =>
     PostData(url.changeStatusMerchant, body)
         .then((res) => res)
         .catch((err) => null)
+
+//
+export const getListGasStation = async (body) =>
+    PostData(url.urlGetListGasStation, body)
+        .then((res) => res)
+        .catch((err) => null)
+
+export const createGasStation = async (body) =>
+    PostData(url.urlCreateGasStation, body)
+        .then((res) => res)
+        .catch((err) => null)
+
+export const updateGasStation = async (body) =>
+    PostData(url.urlUpdateGasStation, body)
+        .then((res) => res)
+        .catch((err) => null)
+
+export const detailGasStation = async (id, body) =>
+    GetURL(`${url.urlDetailGasStation}/${id}`, body)
+        .then((res) => res)
+        .catch((err) => null)
+
+export const deleteGasStation = async (body) =>
+    PostData(url.urlDeleteGasStation, body)
+        .then((res) => res)
+        .catch((err) => null)
+export const changeStatusGasStation = async (body) =>
+    PostData(url.changeStatusGasStation, body)
+        .then((res) => res)
+        .catch((err) => null)

src/app/apis/url.js

@@ -71,6 +71,15 @@ export default {
     urlDetailMerchant: `${root}/merchant`,
     changeStatusMerchant: `${root}/merchant/changeStatus`,
 
+    //Gas-Station
+
+    urlGetListGasStation: `${root}/merchantstore/list`,
+    urlCreateGasStation: `${root}/merchantstore/savedata`,
+    urlUpdateGasStation: `${root}/merchantstore/savedata`,
+    urlDeleteGasStation: `${root}/merchantstore/delete`,
+    urlDetailGasStation: `${root}/merchantstore`,
+    changeStatusGasStation: `${root}/merchantstore/changeStatus`,
+
     //Log
     logAuth: `${root}/logging/listLogin`,
     logApi: `${root}/logging/listCallApi`,

src/app/navigations.js

@@ -143,7 +143,7 @@ export const navigationsAdmin = [
 
     {
         name: 'Quản lý cây xăng',
-        path: '/gas-stations',
+        path: '/gas-station',
         icon: 'local_gas_station',
         id: 'GAS_STATION',
         hide: false,

src/app/views/GasStation/GasStationRoutes.js

+import React from 'react'
+
+const GasStationRoutes = [
+    {
+        path: '/gas-station/create',
+        component: React.lazy(() => import('./Create')),
+    },
+    {
+        path: '/gas-station/update',
+        component: React.lazy(() => import('./Update')),
+    },
+    {
+        path: '/gas-station',
+        component: React.lazy(() => import('./Index')),
+    },
+]
+
+export default GasStationRoutes

src/app/views/GasStation/Index.js

+import React, { useState, useEffect } from 'react'
+import ToolUserView from './View'
+import {
+    getListGasStation,
+    deleteGasStation,
+    changeStatusGasStation,
+} from 'app/apis/Functions/merchant'
+import { useHistory } from 'react-router-dom'
+import KEY from 'app/assets/Key'
+import { connect } from 'react-redux'
+import { showLoading, hideLoading } from 'app/redux/actions/loadingAction'
+import { toast } from 'react-toastify'
+import useDebounce from 'app/hooks/useDebounce'
+
+const ToolNotificate = (props) => {
+    const [txtSearch, setTxtSearch] = useState('')
+    const searchDebount = useDebounce(txtSearch, 1000)
+
+    const [activeSelected, setActiveSeleted] = useState(null)
+    const [changeActive, setChangeActive] = useState(1)
+
+    const [pageIndex, setPageIndex] = useState(0)
+    const [pageSize] = useState(10)
+    const [totalRecords, setTotalRecord] = useState(0)
+
+    const history = useHistory()
+
+    const [data, setData] = useState([])
+    const [permissions, setPermissions] = useState([])
+    //   useEffect(() => {
+    //     getListPermission();
+    //   }, []);
+    //   const getListPermission = () => {
+    //     let temp = localStorage.getItem(KEY.LISTPATH);
+    //     let listPath = JSON.parse(temp);
+    //     if (listPath) {
+    //       const newlist = listPath.map((e) => {
+    //         if (e.function_code) return e.function_code;
+    //         return e.action_code;
+    //       });
+    //       setPermissions(newlist);
+    //     }
+    //   };
+
+    const handeChangeActive = async (id, status_id) => {
+        props.showLoading()
+        const res = await changeStatusGasStation({ idGuid: id, status_id })
+        props.hideLoading()
+        if (res.data.code == 200) {
+            getData()
+            toast.success('Thay đổi trạng thái thành công!', {
+                theme: 'colored',
+            })
+        } else {
+            toast.error('Thay đổi trạng thái thất bại!', {
+                theme: 'colored',
+            })
+        }
+    }
+
+    const getData = async () => {
+        props.showLoading()
+        const res = await getListGasStation({
+            name: searchDebount,
+            page_no: pageIndex + 1,
+            page_size: pageSize,
+        })
+
+        props.hideLoading()
+
+        if (res.data.code == 200 && res.data.data) {
+            console.log(res.data)
+            const newList = res.data.data.data.map((e, i) => {
+                return { ...e, index: i + 1 + pageIndex * pageSize }
+            })
+
+            setData(newList)
+            setTotalRecord(res.data.data.total_elements)
+        } else if (res.data.code == 401) {
+            localStorage.removeItem(KEY.API_TOKEN)
+            setTimeout(() => {
+                history.push('/')
+            }, 100)
+        } else {
+            // enqueueSnackbar('Error!', { variant: 'error' })
+        }
+    }
+
+    useEffect(() => {
+        getData()
+    }, [searchDebount, pageIndex])
+
+    const removeItem = async (id) => {
+        props.showLoading()
+        const res = await deleteGasStation({ id })
+        props.hideLoading()
+        if (res.data.code == 200) {
+            getData()
+            toast.success('Xoá bản ghi thành công!', {
+                theme: 'colored',
+            })
+        } else if (res.data.code == 401) {
+            localStorage.removeItem(KEY.API_TOKEN)
+            setTimeout(() => {
+                history.push('/')
+            }, 100)
+        } else {
+            toast.error('Xoá bản ghi thất bại!', {
+                theme: 'colored',
+            })
+        }
+    }
+
+    return (
+        <ToolUserView
+            data={data}
+            removeItem={removeItem}
+            setTxtSearch={setTxtSearch}
+            setActiveSeleted={setActiveSeleted}
+            pageIndex={pageIndex}
+            changeActive={changeActive}
+            setChangeActive={setChangeActive}
+            setPageIndex={setPageIndex}
+            activeSelected={activeSelected}
+            handeChangeActive={handeChangeActive}
+            totalRecords={totalRecords}
+            permissions={permissions}
+        />
+    )
+}
+
+const mapStateToProps = (state) => {
+    return {}
+}
+export default connect(mapStateToProps, { showLoading, hideLoading })(
+    ToolNotificate
+)

src/app/views/GasStation/Update.js

+import React, { useState, useEffect } from 'react'
+import { ValidatorForm, TextValidator } from 'react-material-ui-form-validator'
+import { Button, Grid } from '@material-ui/core'
+
+import { detailFunction, updateFunction } from 'app/apis/Functions/function'
+import { showLoading, hideLoading } from 'app/redux/actions/loadingAction'
+import { toast } from 'react-toastify'
+import { Breadcrumb, SimpleCard } from 'app/components'
+import { Link, useHistory, useLocation } from 'react-router-dom'
+import { trimObject } from 'app/config/Function'
+import { connect } from 'react-redux'
+import localStorageService from 'app/services/localStorageService'
+
+const SimpleForm = (props) => {
+    const [state, setState] = useState({})
+    const history = useHistory()
+    const location = useLocation()
+    useEffect(() => {
+        getData()
+    }, [])
+
+    const getData = async () => {
+        props.showLoading()
+        const res = await detailFunction(location.state, {})
+        props.hideLoading()
+        if (res.data.code == 200 && res.data.data) {
+            setState(res.data.data)
+        } else if (res.data.code == 401) {
+            localStorageService.removeToken()
+            setTimeout(() => {
+                history.push('/')
+            }, 100)
+        } else {
+            toast.error('Lấy thông tin bản ghi thất bại!', {
+                theme: 'colored',
+            })
+        }
+    }
+
+    const handleSubmit = async (event) => {
+        const newValue = trimObject(state)
+        props.showLoading()
+        const res = await updateFunction({
+            ...newValue,
+            status: 1,
+            is_default: true,
+        })
+        props.hideLoading()
+        if (res.data.code == 200) {
+            history.push('/gas-station')
+            if (res.data.code == 200) {
+                toast.success('Cập nhật hành động thành công!', {
+                    theme: 'colored',
+                })
+            }
+        } else {
+            toast.error('Cập nhật hành động thất bại!', {
+                theme: 'colored',
+            })
+        }
+    }
+
+    const handleChange = (event) => {
+        event.persist()
+        setState({
+            ...state,
+            [event.target.name]: event.target.value,
+        })
+    }
+
+    const handleDateChange = (date) => {
+        setState({ ...state, date })
+    }
+
+    const { description, name, code, url } = state
+
+    return (
+        <div className="m-sm-30">
+            <div className="mb-sm-30">
+                <div className="mb-sm-30">
+                    <Breadcrumb
+                        routeSegments={[
+                            {
+                                name: 'Danh sách cây xăng',
+                                path: '/gas-station',
+                            },
+                            { name: 'Cập nhật cây xăng' },
+                        ]}
+                    />
+                </div>
+                <SimpleCard>
+                    <ValidatorForm onSubmit={handleSubmit} onError={() => null}>
+                        <Grid container spacing={3}>
+                            <Grid item lg={6} md={6} sm={12} xs={12}>
+                                <TextValidator
+                                    variant="outlined"
+                                    className="mb-4 w-full"
+                                    label="Tên cây xăng *"
+                                    onChange={handleChange}
+                                    type="text"
+                                    name="name"
+                                    value={name || ''}
+                                    validators={['required']}
+                                    errorMessages={[
+                                        'Không được để trống trường này',
+                                    ]}
+                                />
+                            </Grid>
+                            <Grid item lg={6} md={6} sm={12} xs={12}>
+                                <TextValidator
+                                    variant="outlined"
+                                    className="mb-4 w-full"
+                                    label="Mã code *"
+                                    onChange={handleChange}
+                                    type="text"
+                                    name="code"
+                                    value={code || ''}
+                                    validators={['required']}
+                                    errorMessages={[
+                                        'Không được để trống trường này',
+                                    ]}
+                                />
+                            </Grid>
+
+                            <Grid item lg={6} md={6} sm={12} xs={12}>
+                                <TextValidator
+                                    variant="outlined"
+                                    className="mb-4 w-full"
+                                    label="Đường dẫn *"
+                                    onChange={handleChange}
+                                    type="text"
+                                    name="url"
+                                    value={url || ''}
+                                    validators={['required']}
+                                    errorMessages={[
+                                        'Không được để trống trường này',
+                                    ]}
+                                />
+                            </Grid>
+                            <Grid item lg={6} md={6} sm={12} xs={12}>
+                                <TextValidator
+                                    variant="outlined"
+                                    className="mb-4 w-full"
+                                    label="Mô tả "
+                                    onChange={handleChange}
+                                    type="text"
+                                    name="description"
+                                    value={description || ''}
+                                    //validators={['required']}
+                                    errorMessages={[
+                                        'Không được để trống trường này',
+                                    ]}
+                                />
+                            </Grid>
+                        </Grid>
+                        <Grid container justify={'flex-end'}>
+                            <Link to="gas-station">
+                                <Button
+                                    style={{
+                                        marginRight: 20,
+                                    }}
+                                    color="inherit"
+                                    variant="contained"
+                                    onClick={() => {}}
+                                >
+                                    <span className="capitalize">Quay lại</span>
+                                </Button>
+                            </Link>
+                            <Button
+                                color="primary"
+                                variant="contained"
+                                type="submit"
+                            >
+                                <span className="capitalize">Cập nhật</span>
+                            </Button>
+                        </Grid>
+                    </ValidatorForm>
+                </SimpleCard>
+            </div>
+        </div>
+    )
+}
+
+const mapStateToProps = (state) => {
+    return {}
+}
+export default connect(mapStateToProps, { showLoading, hideLoading })(
+    SimpleForm
+)

src/app/views/GasStation/View.js

+import React, { Fragment, useState, useEffect } from 'react'
+import {
+    TextField,
+    Icon,
+    Button,
+    StepLabel,
+    Step,
+    Stepper,
+    Grid,
+    FormControl,
+    InputLabel,
+    Select,
+    MenuItem,
+} from '@material-ui/core'
+import Table from './Table'
+import { Breadcrumb } from 'app/components'
+import { Link } from 'react-router-dom'
+import { Autocomplete, createFilterOptions } from '@material-ui/lab'
+import useAuth from 'app/hooks/useAuth'
+import { checkRole } from 'app/config/Function'
+function CustomerView(props) {
+    const {
+        data,
+        updateItem,
+        removeItem,
+        setTxtSearch,
+        changeActive,
+        setChangeActive,
+        handeChangeActive,
+        setPageIndex,
+        pageIndex,
+        totalRecords,
+        permissions,
+    } = props
+    const [age, setAge] = React.useState('')
+    const { user } = useAuth()
+    const handleChange = (event) => {
+        setAge(event.target.value)
+    }
+
+    return (
+        <Fragment>
+            <div className="m-sm-30">
+                <div className="mb-sm-30">
+                    <Breadcrumb
+                        routeSegments={[
+                            {
+                                name: 'Danh sách cây xăng',
+                                path: '/gas-station',
+                            },
+                        ]}
+                    />
+                </div>
+
+                <Grid
+                    style={{
+                        padding: 10,
+                        marginBottom: 20,
+                    }}
+                    justify={'space-between'}
+                    alignItems={'center'}
+                    container
+                    spacing={3}
+                >
+                    <Grid item lg={3} md={3} sm={6} xs={6}>
+                        <TextField
+                            variant="outlined"
+                            className="w-full"
+                            label="Tên cây xăng"
+                            onChange={(e) => {
+                                const text = e.target.value
+                                setTimeout(() => {
+                                    setTxtSearch(text)
+                                }, 1000)
+                            }}
+                        />
+                    </Grid>
+                    {checkRole(user, '/gas-station/create') ? (
+                        <Link to="/gas-station/create">
+                            <Button
+                                variant="contained"
+                                className={'bg-light-primary'}
+                            >
+                                <span className={'text-primary'}>Thêm mới</span>
+                            </Button>
+                        </Link>
+                    ) : null}
+                </Grid>
+
+                <Table
+                    data={data}
+                    changeActive={changeActive}
+                    setChangeActive={setChangeActive}
+                    handeChangeActive={handeChangeActive}
+                    updateItem={updateItem}
+                    removeItem={removeItem}
+                    pageIndex={pageIndex}
+                    setPageIndex={setPageIndex}
+                    totalRecords={totalRecords}
+                    permissions={permissions}
+                />
+            </div>
+        </Fragment>
+    )
+}
+
+export default CustomerView