PPOB/ppob-frontend
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Perbaikan Project PPOB

Browse Source
This commit is contained in:
ajat91.sudrajat 2021-12-27 15:55:34 +07:00
parent 668c64f193
commit 8a2bde5ba8
21 changed files with 482 additions and 322 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/component/PartnerComponent.js
View File

@ -65,6 +65,7 @@ export const PartnerComponent = observer((props) => {
setIsChangePassword(true); setIsChangePassword(true);
store.partner.visibleModalPartner = true; store.partner.visibleModalPartner = true;
setIdData(data.id); setIdData(data.id);
console.log(data.id);
}; };
const columns = [ const columns = [
@ -161,20 +162,22 @@ export const PartnerComponent = observer((props) => {
if (idData !== "") { if (idData !== "") {
modalLoader.setLoading(true); modalLoader.setLoading(true);
try { try {
await store.partner.update(idData, data); isChangePassword
? await store.partner.updatePassword(idData, data)
: await store.partner.update(idData, data);
modalLoader.setLoading(false); modalLoader.setLoading(false);
message.success( message.success(
isChangePassword isChangePassword
? "Failed Change Partner Password" ? "Success Change Password"
: "Success Update Data Partner" : "Success Update Data Partner"
); );
//await store.partner.getData() //await store.partner.getData()
} catch (e) { } catch (e) {
modalLoader.setLoading(true); modalLoader.setLoading(false);
message.error( message.error(
isChangePassword isChangePassword
? "Failed Change Partner Password" ? "Failed Change Password"
: "Failed Update Data Partner" : "Failed Update Data Partner"
); );
} }
@ -280,7 +283,9 @@ export const PartnerComponent = observer((props) => {
> >
{item?.status === true ? "Inactive" : "Active"} {item?.status === true ? "Inactive" : "Active"}
</Button> </Button>
<Button onClick={(owner,name) => handleEditButton(item)}> <Button
onClick={(owner, name) => handleEditButton(item)}
>
Edit Edit
</Button> </Button>
{/* <Button onClick={() => handleDelete(record.id)}>Delete</Button> */} {/* <Button onClick={() => handleDelete(record.id)}>Delete</Button> */}
@ -358,17 +363,17 @@ export const PartnerComponent = observer((props) => {
</Form.Item> </Form.Item>
)} )}
{!idData && ( {!idData && (
<Form.Item <Form.Item
name="code" name="code"
label="Kode" label="Kode"
rules={[ rules={[
idData idData
? { required: false } ? { required: false }
: { required: true, message: "Please input code partner!" }, : { required: true, message: "Please input code partner!" },
]} ]}
> >
<Input /> <Input />
</Form.Item> </Form.Item>
)} )}
{!idData && ( {!idData && (
<Form.Item <Form.Item

38
src/component/ProductComponent.js
View File

@ -1,4 +1,4 @@
import React, {useContext, useState} from "react"; import React, { useContext, useState } from "react";
import { import {
Button, Button,
Col, Col,
@ -15,19 +15,19 @@ import {
Tag, Tag,
Typography, Typography,
} from "antd"; } from "antd";
import {observer} from "mobx-react-lite"; import { observer } from "mobx-react-lite";
import {ExclamationCircleOutlined} from "@ant-design/icons"; import { ExclamationCircleOutlined } from "@ant-design/icons";
import {useHistory} from "react-router-dom"; import { useHistory } from "react-router-dom";
import {useStore} from "../utils/useStore"; import { useStore } from "../utils/useStore";
import {LINKS} from "../routes/app"; import { LINKS } from "../routes/app";
import {ModalLoaderContext} from "../utils/modal"; import { ModalLoaderContext } from "../utils/modal";
const {Title, Text} = Typography; const { Title, Text } = Typography;
export const ProductComponent = observer((props) => { export const ProductComponent = observer((props) => {
const store = useStore(); const store = useStore();
const [form] = Form.useForm(); const [form] = Form.useForm();
const {Option} = Select; const { Option } = Select;
const history = useHistory(); const history = useHistory();
const [idData, setIdData] = useState(""); const [idData, setIdData] = useState("");
const [filterSupplier, setFilterSupplier] = useState([]); const [filterSupplier, setFilterSupplier] = useState([]);
@ -107,12 +107,14 @@ export const ProductComponent = observer((props) => {
key: "action", key: "action",
render: (text, record) => ( render: (text, record) => (
<Button <Button
onClick={async () => { onClick={async () => {
history.push(LINKS.PRODUCT_DETAIL.replace(":id", record.product_id)); history.push(
}} LINKS.PRODUCT_DETAIL.replace(":id", record.product_id)
> );
Detail }}
</Button> >
Detail
</Button>
), ),
}, },
]; ];
@ -258,7 +260,11 @@ export const ProductComponent = observer((props) => {
width: store.ui.mediaQuery.isMobile ? 250 : "", width: store.ui.mediaQuery.isMobile ? 250 : "",
}} }}
columns={columns} columns={columns}
dataSource={store.product.data} dataSource={
store.authentication.userData.role === "Admin Partner"
? store.product.dataProductPartner
: store.product.data
}
bordered bordered
pagination={{ pagination={{
pageSize: store.product.pageSize, pageSize: store.product.pageSize,

8
src/component/SupplierComponent.js
View File

@ -192,14 +192,18 @@ export const SupplierComponent = observer((props) => {
try { try {
modalLoader.setLoading(true); modalLoader.setLoading(true);
const response = await store.supplier.create(data); const response = await store.supplier.create(data);
response?.body?.statusCode === 201 || response?.body?.statusCode === 200 console.log(response)
response?.body?.statusCode === 201 && response?.body?.statusCode === 200
? message.success( ? message.success(
response?.body?.message || "Berhasil Tambah Supplier Baru" response?.body?.message || "Berhasil Tambah Supplier Baru"
) )
: message.error( : message.error(
response?.body?.statusCode === 406 response?.body?.error
? response?.body?.error || "Supplier Sudah Ada" ? response?.body?.error || "Supplier Sudah Ada"
: response?.body?.message || "Gagal Tambah Supplier Baru" : response?.body?.message || "Gagal Tambah Supplier Baru"
// response?.body?.statusCode === 406
// ? response?.body?.error || "Supplier Sudah Ada"
// : response?.body?.message || "Gagal Tambah Supplier Baru"
//response?.body?.message || "Gagal Tambah Supplier Baru" //response?.body?.message || "Gagal Tambah Supplier Baru"
); );
} catch (e) { } catch (e) {

4
src/config/app.js
View File

@ -1,6 +1,6 @@
export const appConfig = { export const appConfig = {
// apiUrl: 'https://ppob-backend.k3s.bangun-kreatif.com/v1' apiUrl: 'https://ppob-backend.k3s.bangun-kreatif.com/v1'
apiUrl: 'http://localhost:3222/v1' //apiUrl: 'http://localhost:3222/v1'
// apiUrl: 'http://localhost:3222/v1' // apiUrl: 'http://localhost:3222/v1'
}; };

363
src/pages/App/DesktopLayout.js
View File

@ -1,65 +1,65 @@
import React, {useState} from "react"; import React, { useState } from "react";
import {Button, Drawer, Layout, Menu, Popover, Typography} from "antd"; import { Button, Drawer, Layout, Menu, Popover, Typography } from "antd";
import {MenuList} from "./MenuList"; import { MenuList } from "./MenuList";
import {Link, useHistory} from "react-router-dom"; import { Link, useHistory } from "react-router-dom";
import { import {
AlipayOutlined, AlipayOutlined,
DatabaseOutlined, DatabaseOutlined,
FileAddOutlined, FileAddOutlined,
FileProtectOutlined, FileProtectOutlined,
FileSyncOutlined, FileSyncOutlined,
HomeOutlined, HomeOutlined,
LogoutOutlined, LogoutOutlined,
MenuOutlined, MenuOutlined,
PayCircleOutlined, PayCircleOutlined,
ProfileOutlined, ProfileOutlined,
ShoppingCartOutlined, ShoppingCartOutlined,
UserOutlined UserOutlined,
} from "@ant-design/icons"; } from "@ant-design/icons";
import {AppRoute, LINKS} from "../../routes/app"; import { AppRoute, LINKS } from "../../routes/app";
import {useStore} from "../../utils/useStore"; import { useStore } from "../../utils/useStore";
import {observer} from "mobx-react-lite"; import { observer } from "mobx-react-lite";
import {useMediaQuery} from "react-responsive"; import { useMediaQuery } from "react-responsive";
const {Text, Paragraph} = Typography; const { Text, Paragraph } = Typography;
const {Header, Content, Sider} = Layout; const { Header, Content, Sider } = Layout;
const {SubMenu} = Menu; const { SubMenu } = Menu;
export const DesktopLayout = observer(() => { export const DesktopLayout = observer(() => {
let history = useHistory(); let history = useHistory();
const xl = useMediaQuery({minWidth: 1024}); const xl = useMediaQuery({ minWidth: 1024 });
const store = useStore(); const store = useStore();
const [clicked, setClicked] = useState(false); const [clicked, setClicked] = useState(false);
return ( return (
<Layout <Layout
theme={"light"} theme={"light"}
className={"transparent"} className={"transparent"}
hasSider={store.ui.mediaQuery.isDesktop} hasSider={store.ui.mediaQuery.isDesktop}
style={{ style={{
paddingLeft: xl ? "calc(70vw - 1024px)" : "0", paddingLeft: xl ? "calc(70vw - 1024px)" : "0",
display: "flex", display: "flex",
// minWidth: 1024, // minWidth: 1024,
width: "100%", width: "100%",
height: "100%", height: "100%",
position: "relative", position: "relative",
}} }}
>
{store.ui.mediaQuery.isDesktop && (
<Sider
className={"transparent"}
width={240}
style={{
overflowX: "hidden",
bottom: 0,
justifyContent: "flex-start",
paddingTop: 20,
paddingLeft: 20,
position: "fixed",
top: 0,
zIndex: 10,
}}
> >
{store.ui.mediaQuery.isDesktop && (
<Sider
className={"transparent"}
width={240}
style={{
overflowX: "hidden",
bottom: 0,
justifyContent: "flex-start",
paddingTop: 20,
paddingLeft: 20,
position: "fixed",
top: 0,
zIndex: 10,
}}
>
<div <div
style={{ style={{
paddingLeft: 20, paddingLeft: 20,
@ -118,20 +118,23 @@ export const DesktopLayout = observer(() => {
}} }}
> >
<Menu> <Menu>
<Menu.Item key="home"> {store.authentication.userData.role !== "Admin Partner" && (
<Link to={LINKS.HOME}> <Menu.Item key="home">
<HomeOutlined/> <Link to={LINKS.HOME}>
<HomeOutlined />
<span>Beranda</span> <span>Beranda</span>
</Link>
</Menu.Item>
{store.authentication.userData.role !== "Retail" && (
<Menu.Item key="membership">
<Link to={LINKS.MEMBERSHIP}>
<FileProtectOutlined/>
<span>Keanggotaan</span>
</Link> </Link>
</Menu.Item> </Menu.Item>
)} )}
{store.authentication.userData.role !== "Retail" ||
(store.authentication.userData.role !== "Admin Partner" && (
<Menu.Item key="membership">
<Link to={LINKS.MEMBERSHIP}>
<FileProtectOutlined />
<span>Keanggotaan</span>
</Link>
</Menu.Item>
))}
{store.authentication.userData.role === "Admin" && ( {store.authentication.userData.role === "Admin" && (
<SubMenu <SubMenu
key="config" key="config"
@ -141,14 +144,14 @@ export const DesktopLayout = observer(() => {
> >
<Menu.Item key="partner"> <Menu.Item key="partner">
<Link to={LINKS.PARTNER}> <Link to={LINKS.PARTNER}>
<HomeOutlined/> <HomeOutlined />
<span>Rekanan</span> <span>Rekanan</span>
</Link> </Link>
</Menu.Item> </Menu.Item>
<Menu.Item key="commision"> <Menu.Item key="commision">
<Link to={LINKS.COMMISSION}> <Link to={LINKS.COMMISSION}>
<HomeOutlined/> <HomeOutlined />
<span>Komisi</span> <span>Komisi</span>
</Link> </Link>
</Menu.Item> </Menu.Item>
<Menu.Item key="supplier"> <Menu.Item key="supplier">
@ -167,23 +170,23 @@ export const DesktopLayout = observer(() => {
> >
<Menu.Item key="product"> <Menu.Item key="product">
<Link to={LINKS.PRODUCT}> <Link to={LINKS.PRODUCT}>
<DatabaseOutlined/> <DatabaseOutlined />
<span>Produk</span> <span>Produk</span>
</Link> </Link>
</Menu.Item> </Menu.Item>
{store.authentication.userData.role === "Admin" && ( {store.authentication.userData.role === "Admin" && (
<Menu.Item key="category"> <Menu.Item key="category">
<Link to={LINKS.CATEGORY}> <Link to={LINKS.CATEGORY}>
<FileAddOutlined/> <FileAddOutlined />
<span>Kategori</span> <span>Kategori</span>
</Link> </Link>
</Menu.Item> </Menu.Item>
)} )}
{store.authentication.userData.role === "Admin" && ( {store.authentication.userData.role === "Admin" && (
<Menu.Item key="sub-category"> <Menu.Item key="sub-category">
<Link to={LINKS.SUBCATEGORY}> <Link to={LINKS.SUBCATEGORY}>
<FileSyncOutlined/> <FileSyncOutlined />
<span>Sub Kategori</span> <span>Sub Kategori</span>
</Link> </Link>
</Menu.Item> </Menu.Item>
)} )}
@ -192,46 +195,49 @@ export const DesktopLayout = observer(() => {
{store.authentication.userData.role !== "Admin" && ( {store.authentication.userData.role !== "Admin" && (
<Menu.Item key="product"> <Menu.Item key="product">
<Link to={LINKS.PRODUCT}> <Link to={LINKS.PRODUCT}>
<DatabaseOutlined/> <DatabaseOutlined />
<span>Produk</span> <span>Produk</span>
</Link> </Link>
</Menu.Item> </Menu.Item>
)} )}
{store.authentication.userData.role === "Retail" && ( {store.authentication.userData.role === "Retail" ||
<Menu.Item key="transaction"> (store.authentication.userData.role === "Admin Partner" && (
<Link to={LINKS.TRANSACTION}> <Menu.Item key="transaction">
<ShoppingCartOutlined/> <Link to={LINKS.TRANSACTION}>
<ShoppingCartOutlined />
<span>Transaksi</span> <span>Transaksi</span>
</Link>
</Menu.Item>
)}
<SubMenu
key="payback-main"
icon={<ProfileOutlined/>}
title="Pembayaran"
>
{store.authentication.userData.role !== "Retail" && (
<Menu.Item key="payback-to-user">
<Link to={LINKS.PAYBACK}>
<PayCircleOutlined/>
<span>Konfirmasi</span>
</Link>
</Menu.Item>
)}
{store.authentication.userData.role !== "Admin" && (
<Menu.Item key="payback-from-user">
<Link to={LINKS.PAYBACK_CREATED}>
<AlipayOutlined/>
<span>Dibuat oleh Saya</span>
</Link> </Link>
</Menu.Item> </Menu.Item>
)} ))}
</SubMenu> {store.authentication.userData.role !== "Admin Partner" && (
<SubMenu
key="payback-main"
icon={<ProfileOutlined />}
title="Pembayaran"
>
{store.authentication.userData.role !== "Retail" && (
<Menu.Item key="payback-to-user">
<Link to={LINKS.PAYBACK}>
<PayCircleOutlined />
<span>Konfirmasi</span>
</Link>
</Menu.Item>
)}
{store.authentication.userData.role !== "Admin" && (
<Menu.Item key="payback-from-user">
<Link to={LINKS.PAYBACK_CREATED}>
<AlipayOutlined />
<span>Dibuat oleh Saya</span>
</Link>
</Menu.Item>
)}
</SubMenu>
)}
{store.authentication.userData.role !== "Admin" && ( {store.authentication.userData.role !== "Admin" && (
<Menu.Item key="profile"> <Menu.Item key="profile">
<Link to={LINKS.PROFILE}> <Link to={LINKS.PROFILE}>
<UserOutlined/> <UserOutlined />
<span>Profil</span> <span>Profil</span>
</Link> </Link>
</Menu.Item> </Menu.Item>
)} )}
@ -354,45 +360,46 @@ export const DesktopLayout = observer(() => {
autoAdjustOverflow={true} autoAdjustOverflow={true}
placement="bottomRight" placement="bottomRight"
content={ content={
<Menu <Menu
type={"line"} type={"line"}
inlineIndent={0} inlineIndent={0}
theme="light" theme="light"
style={{ style={{
backgroundColor: "transparent", backgroundColor: "transparent",
borderRightWidth: 0, borderRightWidth: 0,
}} }}
mode="inline" mode="inline"
>
{store.authentication.userData.role !== "Admin" && (
<Menu.Item>
<Link to={LINKS.PROFILE}>
<UserOutlined />
<span>Profile</span>
</Link>
</Menu.Item>
)}
<Menu.Item
onClick={() => {
store.authentication.logout();
history.push("/login");
}}
> >
{store.authentication.userData.role !== "Admin" && <Menu.Item> <LogoutOutlined />
<Link to={LINKS.PROFILE}> <span>Sign out</span>
<UserOutlined/> </Menu.Item>
<span>Profile</span> </Menu>
</Link>
</Menu.Item>
}
<Menu.Item
onClick={() => {
store.authentication.logout();
history.push("/login");
}}
>
<LogoutOutlined/>
<span>Sign out</span>
</Menu.Item>
</Menu>
} }
title={ title={
<Text> <Text>
{store.user.data.username} {store.user.data.username}
<Paragraph <Paragraph
style={{fontWeight: 400, marginTop: '0.5rem'}} style={{ fontWeight: 400, marginTop: "0.5rem" }}
type={"secondary-dark"} type={"secondary-dark"}
strong strong
> >
{store.authentication.userData.username} {store.authentication.userData.username}
</Paragraph> </Paragraph>
</Text> </Text>
} }
trigger="click" trigger="click"
visible={clicked} visible={clicked}
@ -455,45 +462,45 @@ export const DesktopLayout = observer(() => {
autoAdjustOverflow={true} autoAdjustOverflow={true}
placement="bottomRight" placement="bottomRight"
content={ content={
<Menu <Menu
type={"line"} type={"line"}
inlineIndent={0} inlineIndent={0}
theme="light" theme="light"
style={{ style={{
backgroundColor: "transparent", backgroundColor: "transparent",
borderRightWidth: 0, borderRightWidth: 0,
}} }}
mode="inline" mode="inline"
>
{store.authentication.userData.role !== "Admin" && (
<Menu.Item key="profile">
<Link to={LINKS.PROFILE}>
<UserOutlined />
<span>Profile</span>
</Link>
</Menu.Item>
)}
<Menu.Item
key={"logout"}
onClick={() => {
store.authentication.logout();
history.push("/login");
}}
> >
{store.authentication.userData.role !== "Admin" && ( <LogoutOutlined />
<Menu.Item key="profile"> <span>Sign out</span>
<Link to={LINKS.PROFILE}> </Menu.Item>
<UserOutlined/> </Menu>
<span>Profile</span>
</Link>
</Menu.Item>
)}
<Menu.Item
key={"logout"}
onClick={() => {
store.authentication.logout();
history.push("/login");
}}
>
<LogoutOutlined/>
<span>Sign out</span>
</Menu.Item>
</Menu>
} }
title={ title={
<Text> <Text>
<Paragraph <Paragraph
style={{fontWeight: 400, marginTop: '0.5rem'}} style={{ fontWeight: 400, marginTop: "0.5rem" }}
type={"secondary-dark"} type={"secondary-dark"}
strong strong
> >
{store.authentication.userData.username} {store.authentication.userData.username}
</Paragraph> </Paragraph>
</Text> </Text>
} }
trigger="click" trigger="click"

136
src/pages/App/MenuList.js
View File

@ -1,34 +1,33 @@
import React, {useEffect, useState} from "react"; import React, { useEffect, useState } from "react";
import {Menu} from "antd"; import { Menu } from "antd";
import {Link} from "react-router-dom"; import { Link } from "react-router-dom";
import { import {
AppstoreOutlined, AppstoreOutlined,
DatabaseOutlined, DatabaseOutlined,
FileAddOutlined, FileAddOutlined,
FileProtectOutlined, FileProtectOutlined,
FileSyncOutlined, FileSyncOutlined,
HomeOutlined, HomeOutlined,
MenuUnfoldOutlined, MenuUnfoldOutlined,
MoneyCollectOutlined, MoneyCollectOutlined,
ProfileOutlined, ProfileOutlined,
ProjectOutlined, ProjectOutlined,
ShoppingCartOutlined, ShoppingCartOutlined,
UserOutlined, UserOutlined,
} from "@ant-design/icons"; } from "@ant-design/icons";
import {observer} from "mobx-react-lite"; import { observer } from "mobx-react-lite";
import {useStore} from "../../utils/useStore"; import { useStore } from "../../utils/useStore";
import {LINKS} from "../../routes/app"; import { LINKS } from "../../routes/app";
const {SubMenu} = Menu; const { SubMenu } = Menu;
export const MenuList = observer((props) => { export const MenuList = observer((props) => {
const store = useStore(); const store = useStore();
useEffect(() => { useEffect(() => {}, []);
}, []);
const [setKeys, setSetKeys] = useState(["dashboard"]); const [setKeys, setSetKeys] = useState(["dashboard"]);
return ( return (
<Menu <Menu
defaultOpenKeys={["sub4"]} defaultOpenKeys={["sub4"]}
theme="light" theme="light"
@ -47,20 +46,23 @@ export const MenuList = observer((props) => {
overflowedIndicator={0} overflowedIndicator={0}
forceSubMenuRender={true} forceSubMenuRender={true}
> >
<Menu.Item key="home"> {store.authentication.userData.role === "Admin" && (
<Link to={LINKS.HOME}> <Menu.Item key="home">
<HomeOutlined /> <Link to={LINKS.HOME}>
<span>Beranda</span> <HomeOutlined />
</Link> <span>Beranda</span>
</Menu.Item>
{store.authentication.userData.role !== "Retail" && (
<Menu.Item key="membership">
<Link to={LINKS.MEMBERSHIP}>
<FileProtectOutlined />
<span>Keanggotaan</span>
</Link> </Link>
</Menu.Item> </Menu.Item>
)} )}
{store.authentication.userData.role !== "Retail" &&
store.authentication.userData.role !== "Admin Partner" && (
<Menu.Item key="membership">
<Link to={LINKS.MEMBERSHIP}>
<FileProtectOutlined />
<span>Keanggotaan</span>
</Link>
</Menu.Item>
)}
{store.authentication.userData.role === "Admin" && ( {store.authentication.userData.role === "Admin" && (
<SubMenu key="config" icon={<MenuUnfoldOutlined />} title="Config"> <SubMenu key="config" icon={<MenuUnfoldOutlined />} title="Config">
<Menu.Item key="partner"> <Menu.Item key="partner">
@ -109,6 +111,14 @@ export const MenuList = observer((props) => {
)} )}
</SubMenu> </SubMenu>
)} )}
{store.authentication.userData.role === "Admin Partner" && (
<Menu.Item key="retail">
<Link to={LINKS.PRODUCT}>
<DatabaseOutlined />
<span>Produk</span>
</Link>
</Menu.Item>
)}
{store.authentication.userData.role === "Supervisor" && ( {store.authentication.userData.role === "Supervisor" && (
<Menu.Item key="retail"> <Menu.Item key="retail">
<Link to={LINKS.PRODUCT}> <Link to={LINKS.PRODUCT}>
@ -117,37 +127,45 @@ export const MenuList = observer((props) => {
</Link> </Link>
</Menu.Item> </Menu.Item>
)} )}
{store.authentication.userData.role === "Retail" && ( {store.authentication.userData.role === "Retail" ||
<Menu.Item key="transaction"> (store.authentication.userData.role === "Admin Partner" && (
<Link to={LINKS.TRANSACTION}> <Menu.Item key="transaction">
<ShoppingCartOutlined /> <Link to={LINKS.TRANSACTION}>
<span>Transaksi</span> <ShoppingCartOutlined />
</Link> <span>Transaksi</span>
</Menu.Item>
)}
<SubMenu key="payback-main" icon={<ProfileOutlined />} title="Pembayaran">
{store.authentication.userData.role !== "Retail" && (
<Menu.Item key="payback-to-user">
<Link to={LINKS.PAYBACK}>
<FileProtectOutlined/>
<span>Konfirmasi</span>
</Link> </Link>
</Menu.Item> </Menu.Item>
)} ))}
{store.authentication.userData.role !== "Admin" && ( {store.authentication.userData.role !== "Retail" &&
<Menu.Item key="payback-from-user"> store.authentication.userData.role !== "Admin Partner" && (
<Link to={LINKS.PAYBACK_CREATED}> <SubMenu
<FileProtectOutlined/> key="payback-main"
icon={<ProfileOutlined />}
title="Pembayaran"
>
{store.authentication.userData.role !== "Retail" && (
<Menu.Item key="payback-to-user">
<Link to={LINKS.PAYBACK}>
<FileProtectOutlined />
<span>Konfirmasi</span>
</Link>
</Menu.Item>
)}
{store.authentication.userData.role !== "Admin" && (
<Menu.Item key="payback-from-user">
<Link to={LINKS.PAYBACK_CREATED}>
<FileProtectOutlined />
<span>Dibuat oleh Saya</span> <span>Dibuat oleh Saya</span>
</Link> </Link>
</Menu.Item> </Menu.Item>
)}
</SubMenu>
)} )}
</SubMenu>
{store.authentication.userData.role !== "Admin" && ( {store.authentication.userData.role !== "Admin" && (
<Menu.Item key="profile"> <Menu.Item key="profile">
<Link to={LINKS.PROFILE}> <Link to={LINKS.PROFILE}>
<UserOutlined/> <UserOutlined />
<span>Profil</span> <span>Profil</span>
</Link> </Link>
</Menu.Item> </Menu.Item>
)} )}

2
src/pages/Config/Commission.js
View File

@ -38,7 +38,7 @@ export const Commission = observer(() => {
const routeData = [ const routeData = [
{ {
route: LINKS.HOME, route: LINKS.HOME,
name: "Home", name: "Beranda",
}, },
{ {
route: LINKS.COMMISSION, route: LINKS.COMMISSION,

2
src/pages/Config/Partner.js
View File

@ -36,7 +36,7 @@ export const Partner = observer(() => {
const routeData = [ const routeData = [
{ {
route: LINKS.HOME, route: LINKS.HOME,
name: "Home", name: "Beranda",
}, },
{ {
route: LINKS.PARTNER, route: LINKS.PARTNER,

2
src/pages/Config/Supplier.js
View File

@ -51,7 +51,7 @@ export const Supplier = observer(() => {
const routeData = [ const routeData = [
{ {
route: LINKS.HOME, route: LINKS.HOME,
name: "Home", name: "Beranda",
}, },
{ {
route: LINKS.SUPPLIER, route: LINKS.SUPPLIER,

136
src/pages/Home/Home.js
View File

@ -1,25 +1,123 @@
import React from "react"; import React from "react";
import {Button, PageHeader} from "antd"; import { Button, PageHeader, Card, Row, Col, List } from "antd";
import {store} from "../../utils/useStore"; import { store } from "../../utils/useStore";
import {observer} from "mobx-react-lite"; import { observer } from "mobx-react-lite";
import { FilterOutlined, TransactionOutlined } from "@ant-design/icons";
export const Home = observer(() => { export const Home = observer(() => {
return <div className={["ppob-container"].join(" ")}> return (
<PageHeader <div>
style={{ {store.ui.mediaQuery.isDesktop && (
padding: 0, <Row
margin: 0, style={{
height: 40, marginTop: 30,
backgroundColor: "transparent", marginLeft: 30,
}} }}
title={"Home"}
> >
</PageHeader> <Card
<Button onClick={() => { className={"shadow"}
store.ui.setTestValue(); style={{
}}>{store.ui.testValue}</Button> marginLeft: 20,
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aut recusandae velit! Consequatur corporis, height: 200,
eum fuga, harum incidunt laboriosam minus necessitatibus neque non nostrum pariatur tempore. Dignissimos impedit marginBottom: 10,
rem tempora! width: "30%",
}}
>
<PageHeader title={<span>Total Transaksi</span>}>
<span>Total Transaksi : 25 Transaksi</span>
</PageHeader>
</Card>
<Card
className={"shadow"}
style={{
marginLeft: 20,
height: 200,
marginBottom: 10,
width: "30%",
}}
>
<PageHeader title={<span>Total Keuntungan</span>}>
<span>Rp.30.000.000</span>
</PageHeader>
</Card>
<Card
className={"shadow"}
hoverable
style={{
marginLeft: 20,
height: 200,
marginBottom: 10,
width: "30%",
}}
>
<PageHeader title={<span>Saldo</span>}>
<span>Rp.200.000.000 </span>
</PageHeader>
</Card>
</Row>
)}
{store.ui.mediaQuery.isMobile && (
<div style={{ marginTop: 10 }}>
<Card
className={"shadow"}
style={{
marginLeft: 20,
height: 200,
marginBottom: 10,
marginRight: 20,
}}
>
<PageHeader title={<span>Total Transaksi</span>}>
<span>Total Transaksi :</span>
</PageHeader>
</Card>
<Card
className={"shadow"}
style={{
marginLeft: 20,
height: 200,
marginBottom: 10,
marginRight: 20,
}}
>
<PageHeader title={<span>Total Keuntungan</span>}>
<span>Rp.30.000.000</span>
</PageHeader>
</Card>
<Card
className={"shadow"}
hoverable
style={{
marginLeft: 20,
height: 200,
marginBottom: 10,
marginRight: 20,
}}
>
<PageHeader title={<span>Saldo</span>}>
<span>Rp.200.000.000 </span>
</PageHeader>
</Card>
</div>
)}
</div> </div>
);
// return <div className={["ppob-container"].join(" ")}>
// <PageHeader
// style={{
// padding: 0,
// margin: 0,
// height: 40,
// backgroundColor: "transparent",
// }}
// title={"Home"}
// >
// </PageHeader>
// <Button onClick={() => {
// store.ui.setTestValue();
// }}>{store.ui.testValue}</Button>
// Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aut recusandae velit! Consequatur corporis,
// eum fuga, harum incidunt laboriosam minus necessitatibus neque non nostrum pariatur tempore. Dignissimos impedit
// rem tempora!
// </div>
}); });

2
src/pages/Membership/Membership.js
View File

@ -174,7 +174,7 @@ export const Membership = observer(() => {
const routeData = [ const routeData = [
{ {
route: LINKS.HOME, route: LINKS.HOME,
name: "Home", name: "Beranda",
}, },
{ {
route: LINKS.MEMBERSHIP, route: LINKS.MEMBERSHIP,

32
src/pages/Payback/Payback.js
View File

@ -163,7 +163,7 @@ export const Payback = observer(() => {
const routeData = [ const routeData = [
{ {
route: LINKS.HOME, route: LINKS.HOME,
name: "Home", name: "Beranda",
}, },
{ {
route: LINKS.PAYBACK, route: LINKS.PAYBACK,
@ -175,15 +175,23 @@ export const Payback = observer(() => {
modalLoader.setLoading(true); modalLoader.setLoading(true);
try { try {
const response = await store.payback.confirmPayback(id, type); const response = await store.payback.confirmPayback(id, type);
if (response.body.status !== 201) { console.log(response)
message.error( response.body.statusCode !== 201 && response.body.statusCode !== 200
response?.body?.message || `Failed ${capitalize(type)} Payback` ? message.error(
); response?.body?.message || `Failed ${capitalize(type)} Payback`
} else { )
message.success( : message.success(
response?.body?.message || `Success ${capitalize(type)} Payback` response?.body?.message || `Success ${capitalize(type)} Payback`
); );
} // if (response.body.status !== 201 ) {
// message.error(
// response?.body?.message || `Failed ${capitalize(type)} Payback`
// );
// } else {
// message.success(
// response?.body?.message || `Success ${capitalize(type)} Payback`
// );
// }
} catch (e) { } catch (e) {
console.error(e, "apa errornya"); console.error(e, "apa errornya");
message.error( message.error(
@ -200,10 +208,10 @@ export const Payback = observer(() => {
<div> <div>
<Row style={{ marginBottom: 20 }}> <Row style={{ marginBottom: 20 }}>
<Col span={12}> <Col span={12}>
<Button> {/* <Button>
<FilterOutlined /> <FilterOutlined />
Filter Filter
</Button> </Button> */}
</Col> </Col>
<Col span={12} style={{ textAlign: "right" }}> <Col span={12} style={{ textAlign: "right" }}>
{/* <Search {/* <Search

2
src/pages/Payback/PaybackCreated.js
View File

@ -80,7 +80,7 @@ export const PaybackCreated = observer(() => {
const routeData = [ const routeData = [
{ {
route: LINKS.HOME, route: LINKS.HOME,
name: "Home", name: "Beranda",
}, },
{ {
route: LINKS.PAYBACK_CREATED, route: LINKS.PAYBACK_CREATED,

2
src/pages/Product/Category.js
View File

@ -37,7 +37,7 @@ export const Category = observer(() => {
const routeData = [ const routeData = [
{ {
route: LINKS.HOME, route: LINKS.HOME,
name: "Home", name: "Beranda",
}, },
{ {
route: LINKS.CATEGORY, route: LINKS.CATEGORY,

3
src/pages/Product/Product.js
View File

@ -30,6 +30,7 @@ export const Product = observer(() => {
store.supplier.getData(), store.supplier.getData(),
store.category.getData(), store.category.getData(),
store.product.getDataSubCategories(), store.product.getDataSubCategories(),
store.product.getProductPartner()
]); ]);
await store.product.getData(); await store.product.getData();
modalLoader.setLoading(false); modalLoader.setLoading(false);
@ -53,7 +54,7 @@ export const Product = observer(() => {
const routeData = [ const routeData = [
{ {
route: LINKS.HOME, route: LINKS.HOME,
name: "Home", name: "Beranda",
}, },
{ {
route: LINKS.PRODUCT, route: LINKS.PRODUCT,

2
src/pages/Product/ProductDetail.js
View File

@ -18,7 +18,7 @@ export const ProductDetail = observer(() => {
const routeData = [ const routeData = [
{ {
route: LINKS.HOME, route: LINKS.HOME,
name: "Home", name: "Beranda",
}, },
{ {
route: LINKS.PRODUCT, route: LINKS.PRODUCT,

2
src/pages/Product/Subcategory.js
View File

@ -41,7 +41,7 @@ export const Subcategory = observer(() => {
const routeData = [ const routeData = [
{ {
route: LINKS.HOME, route: LINKS.HOME,
name: "Home", name: "Beranda",
}, },
{ {
route: LINKS.SUBCATEGORY, route: LINKS.SUBCATEGORY,

4
src/pages/Profile/Profile.js
View File

@ -138,12 +138,12 @@ export const Profile = observer(() => {
<div> <div>
<Title strong level={3}>History User Transaction</Title> <Title strong level={3}>History User Transaction</Title>
<Button style={{marginBottom: '1rem'}} onClick={() => { {/* <Button style={{marginBottom: '1rem'}} onClick={() => {
console.log('clicked filter') console.log('clicked filter')
}}> }}>
<FilterOutlined/> <FilterOutlined/>
Filter Filter
</Button> </Button> */}
<Table <Table
columns={columns} columns={columns}
bordered bordered

2
src/pages/Transaction/Transaction.js
View File

@ -46,7 +46,7 @@ export const Transaction = observer(() => {
const routeData = [ const routeData = [
{ {
route: LINKS.HOME, route: LINKS.HOME,
name: "Home", name: "Beranda",
}, },
{ {
route: LINKS.TRANSACTION, route: LINKS.TRANSACTION,

13
src/store/partner.js
View File

@ -27,7 +27,7 @@ export class Partner {
async getData() { async getData() {
try { try {
const response = await http.get(`/users/partner?page=${this.page}&pageSize=${this.pageSize}`); const response = await http.get(`/users/partner?page=${this.page}&pageSize=${this.pageSize}`);
//console.log(response)
this.data = response.body.data.map((item, idx) => { this.data = response.body.data.map((item, idx) => {
item.key = idx; item.key = idx;
return item return item
@ -59,11 +59,12 @@ export class Partner {
} }
} }
// async updateStatus(id, data) { async updatePassword(id, data) {
// const response = await http.put(`/users/partner/${id}`).send(data); const response = await http.put(`/users/change-password-partner/${id}`).send(data);
// await this.getData(); console.log(response)
// return response; await this.getData();
// } return response;
}
async delete(id) { async delete(id) {
try { try {

12
src/store/product.js
View File

@ -26,9 +26,11 @@ export class Product {
dataPriceHistory = []; dataPriceHistory = [];
totalDataPriceHistory = 0; totalDataPriceHistory = 0;
pagePriceHistory = 0; pagePriceHistory = 0;
pageProductPartner = 0;
pageSizePriceHistory = 10 pageSizePriceHistory = 10
dataDetailProduct = {}; dataDetailProduct = {};
dataProductPartner=[]
constructor(ctx) { constructor(ctx) {
this.ctx = ctx; this.ctx = ctx;
@ -94,6 +96,16 @@ export class Product {
} }
} }
async getProductPartner(id) {
try {
const response = await http.get(`/product/by-categories?page=${this.pageProductPartner}&sub-category=${id}`);
console.log(response)
this.dataProductPartner = response.body.data
} catch (e) {
console.error(e);
}
}
async create(data) { async create(data) {
try { try {
const response = await http.post('/product').send(data); const response = await http.post('/product').send(data);