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

Role Access

Browse Source
This commit is contained in:
ajat91.sudrajat
2021-12-22 17:52:05 +07:00
parent 9460935e0a
commit 78626fd6e9
4 changed files with 199 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -125,7 +125,7 @@ export const DetailUser = observer(() => {
<Row>
<Col span={24}>
<div>
<Title strong level={3}>History User Transaction</Title>
<Title strong level={3}>History Top Up</Title>
<Button style={{marginBottom: '1rem'}} onClick={() => {
console.log('clicked filter')

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

@@ -1,16 +1,32 @@
import React, {useContext, useEffect, useState} from "react";
import {Button, Card, Col, Divider, Form, Input, List, message, Modal, Row, Select, Space, Table, Tag,} from "antd";
import {useStore} from "../../utils/useStore";
import {observer} from "mobx-react-lite";
import {DownloadOutlined, PlusSquareOutlined,} from "@ant-design/icons";
import {MembershipModal} from "./MembershipModal";
import {BreadcumbComponent} from "../../component/BreadcumbComponent";
import {LINKS} from "../../routes/app";
import {useHistory} from "react-router-dom";
import {ModalLoaderContext} from "../../utils/modal";
import React, { useContext, useEffect, useState } from "react";
import {
Button,
Card,
Col,
Divider,
Form,
Input,
List,
message,
Modal,
Row,
Select,
Space,
Table,
Tag,
InputNumber
} from "antd";
import { useStore } from "../../utils/useStore";
import { observer } from "mobx-react-lite";
import { DownloadOutlined, PlusSquareOutlined } from "@ant-design/icons";
import { MembershipModal } from "./MembershipModal";
import { BreadcumbComponent } from "../../component/BreadcumbComponent";
import { LINKS } from "../../routes/app";
import { useHistory } from "react-router-dom";
import { ModalLoaderContext } from "../../utils/modal";
const {Search} = Input;
const {Option} = Select;
const { Search } = Input;
const { Option } = Select;
export const Membership = observer(() => {
const history = useHistory();
const [form] = Form.useForm();
@@ -212,6 +228,7 @@ export const Membership = observer(() => {
},
];
if (store.authentication.userData.role !== "Admin") columns.pop();
const routeData = [
{
route: LINKS.HOME,
@@ -385,9 +402,14 @@ export const Membership = observer(() => {
<div style={{}}>
<p>
<small>Role : {item.roleName}</small> <br />
<small>Saldo Supplier : {item.coa.amount}</small>{" "}
<small>
Saldo Supplier : {item.coa.amount}
</small>{" "}
<br />
<small>
Saldo System : {item.coa.amount}
</small>{" "}
<br />
<small>Saldo System : {item.coa.amount}</small> <br />
</p>
</div>
}
@@ -461,7 +483,13 @@ export const Membership = observer(() => {
label="Amount"
rules={[{ required: true, message: "Please input amount!" }]}
>
<Input />
<InputNumber
style={{ width: "100%" }}
formatter={(value) =>
`Rp. ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ",")
}
parser={(value) => value.replace(/\Rp.\s?|(,*)/g, "")}
/>
</Form.Item>
</Form>
</Modal>