<!DOCTYPE html>
<html lang="en">
<head>
    <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">
    <meta charset="UTF-8">

    <title>邀請朋友共享高收益</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/layer.css">
    <link rel="stylesheet" href="css/index.css?v=20181023234253222132">
    <script src="lib/fsize.js"></script>
            
    <style>
        .layui-layer-close{
            display: none!important;
        }
        .yourclass2{
            box-shadow:none !important;
            background: rgba(255,255,255,0) !important;
            top: 50% !important;
            margin-top: -4.585rem !important;
            left: 50% !important;
            margin-left:-3.93rem !important;
        }
        .yourclass3{
            box-shadow:none !important;
            background: rgba(255,255,255,0) !important;
            top: 50% !important;
            margin-top: -4.88rem !important;
            left: 50% !important;
            margin-left:-4.485rem !important;
        }
        .layui-layer-shade{
            opacity: 0.6 !important;
        }
    </style>
</head>
<body>
<div class="bg">
    <div class="banner">
        <img class="floor" src="images/floor.png" alt="">
        <img class="gold1 floater" src="images/g1.png" alt="i"><img class="gold2 floater" src="images/g2.png" alt=""><img class="gold3 floater" src="images/g3.png" alt="">
        <img class="Thunder1" src="images/t1.png" alt=""><img class="Thunder2" src="images/t3.png" alt=""><img class="Thunder3" src="images/t5.png" alt="">
        <a href="userList.html"><img class="list-btn" src="images/friendList.png?v='20181120'" alt=""></a>
        <img class="illuminate" src="images/illuminate.png" alt="">
        <img class="invite-btn" src="images/btn.png" alt="">
        <p class="InvitationCode">我的邀請碼 : <span id="target"></span> <button data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn">複製</button></p>
        <div class="invite-rich-box">分享總收益:<img src="images/fire.png" alt=""><span class="invite-rich-num">--螢火</span>
            <a href="../fireflyRmb/canFireFly.html"><button class="invite-rich-btn">查看</button></a></div>
    </div>
    <div class="box2"><img src="images/part-2.png?v=2018102202" alt=""></div>
    <div class="box3"><img src="images/part-31.png?v=2018102202" alt=""></div>
    <div style="height: 2rem;"></div>
    <!--<div class="bottom-box">-->
        <!--<img style="height: 1.06rem;margin-top: 0.5rem;" src="images/LOGO2.png" alt="">-->
    <!--</div>-->
    <!--<div style="height: 2rem;"></div>-->
    <!--<p class="b-tips">最終解釋所有權歸Firefly所有</p>-->
</div>

<img class="b-btn" style="width: 10rem;position: fixed;bottom: 0;z-index: 500;display: none" src="images/b-btn.png" alt="">
<div class="yes-layerBox">
    <p class="p2">只有經紀人享有邀請福利哦</p>
    <p class="p3">立即邀請好友吧</p>
    <p style="text-align: center; padding-top: 0.8rem;"><button>確定</button></p>
</div>
<div class="no-layerBox">
    <p class="p1">未具有經紀人資格</p>
    <p class="p2">您還需要邀請<span style="color: #00ED8C;" class="layer-man">4人</span>才能成為經紀人</p>
    <p class="p3">只有經紀人享有邀請福利哦</p>
    <p style="text-align: center; padding-top: 0.8rem;"><button>確定</button></p>

</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="lib/clipboard.min.js"></script>
<script src="layer/layer.js"></script>
<script>
    $(window).on("scroll", function () {
        var sTop = $(window).scrollTop();
        var sTop = parseInt(sTop);
        if (sTop >= 520) {
            $(".b-btn").show()
        }else{
            $(".b-btn").hide()
        }
    });
    $ip = "https://webserver.yabolive.net";
//    $ip = "http://ceshi.yabolive.tv/web";
    cdn = "https://zhibocdn.yabolive.net/"
    var bbb = location.href;
    var data = url_get_params(bbb)
    sessionStorage.bbb = data.uid; //t
    sessionStorage.kkk = data.token;//k
    sessionStorage.appversion=data.appversion;
    function url_get_params(url_path) {
        var url = url_path;
        var theRequest = new Object();
        if (url.indexOf("?") != -1) {
            var str = url.substr(url.indexOf("?") + 1);
            strs = str.split("&");
            for (var i = 0; i < strs.length; i++) {
                theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
            }
        }
        return theRequest;
    }
    //弹窗
    if(sessionStorage.appversion>3699){
        if(localStorage.inviteOk==undefined){
            $.ajax({
                url:$ip+'/agent/getbindcount.html',
                type:"post",
                data:{
                    uid:sessionStorage.bbb,
                    os:"WEB",
                    cid:"web_gw",
                    lang:"1"
                },
                success: function (msg) {
                    var data=JSON.parse(msg);
                    if(data.isAgent==1){
                        layer.open({
                            type: 1,
                            title: false,
                            skin: 'yourclass3',
                            area : ['8.97rem','9.76rem'],
                            shadeClose: true,
                            content:$(".yes-layerBox"),
                        });
                        localStorage.inviteOk=sessionStorage.bbb;
                    }
                }
            })
        }else{
            if(localStorage.inviteOk!=sessionStorage.bbb){
                $.ajax({
                    url:$ip+'/agent/getbindcount.html',
                    type:"post",
                    data:{
                        uid:sessionStorage.bbb,
                        os:"WEB",
                        cid:"web_gw",
                        lang:"1"
                    },
                    success: function (msg) {
                        var data=JSON.parse(msg);
                        if(data.isAgent==1){
                            layer.open({
                                type: 1,
                                title: false,
                                skin: 'yourclass3',
                                area : ['8.97rem','9.76rem'],
                                shadeClose: true,
                                content:$(".yes-layerBox"),
                            });
                            localStorage.inviteOk=sessionStorage.bbb;
                        }
                    }
                })
            }
        }
    }


    $(".yes-layerBox button").on("click", function () {
        layer.closeAll()
    })
    $(".no-layerBox button").on("click", function () {
        layer.closeAll()
    })

    //复制到粘贴板
    $(document).ready(function(){
        var targetText=$("#target").text();
        var clipboard = new Clipboard('#copy_btn');
    });
    $(".InvitationCode span").text(sessionStorage.bbb)
    $(".InvitationCode button").on("click", function () {
        layer.msg("已複製到粘貼板")
        console.info('Action:', e.action);
        console.info('Text:', e.text);
        console.info('Trigger:', e.trigger);
        e.clearSelection();
    })
    //页面特效
    Thunder=false;
    setInterval(function () {
        if(Thunder==false){
            $(".Thunder1").attr("src","images/t2.png")
            $(".Thunder2").attr("src","images/t4.png")
            $(".Thunder3").attr("src","images/t6.png")
            Thunder=true;
        }else{
            $(".Thunder1").attr("src","images/t1.png")
            $(".Thunder2").attr("src","images/t3.png")
            $(".Thunder3").attr("src","images/t5.png")
            Thunder=false;
        }
    },1000)
    //    illuminate=false
    setTimeout(function () {
        $(".illuminate").fadeOut(500)
    },500)
    setTimeout(function () {
        $(".illuminate").fadeIn(500)
    },1700)
    setInterval(function () {
        setTimeout(function () {
            $(".illuminate").fadeOut(500)
        },500)
        setTimeout(function () {
            $(".illuminate").fadeIn(500)
        },1700)
    },3000)
    //獲取分享總收益
    $.ajax({
        url: $ip + '/user/getuseraccount.html',
        type: 'POST',
        dataType: 'json',
        data: {
            uid: sessionStorage.bbb,
            token: sessionStorage.kkk,
            lang: '1',
            cid: 'h5_gw',
            os: 'h5'
        },
        success: function (msg) {
            $(".invite-rich-num").text((msg.invitebonds+msg.agentbonds)+"螢火")
        }
    })
    layerOk=true
    //点击分享按钮
    $(".b-btn").on("click", function () {
        shareClick()


    })
    $(".invite-btn").on("click", function () {
        shareClick()

    })
    function shareClick(){
        if(sessionStorage.appversion>3699){
            $(".no-layerBox button").unbind("click")
            $(".no-layerBox button").on("click", function () {
                layerOk=true
                showShare()
                layer.closeAll()
            })
            if(layerOk==true){
                layerOk=false;
                //没有本地存储
                if(localStorage.inviteOk==undefined){
                    $.ajax({
                        url:$ip+'/agent/getbindcount.html',
                        type:"post",
                        data:{
                            uid:sessionStorage.bbb,
                            os:"WEB",
                            cid:"web_gw",
                            lang:"1"
                        },
                        success: function (msg) {
                            var data=JSON.parse(msg);
                            console.log(data);
                            if(data.isAgent==0){
                                $(".layer-man").text((4-data.bindCount)+'人')
                                layer.open({
                                    type: 1,
                                    title: false,
                                    skin: 'yourclass2',
                                    area : ['7.86rem','9.17rem'],
                                    shadeClose: false,
                                    content:$(".no-layerBox"),
                                });

                            }
//                    else if(data.isAgent==1){
//                        layer.open({
//                            type: 1,
//                            title: false,
//                            skin: 'yourclass2',
//                            area : ['8.97rem','9.76rem'],
//                            shadeClose: true,
//                            content:$(".yes-layerBox"),
//                        });
//                        localStorage.inviteOk=sessionStorage.bbb;
//                    }
                        }
                    })
                }
                //有本地存储
                else{
                    if(localStorage.inviteOk!=sessionStorage.bbb){
                        $.ajax({
                            url:$ip+'/agent/getbindcount.html',
                            type:"post",
                            data:{
                                uid:sessionStorage.bbb,
                                os:"WEB",
                                cid:"web_gw",
                                lang:"1"
                            },
                            success: function (msg) {
                                var data=JSON.parse(msg);
                                console.log(data);
                                if(data.isAgent==0){
                                    $(".layer-man").text((4-data.bindCount)+'人')
                                    layer.open({
                                        type: 1,
                                        title: false,
                                        skin: 'yourclass2',
                                        area : ['7.86rem','9.17rem'],
                                        shadeClose: false,
                                        content:$(".no-layerBox"),
                                    });
                                }
//                        else if(data.isAgent==1){
//                            layer.open({
//                                type: 1,
//                                title: false,
//                                skin: 'yourclass2',
//                                area : ['8.97rem','9.76rem'],
//                                shadeClose: true,
//                                content:$(".yes-layerBox"),
//                            });
//                            localStorage.inviteOk=sessionStorage.bbb;
//                        }
                            }
                        })
                    }else{
                        showShare()
                        layerOk=true
                    }
                }
            }
        }else{
            showShare()
        }
    }
    function showShare(){
        $.ajax({
            url:$ip+"/agent/getqrcode.html",
            type:"post",
            data:{
                lang: '1',
                cid: 'h5_gw',
                os: 'h5',
                uid:sessionStorage.bbb,
                token:sessionStorage.kkk
            },
            success: function (msg) {
                console.log(msg)
                var data=JSON.parse(msg)
                if(data.code==1){
                    picImg=data.qrurl;
                    var obj = {
                        "cid": 3,
                        "reqCode": new Date().getTime(),
                        "data":{
                            "shareContent": {
                                "pic": cdn+picImg,
                                "title":"FireFly邀請分享",
                                "text":"嗨,我在Firefly看直播,這裡妹子正,看直播有幣賺,開直播還有高提成,過來和我一起嗨吧!",
                                "webpage":"https://www.yabolive.tv/Nesting/invite/share.html?agentCode="+sessionStorage.bbb+"&bindType=3",
                            },
                            "shareType":{
                                "wechat":1,
                                "wechat_moment":1,
                                "facebook":1,
                                "line":3,
                                "link":3,
                                "whatsApp":3,
                                "twitter":3
                            }
                        }

                    }
                    var obj2=JSON.stringify(obj);
                    appCollaboration(obj2)
                }
            }
        })

    }
    function appCollaboration(msg) {
        var sUserAgent = navigator.userAgent.toLowerCase();
        var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
        var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
        var bIsMidp = sUserAgent.match(/midp/i) == "midp";
        var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
        var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
        var bIsAndroid = sUserAgent.match(/android/i) == "android";
        var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
        var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
        if (!(bIsIpad|| bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) ){
        }
        else if(bIsAndroid){
            window.yazhai.appCollaboration(msg);
        }else if(bIsIphoneOs||bIsIpad){
            window.webkit.messageHandlers.appCollaboration.postMessage(msg);
        }
    }
    //客户端回调结果
    function appCallback(msg) {
        console.log(msg);
    }




</script>
</html>