iframe_cashpay_live
Version:
iframe_cashpay. A plugin to add payments Cash E-wallet to your application.
55 lines (53 loc) • 2.47 kB
HTML
<html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><title>CashPayButton</title><style>/*style for CashPayButton*/
.CashPayButtonStyle {
color: white;
font-size: medium;
background-color: #006666;
border-radius: 30px;
}</style></script></head><body><cashpaybutton id="onClickCashPayButton2" type="test" onclickcashpaybutton="onClickCashPayButton" classname="CashPayButtonStyle" lang="en"></cashpaybutton><script>//You must use function onClickCashPayButton and return iframeURL
async function onClickCashPayButton() {
//Send itemList for your server and post CreateOrder.
//For example.
var itemList = [
{
"itemName": "كتاب",
"amount": 2000
},
{
"itemName": "ساعة",
"amount": 5000
}
];
var requestOptions = {
method: 'POST',
body: JSON.stringify(itemList),
redirect: 'follow'
};
var iframeURL = "";
await fetch('https://api.example.com/itemList', requestOptions)
.then(response => response.json())
.then(res => {
if (res) {
if (res.iframeURL) {
iframeURL = res.iframeURL;
}
}
})
.catch(error => {
console.error(error);
});
//iframeURL returned from Response CreateOrder
//Documentation https://documenter.getpostman.com/view/17550185/2s93XzwN9o
if (iframeURL) {
// console.log("iframeURL", iframeURL);
//You must return iframeURL to display iframe_cashpay
return iframeURL;
}
};
//Function callback onConfirmPayment
function onConfirmPayment(data) {
//After Confirmatin from CashPayButton.
//Here use CheckOrderStatus to check order status.
//Documentation https://documenter.getpostman.com/view/17550185/2s93XzwN9o
console.log("paymentData2", data);
};</script><script src="index.js"></script></body></html>