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

Merge branch 'main' into 'devops-production'

Browse Source 
Main

See merge request empatnusabangsa/ppob/ppob-frontend!193
This commit is contained in:
Rahman Efendi 2023-01-06 05:45:52 +00:00
commit 2bd8593459
1 changed files with 73 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

122
src/component/SupplierComponent.js
View File

@ -10,6 +10,7 @@ import {
Space, Space,
Table, Table,
Tag, Tag,
InputNumber,
} 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";
@ -40,7 +41,7 @@ export const SupplierComponent = observer((props) => {
const handleTopup = (data) => { const handleTopup = (data) => {
console.log(data, "isi data"); console.log(data, "isi data");
form.setFieldsValue({ form.setFieldsValue({
code: data.code, supplier: data.code,
}); });
store.supplier.visibleModalTransaction = true; store.supplier.visibleModalTransaction = true;
store.supplier.code = data.code; store.supplier.code = data.code;
@ -163,6 +164,26 @@ export const SupplierComponent = observer((props) => {
}); });
}; };
const handleCancelTransaction = () => {
store.supplier.visibleModalTransaction = false;
};
const handleSubmitTransaction = async (data) => {
console.log(data, ':)')
try {
modalLoader.setLoading(true);
const response = await store.supplier.createTransaction(data);
message.success(response?.body?.message || "Success Top Up");
} catch (e) {
console.log(e, "apa errornya");
message.error(e.response?.body?.message || "Failed Top Up");
}
modalLoader.setLoading(false);
store.supplier.visibleModalTransaction = false;
form.resetFields();
};
const handleCancel = () => { const handleCancel = () => {
setIdData(""); setIdData("");
store.supplier.visibleModalSupplier = false; store.supplier.visibleModalSupplier = false;
@ -374,53 +395,56 @@ export const SupplierComponent = observer((props) => {
> >
<Input /> <Input />
</Form.Item> </Form.Item>
<Form.Item </Form>
name="name" </Modal>
label="Name" <Modal
rules={[{ required: true, message: "Please input url!" }]} visible={store.supplier.visibleModalTransaction}
> title="Top Up Saldo"
<Input /> okText="Top Up"
</Form.Item> cancelText="Batal"
<Form.Item onCancel={() => {
name="url" form.resetFields();
label="Url" handleCancelTransaction();
rules={[{ required: true, message: "Please input url!" }]} }}
> onOk={() => {
<Input /> form
</Form.Item> .validateFields()
<Form.Item .then((values) => {
name="irs_pin" console.log(values, "isi form");
label="Pin" handleSubmitTransaction(values);
rules={[{ required: true, message: "Please input url!" }]} form.resetFields();
> })
<Input /> .catch((info) => {
</Form.Item> console.error("Validate Failed:", info);
<Form.Item });
name="irs_user" }}
label="User" >
rules={[{ required: true, message: "Please input url!" }]} <Form
> form={form}
<Input /> layout="vertical"
</Form.Item> >
<Form.Item <Form.Item
name="irs_pass" name="supplier"
label="Password" label="Supplier"
rules={[{ required: true, message: "Please input url!" }]} rules={[{ required: true, message: "Please input supplier!" }]}
> >
<Input /> <Input disabled={true} />
</Form.Item> </Form.Item>
{!idData && ( <Form.Item
<Form.Item name="amount"
name="code" label="Nominal"
label="Kode" rules={[{ required: true, message: "Please input amount!" }]}
rules={[{ required: true, message: "Please input kode!" }]} >
> <InputNumber
<Input /> style={{ width: "100%" }}
</Form.Item> formatter={(value) =>
)} `Rp. ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ",")
</Form> }
</Modal> parser={(value) => value.replace(/\Rp.\s?|(,*)/g, "")}
<TopupsaldoModal code={store.supplier.code} /> />
</div> </Form.Item>
</Form>
</Modal>
</div>
); );
}); });