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

Pages Membership

Browse Source
This commit is contained in:
ajat91 2021-12-10 16:32:05 +07:00
parent 555775d353
commit 72d8566f23
1 changed files with 46 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,13 +1,29 @@
import React, {useEffect, useState} from "react"; import React, { useEffect, useState } from "react";
import {Button, Card, Col, Divider, Input, List, message, Modal, Row, Space, Table, Tag,} from "antd"; import {
import {useStore} from "../../utils/useStore"; Button,
import {observer} from "mobx-react-lite"; Card,
import {ExclamationCircleOutlined, FilterOutlined, PlusSquareOutlined,} from "@ant-design/icons"; Col,
import {MembershipModal} from "./MembershipModal"; Divider,
import {BreadcumbComponent} from "../../component/BreadcumbComponent"; Input,
import {LINKS} from "../../routes/app"; List,
message,
Modal,
Row,
Space,
Table,
Tag,
} from "antd";
import { useStore } from "../../utils/useStore";
import { observer } from "mobx-react-lite";
import {
ExclamationCircleOutlined,
FilterOutlined,
PlusSquareOutlined,
} from "@ant-design/icons";
import { MembershipModal } from "./MembershipModal";
import { BreadcumbComponent } from "../../component/BreadcumbComponent";
const {Search} = Input; const { Search } = Input;
export const Membership = observer(() => { export const Membership = observer(() => {
const store = useStore(); const store = useStore();
@ -89,12 +105,12 @@ export const Membership = observer(() => {
const routeData = [ const routeData = [
{ {
route: LINKS.HOME, route: "/app/home",
name: "Home", name: "Home",
}, },
{ {
route: LINKS.MEMBERSHIP, route: "/app/membership",
name: <span style={{fontWeight: "bold"}}>Membership</span>, name: <span style={{ fontWeight: "bold" }}>Membership</span>,
}, },
]; ];
@ -103,7 +119,7 @@ export const Membership = observer(() => {
setInitialData({}); setInitialData({});
setConfirmLoading(true); setConfirmLoading(true);
try { try {
console.log(data) console.log(data);
await store.membership.update(initialData.id, data); await store.membership.update(initialData.id, data);
message.success("Success Update Data Member"); message.success("Success Update Data Member");
await store.membership.getData(); await store.membership.getData();
@ -128,7 +144,6 @@ export const Membership = observer(() => {
} }
}; };
const handleDelete = (record) => { const handleDelete = (record) => {
Modal.confirm({ Modal.confirm({
title: "Are you sure delete this record?", title: "Are you sure delete this record?",
@ -139,7 +154,7 @@ export const Membership = observer(() => {
async onOk() { async onOk() {
try { try {
//TODO: minta apinya ke ka ilham ya, jangan di uncomment kalo pake api reconcile, nanti beneran ke apus datanya //TODO: minta apinya ke ka ilham ya, jangan di uncomment kalo pake api reconcile, nanti beneran ke apus datanya
await store.membership.delete(record) await store.membership.delete(record);
message.success("Success Delete Data"); message.success("Success Delete Data");
await store.membership.getData(); await store.membership.getData();
} catch (e) { } catch (e) {
@ -164,20 +179,26 @@ export const Membership = observer(() => {
<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
placeholder="input search text" placeholder="input search text"
style={{width: 200, marginRight: 10}} style={{
width: store.ui.mediaQuery.isMobile ? 160 : 200,
marginRight: store.ui.mediaQuery.isMobile ? 0 : 10,
marginBottom: store.ui.mediaQuery.isMobile ? 10 : 0,
}}
/> />
<Button onClick={() => { <Button
setInitialData({}); onClick={() => {
setVisibleModal(true); setInitialData({});
}}> setVisibleModal(true);
<PlusSquareOutlined/> New }}
>
<PlusSquareOutlined /> New
</Button> </Button>
</Col> </Col>
</Row> </Row>
@ -189,7 +210,7 @@ export const Membership = observer(() => {
columns={columns} columns={columns}
dataSource={store.membership.data} dataSource={store.membership.data}
bordered bordered
// pagination={{ // pagination={{
// total: store.membership.total_data, // total: store.membership.total_data,
// current: store.membership.page, // current: store.membership.page,