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

Merge branch 'develop' into 'devops-staging'

Browse Source 
Develop

See merge request empatnusabangsa/ppob/ppob-frontend!58
This commit is contained in:
ajat sudrajat 2022-01-07 10:58:54 +00:00
commit 7ee375b71e
2 changed files with 76 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -13,7 +13,9 @@ import {
Tag,
Divider,
Image,
Avatar,
} from "antd";
import { UserOutlined } from "@ant-design/icons";
import { BreadcumbComponent } from "../../component/BreadcumbComponent";
import { LINKS } from "../../routes/app";
import { useStore } from "../../utils/useStore";
@ -346,69 +348,71 @@ export const DetailUser = observer(() => {
<Row style={{ marginBottom: 20 }}>
<Col lg={12} xs={24}>
<Row>
<Col span={10}>
<Col span={12}>
<Text strong>Name</Text>
</Col>
<Col span={10}>
<Col span={12}>
<Text>{store.authentication.dataProfit.userDetail?.name}</Text>
</Col>
<Col span={10}>
<Col span={12}>
<Text strong>Username</Text>
</Col>
<Col span={10}>
<Col span={12}>
<Text>{store.authentication.dataProfit.username}</Text>
</Col>
<Col span={10}>
<Col span={12}>
<Text strong>Role</Text>
</Col>
<Col span={10}>
<Col span={12}>
<Text>{store.authentication.dataProfit.roles?.name}</Text>
</Col>
<Col span={10}>
<Col span={12}>
<Text strong>Phone Number</Text>
</Col>
<Col span={10}>
<Col span={12}>
<Text>
{store.authentication.dataProfit.userDetail?.phone_number}
</Text>
</Col>
<Col span={10}>
<Col span={12}>
<Text strong>Id Number</Text>
</Col>
<Col span={10}>
<Col span={12}>
<Text>
{store.authentication.dataProfit.userDetail?.identity_number}
</Text>
</Col>
<Col span={10}>
<Col span={12}>
<Text strong>Status</Text>
</Col>
<Col span={10}>
<Col span={12}>
<Text>
{store.authentication.dataProfit.isActive === true
? "Aktif"
: "Inaktif"}
</Text>
</Col>
<Col span={10}>
<Text strong>Image identity</Text>
<Col span={12}>
<Text strong>Foto Identitas</Text>
</Col>
<Col span={10}>
<Text strong>Image Store</Text>
<Col span={12}>
<Text strong>Foto Toko</Text>
</Col>
<Col span={10}>
<Col span={12}>
<Text>
<Image
src={`${appConfig.apiUrl}/config/image/${store.authentication.dataProfit.userDetail?.image_identity}`}
style={{ width: "5vw" }}
alt={store.authentication.dataProfit.userDetail?.name}
style={{ width: "10vw" }}
/>
</Text>
</Col>
<Col span={10}>
<Col span={12}>
<Text>
<Image
src={`${appConfig.apiUrl}/config/image/${store.authentication.dataProfit.userDetail?.image_store}`}
style={{ width: "5vw" }}
alt={store.authentication.dataProfit.userDetail?.name}
style={{ width: "10vw" }}
/>
</Text>
</Col>
</Row>
</Col>

57
src/pages/Profile/Profile.js
View File

@ -12,6 +12,7 @@ import {
Input,
Divider,
List,
Image,
Tag,
} from "antd";
import moment from "moment";
@ -21,6 +22,8 @@ import { useStore } from "../../utils/useStore";
import { observer } from "mobx-react-lite";
import { FilterOutlined } from "@ant-design/icons";
import { format, parseISO } from "date-fns";
import { appConfig } from "../../config/app";
import { ModalLoaderContext } from "../../utils/modal";
const { Title, Text } = Typography;
@ -74,13 +77,17 @@ export const Profile = observer(() => {
const handleSubmitFilter = async () => {
const data = form.getFieldsValue();
console.log(data.start_date)
console.log(data.end_date)
console.log(data.start_date);
console.log(data.end_date);
const awal=store.transaction.filterStart = moment(data.start_date).format('YYYY-MM-DD HH:mm:ss');
const akhir=store.transaction.filterEnd = moment(data.end_date).format('YYYY-MM-DD HH:mm:ss');
console.log(awal)
console.log(akhir)
const awal = (store.transaction.filterStart = moment(
data.start_date
).format("YYYY-MM-DD HH:mm:ss"));
const akhir = (store.transaction.filterEnd = moment(data.end_date).format(
"YYYY-MM-DD HH:mm:ss"
));
console.log(awal);
console.log(akhir);
// store.transaction.filterStart = data.start_date;
// store.transaction.filterEnd = data.end_date;
modalLoader.setLoading(true);
@ -120,7 +127,6 @@ export const Profile = observer(() => {
title: "Price",
dataIndex: "price",
key: "price",
render: (text) =>
new Intl.NumberFormat("id-ID", {
style: "currency",
@ -176,19 +182,20 @@ export const Profile = observer(() => {
dataIndex: "partner_transaction_code",
key: "partner_transaction_code",
},
{
title: "Tanggal Transaksi",
dataIndex: "created_at",
key: "created_at",
render: (text, record) => {
return <Text>{format(parseISO(record.created_at), "dd-MM-yyyy")}</Text>;
},
},
{
title: "Alasan Gagal",
dataIndex: "failed_reason",
key: "failed_reason",
},
{
title: "Tanggal Transaksi",
dataIndex: "created_at",
key: "created_at",
render: (text, record) => {
return <Text>{format(parseISO(record.created_at), "dd-MM-yyyy")}</Text>;
},
},
];
const styleSaldoTitle = store.ui.mediaQuery.isDesktop
@ -249,6 +256,24 @@ export const Profile = observer(() => {
{store.authentication.profileData.superior?.username}
</Text>
</Col>
<Col span={12}>
<Text strong>Foto Identitas</Text>
</Col>
<Col span={12}>
<Text strong>Foto Toko</Text>
</Col>
<Col span={12}>
<Image
src={`${appConfig.apiUrl}/config/image/${store.authentication.profileData.userDetail?.image_identity}`}
style={{ width: "10vw" }}
/>
</Col>
<Col span={12}>
<Image
src={`${appConfig.apiUrl}/config/image/${store.authentication.profileData.userDetail?.image_store}`}
style={{ width: "10vw" }}
/>
</Col>
</Row>
</Col>
<Col span={store.ui.mediaQuery.isMobile ? 24 : 5}>
@ -310,6 +335,8 @@ export const Profile = observer(() => {
<Table
columns={columns}
bordered
scroll={{ x: 1300 }}
//scroll={{ x: 1500, y: 300 }}
dataSource={store.transaction.dataHistoryTransaction}
pagination={{
pageSize: store.transaction.pageSizeHistoryTransaction,