<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no">
<script src="../lib/fsize.js"></script>
<script src="../lib/jquery-3.1.1.min.js"></script>
<link rel="stylesheet" href="../css/base.css">
<link rel="stylesheet" href="../css/fireflyPay.css?v='2018060681'">
<link rel="stylesheet" href="../css/layer.css">
<title></title>
<style>
.payfor-ul{
text-align: center;
}
.payfor-ul img{
width: 4rem;
margin-top: 0.5rem;
}
</style>
</head>
<body >
<div class="p-w alipay">
<div style="padding-top: 1rem;"></div>
<!--<div>-->
<!--<p class="apple-top">優惠充值</p>-->
<!--</div>-->
<ul class="payfor-ul clearfix">
<img src="../img/loading.png" alt="">
<!--<li>-->
<!--<div class="payfor-top"><img src="../img/zuan.png"><span>100</span></div>-->
<!--<div class="payfor-b"><span>￥</span><span>10</span></div>-->
<!--<span style="display:none">13</span>-->
<!--</li>-->
<!--<li>-->
<!--<div class="payfor-top"><img src="../img/zuan.png"><span>100</span></div>-->
<!--<div class="payfor-b"><span>￥</span><span>10</span></div>-->
<!--<span style="display:none">13</span>-->
<!--</li>-->
<!--<li>-->
<!--<div class="payfor-top"><img src="../img/zuan.png"><span>100</span></div>-->
<!--<div class="payfor-b"><span>￥</span><span>10</span></div>-->
<!--<span style="display:none">13</span>-->
<!--</li>-->
<!--<li>-->
<!--<div class="payfor-top"><img src="../img/zuan.png"><span>100</span></div>-->
<!--<div class="payfor-b"><span>￥</span><span>10</span></div>-->
<!--<span style="display:none">13</span>-->
<!--</li>-->
<!--<li>-->
<!--<div class="payfor-top"><img src="../img/zuan.png"><span>100</span></div>-->
<!--<div class="payfor-b"><span>￥</span><span>10</span></div>-->
<!--<span style="display:none">13</span>-->
<!--</li>-->
<!--<li>-->
<!--<div class="payfor-top"><img src="../img/zuan.png"><span>100</span></div>-->
<!--<div class="payfor-b"><span>￥</span><span>10</span></div>-->
<!--<span style="display:none">13</span>-->
<!--</li>-->
<!--<li>-->
<!--<div class="payfor-top"><img src="../img/zuan.png"><span>100</span></div>-->
<!--<div class="payfor-b"><span>￥</span><span>10</span></div>-->
<!--<span style="display:none">13</span>-->
<!--</li>-->
</ul>
<div class="paypal">
<button class="login-btn L-Cn">下一步</button>
<button class="login-btn L-En">Next</button>
</div>
<p class="login-tips L-Cn">如果出現儲值問題，請登錄FIREFLY.LIVE并聯繫客服</p>
<p class="login-tips L-En" >Any question, please contact online services</p>
</div>
</body>
<script src="../lib/jquery-3.1.1.min.js"></script>
<script src="../lib/globalizationJq.js"></script>
<script src="../layer-v3.1.0/layer/layer.js"></script>
<script src="../lib/paypel.js"></script>
<script>
if(sessionStorage.lang==1)$("title").text("Top-Up GEMs")
else $("title").text("寶石儲值")
var $ip="https://webserver.yabolive.net";
//var $ip='http://ceshi.yabolive.tv/web'
var btnOk=false;
$.ajax({
url:$ip+"/setting/getRecharge.html",
type:"post",
data:{
'cid':"web_gw",
'os':"h5",
lang:sessionStorage.lang,
'vest':0,
'paytype':sessionStorage.pay
},
error:function(msg){
console.log('请求出错');
},
success: function (msg) {
var data=JSON.parse(msg);
var html=[];
for(var i=0;i<data.data.length;i++){
html+='<li>'
html+='<div class="payfor-top"><img src="../img/zuan.png"><span>'+data.data[i].diamond+'</span></div>'
html+='<div class="payfor-b"><span>'+data.data[i].price[0].currency+'</span><span>'+data.data[i].price[0].price+'</span></div>'
html+='<span style="display:none">'+data.data[i].rid+'</span>'
html+='</li>'
}
$(".payfor-ul").html(html);
$(".payfor-ul li").on("click", function () {
$(this).siblings("li").removeClass("p-active");
$(this).addClass("p-active");
rid= $(this).children().eq(2).text();
console.log(rid);
money=$(this).children().eq(1).children().eq(1).text();
console.log(money);
btnOk=true;
// var html=[];
// html+='<div><button class="next-btn btn" id="next-go">确认</button></div>';
// $(".paypalh").html(html);
// $(".next-btn").attr("id","next-go");
// $('.next-btn').attr("disabled",false);
})
}
})
$(".login-btn").on("click", function () {
if(btnOk==true){
if(sessionStorage.pay=="PAYPALPAY") {
$.ajax({
url:$ip+"/pay/getPayPreid.html",
type:"post",
data:{
'cid':"web_gw",
'os':"h5",
lang:2,
'uid':sessionStorage.uid,
'product':"橙钻充值",
'country':"86",
'rid':rid,
'payType':sessionStorage.pay,
'payTypeSub':"NAVITE",
'amount':money*100,
'extend':"0",
},
success: function (msg) {
var data =JSON.parse(msg);
// $.cookie('oid',data.orderId,{expires:1});
sessionStorage.oid=data.orderId;
key=data.payInfo.key;
var html1=[];
html1+="<div style=' text-align: center;margin-top: 1.7rem;' class='paypalpay'>";
html1+="<div id=paypal-button-container></div>";
html1+="</div>";
$(".paypal").html(html1);
paypal.Button.render({
env: 'production', // sandbox | production
// PayPal Client IDs - replace with your own
// Create a PayPal app: https://developer.paypal.com/developer/applications/create
client: {
production:key,
// production: '<insert production client id>'
},
style: {
color: 'gold',
size: 'large',
shape:'rect',
locale:'zh_US',
},
// Show the buyer a 'Pay Now' button in the checkout flow
commit: true,
// payment() is called when the button is clicked
payment: function(data, actions) {
// Make a call to the REST api to create the payment
return actions.payment.create({
payment: {
transactions: [
{
amount: { total: money, currency: 'USD' },
custom: sessionStorage.oid,
}
]
}
});
},
// onAuthorize() is called when the buyer approves the payment
onAuthorize: function(data, actions) {
// Make a call to the REST api to execute the payment
return actions.payment.execute().then(function() {
setInterval(function () {
window.location.href='payend.html';
},100)
});
}
}, '#paypal-button-container');
}
})
}
else if(sessionStorage.pay=="ALIPAY"){
$.ajax({
url:$ip+"/pay/getPayPreid.html",
type:"post",
data:{
'cid':"web_gw",
'os':"h5",
lang:2,
'uid':sessionStorage.uid,
'product':"橙钻充值",
'country':"86",
'rid':rid,
'payType':sessionStorage.pay,
'payTypeSub':"H5",
'amount':money*100,
'extend':"https://www.footseen.com/footseen/phonepay/payend.html",
},
success: function (msg) {
console.log(msg);
var data =JSON.parse(msg);
// $.cookie('oid',data.orderId,{expires:1});
sessionStorage.oid=data.orderId;
var html=[];
console.log(data);
html+=data.payInfo.h5
$(".alipay").html(html);
}
})
}
else if(sessionStorage.pay=="WECHATPAY"){
$.ajax({
url:$ip+"/pay/getPayPreid.html",
type:"post",
data:{
'cid':"web_gw",
'os':"h5",
lang:2,
'uid':sessionStorage.uid,
'product':"橙钻充值",
'country':"86",
'rid':rid,
'payType':sessionStorage.pay,
'payTypeSub':"MWEB",
'amount':money*100,
'extend':"https://www.footseen.com/footseen/phonepay/payend.html",
},
success: function (msg) {
var data = JSON.parse(msg);
// $.cookie('oid',data.orderId,{expires:1});
sessionStorage.oid=data.orderId;
var url =data.payInfo.mweb_url;
window.location.href=url;
}
})
}
else if(sessionStorage.pay=='MOLPAY'){
$.ajax({
url:"https://webserver.yabolive.net/pay/getPayPreid.html",
type: "post",
data: {
'cid':"web_gw",
'os':"h5",
lang:2,
"uid": sessionStorage.uid,
"product": "橙钻货币充值",
"country": "86",
"rid": rid,
"lang": 2,
"payType": sessionStorage.pay,
"payTypeSub": "H5",
"amount": money*100,
"extend": "0",
"returnUrl":"http://www.firefly.live/phonepay/payend.html",
},
success: function (msg) {
var data=JSON.parse(msg);
console.log(data);
window.location.href=data.payInfo.url;
}
})
}
}else{
if(sessionStorage.lang==2) layer.msg("請選擇充值金額");
else layer.msg("Please select Top-Up amount");
}
})
$(".payfor-ul").on("click", function () {
if(sessionStorage.pay=='PAYPALPAY'){
if(sessionStorage.lang==2) $(".paypal").html('<button class="login-btn">下一步</button>')
else $(".paypal").html('<button class="login-btn">Next</button>')
$(".login-btn").unbind("click")
$(".login-btn").on("click", function () {
if(btnOk==true){
if(sessionStorage.pay=="PAYPALPAY") {
$.ajax({
url:$ip+"/pay/getPayPreid.html",
type:"post",
data:{
'cid':"web_gw",
'os':"h5",
lang:2,
'uid':sessionStorage.uid,
'product':"橙钻充值",
'country':"86",
'rid':rid,
'payType':sessionStorage.pay,
'payTypeSub':"NAVITE",
'amount':money*100,
'extend':"0",
},
success: function (msg) {
var data =JSON.parse(msg);
// $.cookie('oid',data.orderId,{expires:1});
sessionStorage.oid=data.orderId;
key=data.payInfo.key;
var html1=[];
html1+="<div style=' text-align: center;margin-top: 1.7rem;' class='paypalpay'>";
html1+="<div id=paypal-button-container></div>";
html1+="</div>";
$(".paypal").html(html1);
paypal.Button.render({
env: 'production', // sandbox | production
// PayPal Client IDs - replace with your own
// Create a PayPal app: https://developer.paypal.com/developer/applications/create
client: {
production:key,
// production: '<insert production client id>'
},
style: {
color: 'gold',
size: 'large',
shape:'rect',
locale:'zh_US',
},
// Show the buyer a 'Pay Now' button in the checkout flow
commit: true,
// payment() is called when the button is clicked
payment: function(data, actions) {
// Make a call to the REST api to create the payment
return actions.payment.create({
payment: {
transactions: [
{
amount: { total: money, currency: 'USD' },
custom: sessionStorage.oid,
}
]
}
});
},
// onAuthorize() is called when the buyer approves the payment
onAuthorize: function(data, actions) {
// Make a call to the REST api to execute the payment
return actions.payment.execute().then(function() {
setInterval(function () {
window.location.href='payend.html';
},100)
});
}
}, '#paypal-button-container');
}
})
}
}else{
if(sessionStorage.lang==2) layer.msg("請選擇充值金額");
else layer.msg("Please select Top-Up amount");
}
})
}
})
</script>
</html>