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

Compare commits

base: PPOB:main
Branches Tags
PPOB:main
PPOB:devops-production
PPOB:devops-staging
PPOB:develop
..
compare: PPOB:develop
Branches Tags
PPOB:devops-production
PPOB:main
PPOB:devops-staging
PPOB:develop

No commits in common. "main" and "develop" have entirely different histories.
main ... develop

7 changed files with 5 additions and 378 deletions
Show Stats Expand all files Collapse all files

1
src/component/ProductComponent.js
View File

@ -174,6 +174,7 @@ export const ProductComponent = observer((props) => {
message.error("Gagal menghapus");
}
};
const handleDelete = (id) => {
Modal.confirm({
title: "Are you sure delete this record?",

2
src/index.css
View File

@ -82,4 +82,4 @@ code {
}
.ant-table-tbody > tr.ant-table-row-level-0:hover > td {
background: #f0faf8 !important;
}
}

5
src/pages/Membership/Konfirmasi.js
View File

@ -375,7 +375,7 @@ export const Konfirmasi = observer(() => {
: "Aktif"}
</Tag>
)}
{item.user_detail?.image_identity !== "" ? <Button
<Button
style={
item.is_active === true
? {
@ -389,8 +389,7 @@ export const Konfirmasi = observer(() => {
}}
>
Foto Identitas
</Button>: ""}
</Button>
{item.user_detail?.image_store !== '""' ? (
<Button
style={

213
src/pages/Product/PulsaModal.js
View File

@ -1,213 +0,0 @@
// import React,{useEffect,useState} from "react";
// import { Form, Input, Modal, Select } from "antd";
// export const PulsaModal = ({ visible, onCreate, onCancel, initialData }) => {
// const [form] = Form.useForm();
// const { Option } = Select;
// const [visibleModal, setVisibleModal] = useState(false)
// const [initialData, setInitialData] = useState({})
// const [confirmLoading, setConfirmLoading] = useState(false);
// const [isLoading, setIsLoading] = useState(false);
// useEffect(() => {
// const init = async () => {
// try {
// setIsLoading(true);
// await store.categories.getData();
// setIsLoading(false);
// } catch (e) {
// setIsLoading(false);
// }
// };
// init();
// }, []);
// return (
// <Modal
// visible={visibleModal}
// confirmLoading={confirmLoading}
// initialData={initialData}
// onCreate={async (data) => {
// onSubmit(data)
// }}
// onCancel={() => {
// setInitialData({})
// setVisibleModal(false);
// }}
// visible={visible}
// title={initialData.id ? "Edit Member" : "Create a new Member"}
// okText={initialData.id ? "Edit" : "Create"}
// cancelText="Cancel"
// onCancel={() => {
// form.resetFields();
// onCancel();
// }}
// onOk={() => {
// form
// .validateFields()
// .then((values) => {
// onCreate(values);
// form.resetFields();
// })
// .catch((info) => {
// console.log("Validate Failed:", info);
// });
// }}
// >
// <Form
// form={form}
// layout="vertical"
// name="form_in_modal"
// initialValues={initialData}
// >
// <Form.Item
// name="name"
// label="Name"
// rules={[{ required: true, message: "Please input name!" }]}
// >
// <Input />
// </Form.Item>
// <Form.Item
// name="price"
// label="Price"
// rules={[{ required: true, message: "Please input price!" }]}
// >
// <Input />
// </Form.Item>
// <Form.Item
// name="markUpPrice"
// label="Mark Up Price"
// rules={[{ required: true, message: "Please input mark up price!" }]}
// >
// <Input />
// </Form.Item>
// <Form.Item
// name="code"
// label="Code"
// rules={[{ required: true, message: "Please input code!" }]}
// >
// <Input />
// </Form.Item>
// <Form.Item
// name="status"
// label="Status"
// rules={[{ required: true, message: "Please select Status!" }]}
// >
// <Select placeholder="Select Status" allowClear>
// {store.categories.map(it => {
// return <Option value={it.id}>{it.name}</Option>
// })}
// </Select>
// </Form.Item>
// </Form>
// </Modal>
// );
// };
import React, { useState, useEffect } from "react";
import { Form, Input, Modal, Select } from "antd";
import { useStore } from "../../utils/useStore";
export const PulsaModal = ({ visible, onCreate, onCancel }) => {
const [form] = Form.useForm();
const { Option } = Select;
const dataStatus = ["Active", "Inactive"];
const store = useStore();
const [visibleModal, setVisibleModal] = useState(false);
const [initialData, setInitialData] = useState({});
const [confirmLoading, setConfirmLoading] = useState(false);
const [isLoading, setIsLoading] = useState(false);
const init = async () => {
try {
setIsLoading(true);
await store.categories.getData();
setIsLoading(false);
} catch (e) {
setIsLoading(false);
}
};
useEffect(() => {
init();
}, []);
return (
<Modal
visible={visible}
title={initialData.id ? "Edit Member" : "Create a new Member"}
okText={initialData.id ? "Edit" : "Create"}
cancelText="Cancel"
onCancel={() => {
form.resetFields();
onCancel();
}}
onOk={() => {
form
.validateFields()
.then((values) => {
onCreate(values);
form.resetFields();
})
.catch((info) => {
console.log("Validate Failed:", info);
});
}}
>
<Form
form={form}
layout="vertical"
name="form_in_modal"
initialValues={initialData}
>
<Form.Item
name="name"
label="Name"
rules={[{ required: true, message: "Please input name!" }]}
>
<Input />
</Form.Item>
<Form.Item
name="price"
label="Price"
rules={[{ required: true, message: "Please input price!" }]}
>
<Input />
</Form.Item>
<Form.Item
name="markUpPrice"
label="Mark Up Price"
rules={[{ required: true, message: "Please input mark up price!" }]}
>
<Input />
</Form.Item>
<Form.Item
name="code"
label="Code"
rules={[{ required: true, message: "Please input code!" }]}
>
<Input />
</Form.Item>
<Form.Item
name="status"
label="Status"
rules={[{ required: true, message: "Please select Status!" }]}
>
<Select placeholder="Select Sub Category" allowClear>
<Option value="ACTIVE">ACTIVE</Option>
<Option value="INACTIVE">INACTIVE</Option>
</Select>
</Form.Item>
<Form.Item
name="subCategoriesId"
label="Sub Categories"
rules={[{ required: true, message: "Please select Sub Category!" }]}
>
<Select placeholder="Select Sub Category" allowClear>
{store.categories.data.map((it) => {
return <Option value={it.id}>{it.name}</Option>;
})}
</Select>
</Form.Item>
</Form>
</Modal>
);
};

121
src/pages/Transaction/Pulsa.js
View File

@ -1,121 +0,0 @@
import React from "react";
import {Button, Card, Col, Dropdown, Menu, message, Modal, Row, Space,} from "antd";
import {DownOutlined, TabletOutlined, UserOutlined} from "@ant-design/icons";
export const Pulsa = () => {
function handleMenuClick(e) {
message.info("Click on menu item.");
console.log("click", e);
}
const menu = (
<Menu onClick={handleMenuClick}>
<Menu.Item key="1" icon={<UserOutlined/>}>
1st menu item
</Menu.Item>
<Menu.Item key="2" icon={<UserOutlined/>}>
2nd menu item
</Menu.Item>
<Menu.Item key="3" icon={<UserOutlined/>}>
3rd menu item
</Menu.Item>
</Menu>
);
function success() {
Modal.success({
content: 'some messages...some messages...',
});
}
const dataCard = [
{
title: "DATA AXIS BRONET 2GB-60HR",
price: "Harga : Rp.6.000",
},
{
title: "DATA AXIS BRONET 2GB-60HR",
price: "Harga : Rp.6.000",
},
{
title: "DATA AXIS BRONET 2GB-60HR",
price: "Harga : Rp.6.000",
},
{
title: "DATA AXIS BRONET 2GB-60HR",
price: "Harga : Rp.6.000",
},
{
title: "DATA AXIS BRONET 2GB-60HR",
price: "Harga : Rp.6.000",
},
{
title: "DATA AXIS BRONET 2GB-60HR",
price: "Harga : Rp.6.000",
},
{
title: "DATA AXIS BRONET 2GB-60HR",
price: "Harga : Rp.6.000",
},
{
title: "DATA AXIS BRONET 2GB-60HR",
price: "Harga : Rp.6.000",
},
{
title: "DATA AXIS BRONET 2GB-60HR",
price: "Harga : Rp.6.000",
},
{
title: "DATA AXIS BRONET 2GB-60HR",
price: "Harga : Rp.6.000",
},
]
return (
<div>
<Row>
<span style={{fontWeight: "bold", marginBottom: "10px"}}>
Sub-Category
</span>
</Row>
<Row>
<Space wrap>
<Dropdown overlay={menu}>
<Button
style={{
marginBottom: "20px",
color: "grey",
}}
>
<TabletOutlined/>
Select sub-Category
<DownOutlined/>
</Button>
</Dropdown>
</Space>
</Row>
<Row>
<span style={{fontWeight: "bold", marginBottom: "10px"}}>
Produk & Nominal
</span>
</Row>
<Row>
{dataCard.map((item, index) => (
<Col key={index} xs={24} md={16} lg={8}>
<Card onClick={success}>
<span style={{color: "black"}}>{item.title}</span>
<br/>
<span style={{color: "grey", fontSize: 10}}>{item.price}</span>
</Card>
</Col>
))}
</Row>
<Col style={{textAlign: "right"}}>
<Button style={{backgroundColor: "#2D9CDB", color: "white"}}>
Beli Sekarang
</Button>
</Col>
</div>
);
};

1
src/store/authentication.js
View File

@ -2,6 +2,7 @@ import {makeAutoObservable, runInAction} from "mobx";
import {TokenUtil} from "../utils/token";
import {http} from "../utils/http";
export class Authentication {
isLoggedIn = false;
isLoginLoading = false;

40
src/store/categories.js
View File

@ -1,40 +0,0 @@
import {action, makeAutoObservable} from "mobx";
import {http} from "../utils/http";
export class Categories {
page = 0;
pageSize = 10
data = [];
total_data = 0
constructor(ctx) {
this.ctx = ctx;
makeAutoObservable(this);
}
@action
async getData() {
const response = await http.get(`/product/sub-categories?page=${this.page}&pageSize=${this.pageSize}`);
console.log(response,'Data cate')
console.log(JSON.stringify(response.body.data),'Data')
this.data = response.body.data ?? []
this.total_data = response.body.total_data ?? 0
}
@action
async create(data) {
return await http.post('/user').send(data)
}
@action
async update(id, data) {
return await http.put('/user/' + id).send(data);
}
async delete(id) {
return await http.del('/product/' + id);
}
}