{php $this->template('header')}
    
    <style>
        .dsnone{
            display: none;
        }
        html,body{
            height:auto
        }
        .bui-scroll-foot{
            display: none;
        }
        .bui-article p{
            text-indent:0;
        }
        .bui-article section p img{
            margin-left: 0rem
        }
        .imgbox{
            width: 100%!important;
            height: 100%!important
        }
        .bui-article p iframe {
            margin-left: 0em!important; 
        } 
             
        table{
            width: auto!important
        }
    </style>

    <link rel="stylesheet" href="{$public}css/tokeract/index/item.css?{php echo time()}">
    <link rel="mask-icon" href="//res.wx.qq.com/a/wx_fed/assets/res/MjliNWVm.svg" color="#4C4C4C">
    <link rel="stylesheet" href="{$public}css/tokeract/index/weixin.css?{php echo time()}">
    <link rel="stylesheet" href="{$public}css/chats/index/index.css?{php echo time()}">


        {php echo share($act['title'],$act['img'],$act['title'],'',share)}

    <div class="bui-page">

        <main style="background-color: #fff;">
            <div id="scrollList" class="bui-scroll">
                
                <div class="bui-scroll-head"></div>
            <article id="panel" class="bui-article">
                <h1>{$act['title']}</h1>
                <div class="article-info bui-box">
                    <span class="article-from">{$zuinfo['nickname']}</span>
                    <div class="span1">  {php echo time_shijian($act['time'])} </div>
                    
                </div>
            
                    <div id="img-content">
                        $act['content']
                    </div>
            
                {if $this->openmini}<div class="foot">
                    <span class="yuedu click" data-url="{if $act['url']!=''}{$act['url']}{else}{php echo iurl('tokeract/index/index',['uid'=>input('get.uid')])}{/if}">阅读原文</span>
                    <span class="eye"> 阅读 {php echo ($act['eye']+$act['addeye'])>100000?'10万+':($act['eye']+$act['addeye'])} </span>
                    <div class="right zaikan" data-type="1"> <i class="iconfont icon-icon_haokan {if $iszan==1}praised{/if}"></i> <span class="{if $iszan==1}praised{/if}">在看</span> <span class="praise_num {if $iszan==1}praised{/if}" data-zan="{php echo ($act['zan']+$act['addzan']);}">{php echo ($act['zan']+$act['addzan'])>100000?'10万+':($act['zan']+$act['addzan'])}</span></div>
                </div>{/if}
            </article>

            {if $this->openmini}

            <!-- 修改 -->
         
                {if config('edit_me')==2||$this->vip==1}
                    {if $zuid!=$duid}
                        <div class="xiugai_box jianbian3" onclick="shiyong({php echo user(input('get.uid'),'actedit');})">
                            修改成我的
                        </div>
                    {/if}
                {/if}
            <!-- 修改END -->


            <!-- 广告位 -->
            <div class="ad_box" {if config('bottom_ad')==2} style="margin-bottom: 1rem;"{/if}>
                <div class="title_line">
                    <span class="tips"> 广 告 </span>
                </div>
                
                <div class="ad">
                    
                    <div class="info">

                        <ul class="bui-list">
                            <li class="bui-btn bui-box click" data-url="{php echo iurl('index/index/index')}">
                                <div class="tu"> <img src="{$ad['img']}"> </div>
                                <div class="span1">
                                    <div class="name" style="font-size: .25rem;margin-bottom: .2rem;">{$ad['title']}</div>
                                    <div class="jieshao bui-ellipsis-1" style="font-size: .3rem;">{$ad['depict']}</div>
                                </div>
                               
                                <div class="tui"> 推 广 </div>
                            </li>
                        </ul>

                    </div>
                </div>

            </div>
            <!-- 广告END -->
            <!-- 聊天头像 -->
            {if config('config_chats')==2}

                {if $zuid!=$duid}
                    <div class="box_liaotian click dsnone" data-url="{php echo iurl('chats/index/index')}&uid={$zuid}&cid={$token}&title={$act['title']}&type=1">
                        <div class="container">
                            <div class="wave solid warning">
                                <div class="circle"></div>
                                <div class="content">
                                    <img src="{php echo user($zuid,'headimgurl')}" id="headimgurl">
                                </div>
                            </div>
                        </div>
                    </div>
                {/if}
                
            {/if}
            <!-- 聊天END -->
            
            <!-- 底部广告 -->
            {if config('bottom_ad')==2}
                
            <div class="footer_box">

                <ul id="tabFootNav1" class="bui-nav">
                    <li class="bui-btn btn-home bui-box-vertical" tapmode id="btnOpen" style="overflow:visible;">
                        <i class="big-icon bgauto" style="background-image: url({php echo user($zuid,'headimgurl')})"></i>

                        <span class="layer1"></span><span class="layer2"></span>
                    </li>
                    <li class="bui-btn bui-box-vertical click" data-url="{php echo iurl('user/article/index',['uid'=>$zuid])}">
                        <i class="iconfont icon-fabuwenzhang"></i>
                        <div class="span1">TA的文章</div>
                    </li>
                    <li class="bui-btn bui-box-vertical weixin" onClick="weixin()">
                        <i class="iconfont icon-weixin"></i>
                        <div class="span1">TA的微信</div>
                    </li>
                    
                    <li class="bui-btn bui-box-vertical click" data-url="{php echo iurl('card/index/index',['uid'=>$zuid])}">
                        <i class="iconfont icon-gerenzhuye"></i>
                        <div class="span1">TA的名片</div>
                    </li>
                    
                    <li class="bui-btn bui-box-vertical click" data-url="tel:{php echo user($zuid,'phone')}">
                        <i class="iconfont icon-42"></i>
                        <div class="span1">拨打电话</div>
                    </li>

                </ul>

            </div>

            {/if}

            <!-- 底部广告END -->
          {/if}

                <div class="bui-scroll-foot"></div>
            </div>
        </main>
    
    </div>
    
    <style>
        img,p{
            max-width: 100%!important;
        }

    </style>
    
    
    <div id="dialogCenter" class="bui-dialog" style="display: none;">
        <div class="bui-dialog-head">关注</div>
        <div class="bui-dialog-main">
            <img src="{$ewm}" >
            <p class="text-c" style="margin-top: .25rem">长按识别关注公众号体验更多</p>
        </div>
       
        <div class="bui-dialog-close"><i class="icon-close"></i></div>
    </div>

    <div id="dialogCenter_weixin" class="bui-dialog" style="display: none;">
        <div class="bui-dialog-head">添加好友</div>
        <div class="bui-dialog-main">
            <img src="{php echo user(input('get.uid'),'wxcode')}" style="width: 3rem;height: 3rem;">
            <p class="text-c" style="margin-top: .25rem">长按识别添加我的微信</p>
        </div>
       
        <div class="bui-dialog-close"><i class="icon-close"></i></div>
    </div>

        <div id="dialogDownChats" class="bui-dialog" style="display: none;background-color: #F4F5F7;">
        <div class="bui-dialog-head" style="background-color: #fff;margin-bottom: .25rem;">聊天</div>
        
            <div class="bui-panel chat-panel" id="chats_content">
                
            </div>
            <footer>
                <div class="chatbar" style="position: fixed;bottom: 0;left: 0;right: 0rem;background-color: #fff;">
                    <div class="bui-input">
                        <textarea id="chatInput" placeholder="点击可以输入聊天信息" ></textarea><span id="btnSend" class="bui-btn round disabled">发送</span>
                    </div>
                </div>
            </footer>
        <div class="bui-dialog-close"><i class="icon-close"></i></div>
    </div>

        <script src="{$public}js/w.js"></script>
        <script src="{$public}js/clipboard.min.js?{php echo time()}"></script>
        <script src="{$public}js/weixin.js?{php echo time()}"></script>
    <script> 
        



        bui.ready(function(){
            
            var time=0;
            setInterval(function(){

                time++;
                
            },1000);

            var s=bui.list({
                    id: "#scrollList",
                    url: "{php echo iurl('shijian',['id'=>$act['id']])}",
                    field: {
                        page: "page",
                        size: "pageSize",
                        data: "data"
                    },
                    onBeforeLoad : function (r) {
            
                        var data={};
                        data.uid="{php echo input('get.uid')}";
                        data.time_shijian=time;
                        data.page=r;
                        if (r==2) {
                            $.get("{php echo iurl('shijian',['id'=>$act['id'],'type'=>1,])}",data,function(res){})
                        }

                    }
                })

            $('.zaikan').on('click',function(){

                    var t=$(this);
                    var data={};
                    var num=t.find('.praise_num');
                    var zan=parseInt(num.text()); 
            
                    var url="{php echo iurl('actzan')}";//文章点赞
                    data.aid='{php echo $_GET['id']}'

                  $.post(url,data,function(r){

                     if(r==1){

                           t.find('i').addClass('praised');
                           t.find('span').addClass('praised');

                           if (zan>100000) {

                                num.text('10万+').show();

                           }else{

                                num.text(zan+1).show();

                           }
                            


                      }else{

                           t.find('i').removeClass('praised');
                           t.find('span').removeClass('praised');
                           if (zan>100000) {

                                num.text('10万+').show();

                           }else{

                                num.text(zan-1); 
                           }
                          

                           if(zan==1){

                                num.hide();
                           }

                      }
                  })

              })

            window.share=function (){
            
                var id="{$act['id']}",uid="{php echo $this->user['id']}",type="{$act['type']}";
                $.post("{php echo iurl('share_act')}",{id:id,uid:uid,type:type},function(r){})

            };
            var uiDialog = bui.dialog({
                id: "#dialogCenter",
                height: 280,
            });
            var uiDialog1 = bui.dialog({
                id: "#dialogCenter_weixin",
                height: 280,
            });

            window.weixin=function(){

                uiDialog1.open();

            }
            window.shiyong=function(i){

                var subscribe="{php echo user($this->user['id'],'subscribe')}";
                var force_uinfo="{php echo config('force_uinfo')}";
                var editact="{php echo config('actedit')}";
                var vip="{php echo $this->vip}";
                console.log(subscribe+'---'+force_uinfo);
                // alert(subscribe);alert(force_uinfo);
                if (subscribe==0&&force_uinfo==2) {

                    uiDialog.open();
                    return false; 
                }

                if (vip==0) {

                    if (i>=editact) {

                        return $('#vip_box').show();

                    }

                    
                }

                window.location.href="{php echo iurl('tokeract/index/edit',array('id'=>$act['id']))}";

            }
            /**
             * 聊天
             */
            var uiDialogDownChats = bui.dialog({
                    id: "#dialogDownChats",
                    effect: "fadeInUp",
                    position: "bottom",
                    fullscreen: false,
                    height:"90%",
                    buttons: []
                });
             var woker = new Woker("trhy4tEcmlfBueW6");
            var channel = woker.subscribe('desk_{$token}');
            var limg="{php echo user(input('get.uid'),'headimgurl')}",rimg="{php echo $this->user['headimgurl']}",userid="{php echo $this->user['id']}";
            channel.on('my-event', function(msg) {
                var r= json(msg);
                var v=r.desk;

                var html='';
                if (v.uid==userid) {
                     html+=`<div class="bui-box-align-top chat-target">
                                <div class="chat-icon"><img src="`+limg+`" style="width:.6rem;height:.6ren;border-radius:50%;"></div>
                                <div class="span1">
                                    <div class="chat-content bui-arrow-left">`+v.content+`</div>
                                </div>
                            </div>`
                   
                }else{
                     html+=`<div class="bui-box-align-top chat-mine">
                                <div class="span1">
                                    <div class="bui-box-align-right">
                                        <div class="chat-content bui-arrow-right">
                                             `+v.content+`
                                        </div>
                                    </div>
                                </div>
                                <div class="chat-icon"><img src="`+rimg+`" style="width:.6rem;height:.6ren;border-radius:50%;" alt=""></div>
                            </div>`
                }

                $('#chats_content').append(html);

                uiDialogDownChats.open();

                var pageview = {};
            var uid="{php echo $_GET['uid']}",token="{$token}",cid="{php echo $cid}",tuid="{php echo $_GET['tuid']}",type="{php echo input('get.type')?input('get.type'):0}";
            // 模块初始化定义    
            pageview.init = function () {
                this.bind();
            }
            pageview.bind = function () {
                    // 发送的内容
                var $chatInput = $("#chatInput"),
                    // 发送按钮
                    $btnSend = $("#btnSend"),
                    // 聊天的容器
                    $chatPanel = $(".chat-panel");
                
                // 绑定发送按钮
                $btnSend.on("click",function (e) {
                    var val = $chatInput.val();
                    // var tpl = chatTpl(val);

                    if( !$(this).hasClass("disabled") ){
                        // $chatPanel.append(tpl);
                        $chatInput.val('');
                        $(this).removeClass("primary").addClass("disabled");
                        
                        $.post("{php echo iurl('chats/index/fasong')}&type="+type+"&cid="+cid+"&token="+token+"&tuid="+tuid,{content:val,uid:uid,cid:cid},function(r){

                        });
                    }else{
                        return false;
                    }
                });

                // 延迟监听输入
                $chatInput.on("input",bui.unit.debounce(function () {
                    var val = $chatInput.val();
                    if( val ){
                        $btnSend.removeClass("disabled").addClass("primary");
                        
                    }else{
                        $btnSend.removeClass("primary").addClass("disabled");

                    }
                },100))

                var interval = null;
                var count = 3;
                // 安卓键盘弹出的时间较长;
                var time = bui.platform.isIos() ? 200 : 400;
                // 为input绑定事件
                $chatInput.on('focus', function () {
                    
                    var agent = navigator.userAgent.toLowerCase();
                    interval = setTimeout(function() {
                        if (agent.indexOf('safari') != -1 && agent.indexOf('mqqbrowser') == -1 &&
                            agent.indexOf('coast') == -1 && agent.indexOf('android') == -1 &&
                            agent.indexOf('linux') == -1 && agent.indexOf('firefox') == -1) { 
                            //safari浏览器
                            window.scrollTo(0, 1000000);
                            setTimeout(function() {
                                window.scrollTo(0, window.scrollY - 45);
                            }, 50)

                        } else { 
                            //其他浏览器
                            window.scrollTo(0, 1000000);
                        }

                    }, time);
                }).on('blur', function () {
                    if( interval ){
                        clearTimeout(interval);
                    }
                    
                    var agent = navigator.userAgent.toLowerCase();
                    interval = setTimeout(function() {
                        if (!(agent.indexOf('safari') != -1 && agent.indexOf('mqqbrowser') == -1 &&
                                agent.indexOf('coast') == -1 && agent.indexOf('android') == -1 &&
                                agent.indexOf('linux') == -1 && agent.indexOf('firefox') == -1)) { 
                                //safari浏览器
                            window.scrollTo(0, 30);
                        }
                    }, 0);
                });
            }



            pageview.init();
            return pageview;



        

            });




        })
        
        function json(r){
            return eval('(' + r + ')');
        }

        $('img').css({'max-width':"100%",'height':'auto'});
        $('section').css({'max-width':"100%"});
        $('table').css({'max-width':"100%"});
        $.post('',function(){});
        
    </script>


{php $this->template('footer')}