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

	<link rel="stylesheet" href="{$public}css/chats/index/index.css?{php echo time()}">
	<style>
		.iconfont{
			font-size: .45rem;
		}
		.chat-panel{
			margin-top: .25rem;
		}
		.bui-arrow-left:after, .bui-arrow-right:after, .bui-arrow-up:after, .bui-arrow-down:after{
			z-index: 5
		}
		.chat-icon{ overflow: hidden;border-radius: 50%; }
		.lianxi{ padding: 0;width: 5.2rem }
		.lianxi li{ padding: 0; }
		.lianxi .span1{ font-size: 0.26rem }
		.lianxi .iconfont{ font-size: 0.34rem }
		.lianxi .item-text{font-size: 0.22rem}
		.lianxi .icon-listright{ font-size: 0.22rem;color: #999 }
	</style>
	<div class="bui-page page-chat">

	    <main id="main">
	    	
			{php $type=['','文章','视频','项目'];$gettpey=input('get.type');$action=input('get.action')}
			
	        <div class="bui-panel chat-panel">
				{if empty(input('get.head'))}


                 <div class="bui-box-align-top chat-target">
				        <div class="chat-icon"><img src="{$user['headimgurl']}"></div>
					    <div class="span1">
					        <div class="chat-content bui-arrow-left">
								{if $action=='item'}
									
									我正在
									{if $gettpey==1} 阅读  {/if} 
		                        	{if $gettpey==2} 观看 {/if} 
		                        	{if $gettpey==3} 浏览  {/if} 
									您的
									{php echo $type[$gettpey]}
		                        	《 {php echo unicodeDecode(input('get.title'))} 》
		                        	可以通过底部对话框和我联系喔！
		                        	也可以去访客追踪联系我喔！
								{else}
		                        	您好您正在 
		                        	{if $gettpey==1} 阅读了  {/if} 
		                        	{if $gettpey==2} 观看了 {/if} 
		                        	{if $gettpey==3} 浏览了  {/if} 
		                        	我的
		                        	{php echo $type[$gettpey]}
		                        	《 {php echo unicodeDecode(input('get.title'))} 》，
		                        	可以通过下面的方式联系我喔！
								{/if}
					        </div>
					    </div>
				   </div>
				   		{if $action!='item'}
			              <div class="bui-box-align-top chat-target">
						        <div class="chat-icon"><img src="{$user['headimgurl']}"></div>
						        <div class="span1">
						            <div class="chat-content bui-arrow-left">
		                              <ul class="bui-list lianxi">
										    <li class="bui-btn bui-box" id="weixin">
										        <div class="icon"><i class="iconfont icon-weixin c1"></i></div>
										        <div class="span1">我的微信</div>
										        <div class="item-text">点击查看</div>
										        <i class="icon-listright"></i>
										    </li>
										    <li class="bui-btn bui-box click" data-url="tel://{$user['phone']}">
										        <div class="icon"><i class="iconfont icon-42 c2"></i></div>
										        <div class="span1">我的电话</div>
										        <div class="item-text">点击拨打</div>
										        <i class="icon-listright"></i>
										    </li>
										    <li class="bui-btn bui-box" id="btnOpen">
										        <div class="icon"><i class="iconfont icon-mingpian c3"></i></div>
										        <div class="span1">保存通讯录</div>
										        <div class="item-text">点击保存</div>
										        <i class="icon-listright"></i>
										    </li>
									    </ul>
						            </div>
						        </div>
						   </div>
						{/if}
				   {/if}

	

			</div>
	    </main>
	    <footer>
	        <div class="chatbar">

	            <div class="bui-input">
	                <textarea id="chatInput" placeholder="点击可以输入聊天信息" ></textarea><span id="btnSend" class="bui-btn round primary">发送</span>
	            </div>
	        </div>
	    </footer> 
	</div>

	<div id="dialogCenter" class="bui-dialog" style="display: none;">
	    <div class="bui-dialog-head">通讯录</div>
	    <div class="bui-dialog-main">

	        <img src="{php echo iurl('common/tongxun/ewm',['uid'=>$user['id']])}" style="width: 3.5rem;height: 3.5rem;"> 
			<div class="text-c"> 长按识别二维码保存通讯录  </div>
	    </div>
	    
	    <div class="bui-dialog-close"><i class="icon-close"></i></div>
	</div>
	<div id="dialogweixin" class="bui-dialog" style="display: none;">
	    <div class="bui-dialog-head">微信二维码</div>
	    <div class="bui-dialog-main">

	        <img src="{php echo user($user['id'],'wxcode')}" style="width: 3.5rem;height: 3.5rem;"> 
			<div class="text-c"> 长按识别二维码咨询我  </div>
	    </div>
	    
	    <div class="bui-dialog-close"><i class="icon-close"></i></div>
	</div>


	<script src="{$public}js/w.js"></script>
	<script>
		bui.ready(function(){	

			 var uiDialog = bui.dialog({
			        id: "#dialogCenter",
			        height: 300,
			        callback: function(e) {
			            console.log(e.target)
			        }
			    });

			    $('#btnOpen').on("click", function() {
			        uiDialog.open();
			    })
			    var uiDialog1 = bui.dialog({
			        id: "#dialogweixin",
			        height: 300,
			        callback: function(e) {
			            console.log(e.target)
			        }
			    });

			    $('#weixin').on("click", function() {
			        uiDialog1.open(); 
	    })


			var limg="{$user['headimgurl']}",rimg="{$rimg}",lname="{$user['nickname']}",rname="{$rname}",uid="{$tuid}";
		    var woker = new Woker("trhy4tEcmlfBueW6");
		    var channel = woker.subscribe('desk_{$token}');

	        channel.on('my-event', function(msg) {
	            var r= json(msg);
	            var v=r.desk;
	            // var str;
	            var html='';
	            if (v.uid==uid) {
	            	 html+=`
							<div class="bui-box-align-top chat-target">
				                <div class="chat-icon"><img src="`+limg+`"></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+`" alt=""></div>
		                    </div>`
	            }

	            $('.chat-panel').append(html);

    		});

	    
	

			var pageview = {};
            
		    // 模块初始化定义    
		    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 (val=='') {


		            	return msg('消息不能为空',1);
		            }
		           
		                // $chatPanel.append(tpl);
		                $chatInput.val('');
		                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}";
		                $.post("{php echo iurl('fasong')}&type="+type+"&cid="+cid+"&token="+token+"&tuid="+tuid,{content:val,uid:uid,cid:cid},function(r){

		                });
		            
		        });

		        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);
		        });
		    }



		    $.get('',function(r){
		    	var str='';
		    	// var r=json(r);
		    	for (var i = 0; i <r.length	; i++) {

		    		var v=r[i];

                          if (v.left==1) {

                             
                             str+=`<div class="bui-box-align-top chat-target">
				                <div class="chat-icon"><img src="`+limg+`"></div>
				                <div class="span1">
				                    <div class="chat-content bui-arrow-left">`+v.content+`</div>
				                </div>
				            </div>`

                          }else{

                            str+=`<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+`" alt=""></div>
		                    </div>`

                              
                          }
		    	}


		    	$('.chat-panel').append(str);

		    })


		    pageview.init();
		    return pageview;

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





		})

	</script>



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