Merge branch 'develop' of https://gitlab.com/empatnusabangsa/ppob/ppob-frontend into devops-staging

This commit is contained in:
Muhammad Fadli 2023-05-10 15:08:35 +07:00
commit 63bb902eea
3 changed files with 34 additions and 10 deletions

View File

@ -45,6 +45,7 @@ export const DetailUser = observer(() => {
const [filterStart, setFilterStart] = useState([]);
const [filterEnd, setFilterEnd] = useState([]);
const [filterTrxId, setFilterTrxId] = useState([]);
const [filterPartnerTrxId, setFilterPartnerTrxId] = useState([]);
const [visibleHis, setVisibleHis] = useState(true);
const [actionFilter, setAction] = useState(false);
const [actionFilterByCode, setActionFilterByCode] = useState(false);
@ -396,10 +397,12 @@ export const DetailUser = observer(() => {
store.transaction.filterStart = null;
store.transaction.filterEnd = null;
store.transaction.filterTrxId = null;
store.transaction.filterPartnerTrxId = null;
formFilterByTrxCode.resetFields();
setFilterStart([]);
setFilterEnd([]);
setFilterTrxId([]);
setFilterPartnerTrxId([]);
store.transaction.visibleModalFilterTransactionByCode = false;
setActionFilterByCode(false);
await store.transaction.getDetailHistoryTransaction(
@ -426,6 +429,7 @@ export const DetailUser = observer(() => {
store.transaction.filterStart = null;
store.transaction.filterEnd = null;
store.transaction.filterTrxId = null;
store.transaction.filterPartnerTrxId = null;
store.transaction.visibleModalFilterTransactionByCode = false;
setActionFilterByCode(false);
@ -455,7 +459,8 @@ export const DetailUser = observer(() => {
const handleSubmitFilterByTrxId = async (data) => {
store.transaction.filterStart = null
store.transaction.filterEnd = null
store.transaction.filterTrxId = data.trx_id
store.transaction.filterTrxId = data.trx_id == undefined || data.trx_id == '' ? null : data.trx_id
store.transaction.filterPartnerTrxId = data.partner_trx_id == undefined || data.partner_trx_id == '' ? null : data.partner_trx_id
modalLoader.setLoading(true);
modalLoader.setLoading(false);
@ -1012,7 +1017,7 @@ export const DetailUser = observer(() => {
}}
>
<FilterOutlined />
Filter By Transaction Code
Filter : kode transaksi/ IDTrx Mitra
</Button>
<Table
key="1"
@ -1223,12 +1228,13 @@ export const DetailUser = observer(() => {
<Modal
visible={store.transaction.visibleModalFilterTransactionByCode}
title={"Filter by transaction code"}
title={"Filter : kode transaksi/ IDTrx Mitra"}
footer={footerLayoutFilterByTrxId}
onCancel={async () => {
store.transaction.filterStart = null;
store.transaction.filterEnd = null;
store.transaction.filterTrxId = null;
store.transaction.filterPartnerTrxId = null;
store.transaction.visibleModalFilterTransactionByCode = false;
actionFilter === true
? await store.transaction.getDataHistoryTopUp(id)
@ -1244,7 +1250,13 @@ export const DetailUser = observer(() => {
<Form.Item
name="trx_id"
label="Kode Transaksi"
rules={[{ required: true, message: "Please input transaction code!" }]}
>
<Input />
</Form.Item>
<Form.Item
name="partner_trx_id"
label="IDTrx Mitra"
>
<Input />
</Form.Item>

View File

@ -41,6 +41,7 @@ export const Profile = observer(() => {
const [filterStart, setFilterStart] = useState([]);
const [filterEnd, setFilterEnd] = useState([]);
const [filterTrxId, setFilterTrxId] = useState([]);
const [filterPartnerTrxId, setFilterPartnerTrxId] = useState([]);
const [actionFilter, setAction] = useState(false);
const [actionFilterByCode, setActionFilterByCode] = useState(false);
const [visible, setVisible] = useState(false);
@ -100,10 +101,12 @@ export const Profile = observer(() => {
store.transaction.filterStart = null;
store.transaction.filterEnd = null;
store.transaction.filterTrxId = null;
store.transaction.filterPartnerTrxId = null;
formFilterByTrxCode.resetFields();
setFilterStart([]);
setFilterEnd([]);
setFilterTrxId([]);
setFilterPartnerTrxId([]);
store.transaction.visibleModalFilterTransactionByCode = false;
setActionFilterByCode(false);
await store.transaction.getDataHistoryTransaction();
@ -127,6 +130,7 @@ export const Profile = observer(() => {
store.transaction.filterStart = null;
store.transaction.filterEnd = null;
store.transaction.filterTrxId = null;
store.transaction.filterPartnerTrxId = null;
store.transaction.visibleModalFilterTransactionByCode = false;
setActionFilterByCode(false);
@ -157,7 +161,8 @@ export const Profile = observer(() => {
const handleSubmitFilterByTrxId = async (data) => {
store.transaction.filterStart = null
store.transaction.filterEnd = null
store.transaction.filterTrxId = data.trx_id
store.transaction.filterTrxId = data.trx_id == undefined || data.trx_id == '' ? null : data.trx_id
store.transaction.filterPartnerTrxId = data.partner_trx_id == undefined || data.partner_trx_id == '' ? null : data.partner_trx_id
modalLoader.setLoading(true);
modalLoader.setLoading(false);
@ -785,7 +790,7 @@ export const Profile = observer(() => {
}}
>
<FilterOutlined />
Filter By Transaction Code
Filter : kode transaksi/ IDTrx Mitra
</Button>
{store.ui.mediaQuery.isDesktop && (
<Table
@ -1066,13 +1071,14 @@ export const Profile = observer(() => {
<Modal
visible={store.transaction.visibleModalFilterTransactionByCode}
title={"Filter by transaction code"}
title={"Filter : kode transaksi/ IDTrx Mitra"}
footer={footerLayoutFilterByTrxId}
onCancel={async () => {
//form.resetFields();
store.transaction.filterStart = null;
store.transaction.filterEnd = null;
store.transaction.filterTrxId = null;
store.transaction.filterPartnerTrxId = null;
store.transaction.visibleModalFilterTransactionByCode = false;
actionFilterByCode === true
? await store.transaction.getDataHistoryTopUpProfile(
@ -1087,10 +1093,15 @@ export const Profile = observer(() => {
<Form.Item
name="trx_id"
label="Kode Transaksi"
rules={[{ required: true, message: "Please input transaction code!" }]}
>
<Input />
</Form.Item>
<Form.Item
name="partner_trx_id"
label="IDTrx Mitra"
>
<Input />
</Form.Item>
</Form>
</Col>
</Row>

View File

@ -68,6 +68,7 @@ export class Transaction {
filterStart = null;
filterEnd = null;
filterTrxId = null;
filterPartnerTrxId = null;
filterStartDetailUser = null;
filterEndDetailUser = null;
constructor(ctx) {
@ -165,7 +166,7 @@ export class Transaction {
async getDataHistoryTransaction() {
try {
const response = await http.get(
`/transaction/history?page=${this.page}&pageSize=${this.pageSize}&start=${this.filterStart}&end=${this.filterEnd}&trxId=${this.filterTrxId}`
`/transaction/history?page=${this.page}&pageSize=${this.pageSize}&start=${this.filterStart}&end=${this.filterEnd}&trxId=${this.filterTrxId}&partnerTrxId=${this.filterPartnerTrxId}`
);
console.log(response);
this.dataHistoryTransaction = response.body.data ?? [];
@ -177,7 +178,7 @@ export class Transaction {
async getDetailHistoryTransaction(id) {
try {
const response = await http.get(`/transaction/history-user/${id}?page=${this.page}&pageSize=${this.pageSize}&start=${this.filterStart}&end=${this.filterEnd}&trxId=${this.filterTrxId}`);
const response = await http.get(`/transaction/history-user/${id}?page=${this.page}&pageSize=${this.pageSize}&start=${this.filterStart}&end=${this.filterEnd}&trxId=${this.filterTrxId}&partnerTrxId=${this.filterPartnerTrxId}`);
console.log(response, 'Data Trans');
this.dataDetailHistoryTransactionDetailUser = response.body.data ?? [];
this.total_data = response?.body?.count ?? 0;