<extend name="Public/bases" />
<block name="css">
  <link href="__CSS__/open.css" rel="stylesheet" >
<empty name="devices">
<style>
	.t-list .t-tabpan-item .gamename {line-height:1.6;}
	.t-list .t-tabpan-item .gametype {line-height:1.4;}
</style>
</empty>
</block>
<block name="topscript">
  
  </block>
<block name="body" >
    <header class="header">
      <div class="">
        <a href="{:U('Index/index')}" class="hbtn back" ><i class="iconfont icon-drop-left"></i></a>
        <h1 class="caption">{$mate_title}</h1>
      </div>
    </header>
    <div class="occupy"></div>
    <section class="trunker">
      <section class="container">
        <ul class="t-tab jstab clearfix">
          <li><a href="{:U('Open/index?open=1')}" class="btn <?php echo $open==1 ? 'active' :'';?>">即将开服</a></li>
          <li><a href="{:U('Open/index?open=2')}" class="btn <?php echo $open==2 ? 'active' :'';?>">已开服</a></li>
        </ul>
        <div class="t-list jslist">
          <ul class="t-tabpan active" id="ajaxContainer" currentpage="{$page}" open="{$open}">
            <li class="t-tabpan-item t-caption">
              <div class="tci1">游戏名称</div>
              <div class="tci2">开服时间</div>
              <div class="tci3">区服名称</div>
              <div class="tci4">下载</div>
            </li>
            <foreach name="lists" item="v" >
              <li class="t-tabpan-item ">
                <div class="tci1 game">{:substr_game_name($v['relation_game_name'])}</div>
                <div class="tci2 open"><span class="time">{$v['time']}</span><span class="date">{$v['date']}</span></div>
                <div class="tci3">{$v['server_name']}</div>
                <div class="tci4">
                  <empty name="v['status']">
                      <a href="javascript:"><i class="iconfont icon-download" style="color:#999999"></i></a>
                  <else/>
                      <a href="javascript:" class="down" url="{$v['down_url']}"><i class="iconfont icon-download "></i></a>
                  </empty>
                  
                </div>
              </li>
            </foreach>
          </ul>
          <input id="J-download-app" type="hidden" name="storeurl" value="http://m.chanyouji.cn/apk/chanyouji-2.2.0.apk">
        </div>
      </section>
    </section>
    <div class="popmsg pop-dialog"></div>
    <div style="display: none;" class="loading ms-none" id="moreBtn"><a href="javascript:" class="link"></a></div>
    <script src="__JS__/ajaxload.js"></script>
    <script src="__JS__/pop.lwx.min.js"></script>
<script type="text/javascript">
  var _hmt = _hmt || [];
  var FIR = window.FIR || {};
  _hmt.push(['_setAutoPageview', false]);
    
</script>
<script src="__JS__/download.js"></script>
    <script>

        var ac = $('#ajaxContainer'),open = ac.attr('open'),page = ac.attr('currentpage');
        var popmsg = $('.loading').pop();
        ajaxload('{:U("ajaxopen")}',{open:open},function(data) {

            if (data.status == 1) {
                ac.attr('currentpage',data.page);
                var html = '',d = data.lists;
                for (var i in d) {
                    var item = d[i];
                    var down = '';
                    if(item.status){
                      down = '<a href="javascript:" class="down" url="'+item.down_url+'"><i class="iconfont icon-download "></i></a>';
                    }else{
                      down = '<a href="javascript:"><i class="iconfont icon-download" style="color:#999999"></i></a>';
                    }
                    html += '<li class="t-tabpan-item ">'+
                            '<div class="tci1 game">'+item.game_name+'</div>'+
                            '<div class="tci2 open"><span class="time">'+item.time+'</span><span class="date">'+item.date+'</span></div>'+
                            '<div class="tci3">'+item.server_name+'</div>'+
                            '<div class="tci4">'+down+
                            '</div>'+
                            '</li>';
                }
                
                ac.append(html);
                $('.loading').addClass('ms-none');
                $('#moreBtn').removeClass('ms-none');loads=false;
            } else {
                $('.loading').addClass('ms-none');
                
                popmsg.msg('已经到底了~');
                // $('#moreBtn').show().html('已经到底了~');
            }
        });

        $("#ajaxContainer").delegate('.down','click',function(){
            var url = $(this).attr('url');
            var pmsg = $(".popmsg").pop();
            $.ajax({
              url:url,
              type:"get",
              dataType:"json",
              data:{},
              success:function(result){
                if(result.status == 0){
                  pmsg.msg(result.info);
                }else{
                  var url = result.url;
                  location.href = url;
                  // fromDownFile(url);
                }
              },
              error:function(){
                alert("服务器异常");
              }
            })
        })

        function fromDownFile(url){
          try{ 
            var elemIF = document.createElement("iframe");   
            elemIF.src = url;   
            elemIF.style.display = "none";   
            document.body.appendChild(elemIF);   
          }catch(e){ 
            
          } 
        }


    </script>

</block>
<block name="footer"></block>