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

Perbaikan PPOB

Browse Source
This commit is contained in:
ajat91.sudrajat
2022-01-11 14:33:09 +07:00
parent b24ea23e3d
commit a9d0d199d1
15 changed files with 344 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

113
src/component/CategoryComponent.js
View File

@@ -8,6 +8,8 @@ import {
Select,
Space,
Table,
List,
Divider
} from "antd";
import { observer } from "mobx-react-lite";
import { useHistory } from "react-router-dom";
@@ -115,28 +117,95 @@ export const CategoryComponent = observer((props) => {
return (
<div>
<Table
style={{ textAlign: "center" }}
columns={columns}
dataSource={store.category.data}
bordered
pagination={{
pageSize: store.category.pageSize,
total: store.category.total_data,
current: store.category.page + 1,
showSizeChanger: true,
simple: false,
}}
onChange={async (page) => {
let pageNumber = page.current;
store.category.pageSize = page.pageSize;
store.category.page = pageNumber - 1;
modalLoader.setLoading(true);
await store.category.getData();
modalLoader.setLoading(false);
}}
/>
{store.ui.mediaQuery.isDesktop && (
<Table
style={{ textAlign: "center" }}
columns={columns}
dataSource={store.category.data}
bordered
pagination={{
pageSize: store.category.pageSize,
total: store.category.total_data,
current: store.category.page + 1,
showSizeChanger: true,
simple: false,
}}
onChange={async (page) => {
let pageNumber = page.current;
store.category.pageSize = page.pageSize;
store.category.page = pageNumber - 1;
modalLoader.setLoading(true);
await store.category.getData();
modalLoader.setLoading(false);
}}
/>
)}
{store.ui.mediaQuery.isMobile && (
<List
itemLayout="horizontal"
position={"top"}
pagination={{
onChange: async (page, pageSize) => {
store.category.pageSize = pageSize;
store.category.page = page - 1;
modalLoader.setLoading(true);
await store.category.getData();
modalLoader.setLoading(false);
},
pageSize: store.category.pageSize,
total: store.category.total_data,
current: store.category.page + 1,
style: { marginBottom: "1rem", marginRight: "1rem" },
}}
dataSource={store.category.data}
style={{ padding: 0 }}
renderItem={(item) => {
return (
<div>
<List.Item
key={item.id}
style={{
backgroundColor: "#ffffff",
paddingTop: 0,
paddingBottom: 0,
display: "flex",
flexDirection: "row",
alignItems: "center",
justifyContent: "center",
}}
>
<List.Item.Meta
className={["cariparkir-container"].join(" ")}
title={item.code}
description={
<div style={{}}>
<p>
<small>Category : {item.name}</small>
<br />
</p>
<p></p>
</div>
}
/>
<div style={{ marginRight: 16 }}>
<p
style={{
fontSize: 9,
margin: 0,
}}
>
<Button onClick={() => handleEditButton(item)}>
Edit
</Button>
</p>
</div>
</List.Item>
<Divider plain style={{ margin: 0 }} />
</div>
);
}}
/>
)}
<Modal
visible={store.category.visibleModalCategory}
title={idData ? "Edit Category" : "Create a new Category"}

16
src/component/PartnerComponent.js
View File

@@ -235,9 +235,9 @@ export const PartnerComponent = observer((props) => {
itemLayout="horizontal"
position={"top"}
pagination={{
onChange: async (page) => {
store.partner.pageSize = page.pageSize;
store.partner.page = page.current - 1;
onChange: async (page, pageSize) => {
store.partner.pageSize = pageSize;
store.partner.page = page - 1;
modalLoader.setLoading(true);
await store.partner.getData();
modalLoader.setLoading(false);
@@ -270,9 +270,11 @@ export const PartnerComponent = observer((props) => {
description={
<div style={{}}>
<p>
<small>Nama : {item.name}</small> <br />
<small>Npwp : {item.npwp}</small> <br />
<small>Address : {item.address}</small>
<div style={{ marginBottom: 10 }}>
<small>Nama : {item.name}</small> <br />
<small>Npwp : {item.npwp}</small> <br />
<small>Address : {item.address}</small>
</div>
<Space size="middle">
<Button
type={
@@ -402,7 +404,7 @@ export const PartnerComponent = observer((props) => {
},
]}
>
<Input.Password />
<Input.Password />
</Form.Item>
)}
{!idData && (

6
src/component/ProductComponent.js
View File

@@ -313,9 +313,9 @@ export const ProductComponent = observer((props) => {
itemLayout="horizontal"
position={"top"}
pagination={{
onChange: async (page) => {
store.product.pageSize = page.pageSize;
store.product.page = page.current - 1;
onChange: async (page,pageSize) => {
store.product.pageSize = pageSize;
store.product.page = page - 1;
modalLoader.setLoading(true);
await store.product.getData();
modalLoader.setLoading(false);

6
src/component/SubcategoryComponent.js
View File

@@ -148,9 +148,9 @@ export const SubcategoryComponent = observer((props) => {
itemLayout="horizontal"
position={"top"}
pagination={{
onChange: async (page) => {
store.subcategory.pageSize = page.pageSize;
store.subcategory.page = page.current - 1;
onChange: async (page,pageSize) => {
store.subcategory.pageSize = pageSize;
store.subcategory.page = page - 1;
modalLoader.setLoading(true);
await store.subcategory.getData();
modalLoader.setLoading(false);

6
src/component/SupplierComponent.js
View File

@@ -251,9 +251,9 @@ export const SupplierComponent = observer((props) => {
itemLayout="horizontal"
position={"top"}
pagination={{
onChange: async (page) => {
store.supplier.pageSize = page.pageSize;
store.supplier.page = page.current - 1;
onChange: async (page,pageSize) => {
store.supplier.pageSize = pageSize;
store.supplier.page = page - 1;
modalLoader.setLoading(true);
await store.supplier.getData();
modalLoader.setLoading(false);