<!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">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/list.css?v=202006091957">
    <script src="../../lib/fsize.js"></script>
    <title></title>
</head>
<body>
	<div class="main">
		<div class="mList"></div>
		<div class="mBotton"></div>
	</div>
</body>
<script src="../../lib/jquery-3.1.1.min.js"></script>
<script src="../../lib/langchange.js?v=202006091633"></script>
<script type="text/javascript">
	if(langType == 2){
		$('body').addClass('L_Ar');
	}
	
	$('title').html(langList[langType].gurad3);
	
	var interval = null;
	
	var params = getRequest();
	sessionStorage.token = params.token;//token
	sessionStorage.uid = params.uid; //uid
	sessionStorage.roomid = params.roomid;
	
	
	getData();

	function getData(){
	$.ajax({
		url: $ip + '/guard/getGuardRank.html',
    type: "post",
    dataType: "JSON",
		data:{
			os: 'WEB',
			cid: 'web_gw',
			lang: sessionStorage.lang,
			uid: sessionStorage.uid,
			token: sessionStorage.token,
			roomid:sessionStorage.roomid,
			type:0
		},
		success:function(res){
			clearInterval(interval);
			getUser(res.user)
			var result = res.ranks;
			if(result.length>0){
				var str = '';
				var name = ['','mDetailFirst','mDetailTwo','mDetailThree']
				for(var i=0;i<result.length;i++){
					str += '<div class="mDetail" onclick="goRoom('+result[i].uid+')">';
					if(i<3){
						str += '<span class="mDetailNum"><img src="images/'+result[i].rank+'.png"/></span>';
					} else {
						str += '<span class="mDetailNum">'+result[i].rank+'</span>';
					}
					str += '<span class="mDetailBg '+(i<3?name[result[i].rank]:'')+'">';
					if(result[i].face== '/user/boy.png' || result[i].face== '/user/girl.png' ){
						str += '	<img src="http://app.ixiulive.com/static/images/head2.png?x-oss-process=image/resize,w_80"/>';
					} else {						
						str += '	<img src="'+cdn+result[i].face+'?x-oss-process=image/resize,w_80"/>';
					}
					str += '</span>';
					if(result[i].isLive == 1){
						str += '<img src="images/live/0.png" class="liveCheck"/>';
					}
					str += '	<span class="mName ellipsis">'+result[i].nickname+'</span>';
					str += '	<span class="mNum ellipsis">'+result[i].exp+'<img src="images/gicon.png"></span>';
					str += '</div>';
				}
				$('.mList').append(str);
				var i=0;
				interval = setInterval(function(){
						i++;
						$('.liveCheck').attr('src','images/live/'+i+'.png');
						if(i==11){
							i=0;
						}
				},100);

			} else {
				var str = ''
				str += '<div class="notCon">';
				str += '	<img class="notImg" src="images/not.png"/>';
				str += '	<p class="notTitlt notTitlt1">'+langList[langType].gurad12+'</p>';
				str += '</div>';
				$('.mList').html(str);
			}
		}
	});
}

function getUser(user){
		var str = '';
		str += '<a href="http://yazhai://_'+user.uid+'_zone">';
		if(user.face== '/user/boy.png' || user.face== '/user/girl.png' ){
			str += '	<img src="http://app.ixiulive.com/static/images/head2.png?x-oss-process=image/resize,w_80"/>';
		} else {						
			str += '	<img src="'+cdn+user.face+'?x-oss-process=image/resize,w_80"/>';
		}
		str += '</a>';
		str += '<div class="mBottomInfo">';
		str += '<p class="ellipsis">'+user.nickname+'</p>';
		if(user.rank>50){
			str += '<p class="ellipsis">'+user.exp+'<span>'+langList[langType].gurad7+',</span>'+langList[langType].gurad13+'</p>';
		} else {
			str += '<p class="ellipsis">'+user.exp+'<span>'+langList[langType].gurad7+',</span><span class="mBottomNum">'+langList[langType].gurad48+user.rank+'</span></p>';
		}
		str += '</div>';
		str += '<div class="mBottomBtn '+(langType == 1 ?'L_En':'')+'" onclick="goGuard();">'+langList[langType].gurad9+'</div>';
	
		$('.mBotton').html(str);
}

function goRoom(uid){
	window.location.href = 'http://yazhai://_'+uid+'_zone';
}

function goGuard(){
	var obj = {
        "cid": 19,
        "reqCode": new Date().getTime(),
        "data":{
            "msg":"打开开通守护" ,
            "roomid":sessionStorage.roomid
        }
    }
	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>