<!doctype html>
<html>
<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <title>我的关注</title>
  <meta name="description" content="" />
  <meta name="keywords" content="" />
  <link rel="stylesheet" href="css/global.css" />
  <style>
    body { height: 527px; overflow: hidden; }
    .my-attention{overflow: hidden;}
    .page-nav{margin-top:10px;}
  </style>
     <!--[if IE 7]>
    <style>.page-nav A.current{vertical-align:5px;}</style>
  <![endif]-->
  <!--[if gt IE 6]><!-->
    <script type="text/javascript">
    !function(t){t.loadScript(["http://szhuodong.duowan.com/feq/lolbox/yy-f2e-header-lolbox.min"])}(function(){function t(t){var e=n(t);document.write(e)}function n(t){for(var n,r="",c=0;n=t[c];c++)r+=e(n);return r}function e(t){var n=[unescape("%3Cscript%20type%3D%22text/javascript%22%20src%3D%22"),"",unescape("%22%3E%3C/script%3E")],e=new Date;return e.setSeconds(0),e.setMilliseconds(0),e=e.getTime(),t+="?t_="+e,n[1]=t,n.join("")}return{loadScript:function(n){n&&n.length&&n instanceof Array&&t(n)}}}())
    </script>
<!--<![endif]-->
</head>
<body>
  <div class="box personal">
    <div class="box-bd">
      <div class="mod-tabs clearfix">
        <div class="mod-tabs-hd">
          <ul class="mod-tabs-trigger">
            <li class="selected" data-type="follow">我的关注</li>
            <li data-type="fans" class="stat-sign" stat-sign="fans" stat-desc="点击/我的粉丝">我的粉丝</li>
          </ul>
        </div>
        <div class="mod-tabs-bd my-attention" id="listWrap"></div>
    </div>
  </div>
  <script src="js/jquery-1.11.1.min.js"></script>
  <script src="js/jquery-migrate-1.2.1.min.js"></script>
  <script src="http://g.duowan.com/js/jquery.cookie.js"></script>
  <script src="js/underscore.js"></script>
  <script type="text/template" id="dataTmpl">
    <%
      var type = data.pageType, typeCh;
      
      if(type == "fans") {
        typeCh = "粉丝";
      } else {
        typeCh = "关注";
      }

      var pages = Math.ceil(data.length / data.pageSize);
      var current = data.page;
      var pre = current == 1 ? 1 : current - 1;
      var next = current == pages ? pages : current + 1;

      if(data.length > 0) {
    %>
    <div class="focus-body">
      <table cellspacing="0" cellpadding="0" border="0" width="100%">
        <thead>
          <tr>
            <th width="200">召唤师</th>
            <th width="170">服务器</th>
            <th>战斗力</th>
          </tr>
        </thead>
        <tbody>
        <%  _.each(data, function(item, key){ 
          var gameZone = item.game_zone;
          var sn = gameZone.server_name;
          var snEncode = encodeURIComponent(sn);
          var pnEncode = encodeURIComponent(item.pn);
          var userId = item.user_id;
          var pinyin = gameZone.pinyin;
        %>
        <tr>
          <td>
            <img src="<%= item.url_img %>" class="profileIcon">
            <a style="color: #408bcb;" href="generalRecord.html?serverName=<%=snEncode%>&playerName=<%=pnEncode%>&userId=<%=userId%>&gameZone=<%=pinyin%>"><%= item.pn %></a>
          </td>
          <td align="center"><%= sn %></td>
          <td align="center"><%= item.box_score %></td>
        </tr>
        <% });%>
        </tbody>
      </table>
    </div>
    <div class="page-nav">
      <a>第<%=current%>/<%=pages%>页</a>
      <a title="上一页" class="pre-next" href="javascript: app.next(<%=pre%>)" rel="prev">上一页</a>
      <a title="下一页" rel="next" class="pre-next" href="javascript: app.next(<%=next%>)">下一页</a>
      <a class="current">第 <input type="text" id="go" size="1" value="<%=current%>">页 </a> 
      <a class="page-go" href="javascript: app.go()"> Go </a> 
    </div>
    <% } else { %>
      <div style="text-align: center;margin-top: 150px;">
        <p>您的<%=typeCh%>列表为空。</p>
      </div>
    <%}%>
  </script>
  <script src="js/myFocus.js"></script>
  <script src="js/new_stat.js"></script>
  <script>
    var app = new App();
  </script>
  <!--海度统计-->
  <script type="text/javascript">_hiido_no=0;_hiido_wid=["lbox"];</script>
  <script src="http://www.duowan.com/duowan.js" type="text/javascript"></script>
  <!--百度统计-->
  <script>
  var _hmt = _hmt || [];
  (function() {
    var hm = document.createElement("script");
    hm.src = "//hm.baidu.com/hm.js?72772dda37b1e926733138415981abcf";
    var s = document.getElementsByTagName("script")[0]; 
    s.parentNode.insertBefore(hm, s);
  })();
  </script>
  <!--[if gt IE 6]><!-->
    <script type="text/javascript">
        window.onerror = function(a,b,c){ return true};!function(t){t.loadScript(["http://szhuodong.duowan.com/feq/lolbox/yy-f2e-lolbox.min"])}(function(){function t(e,a){var n=a[e];if(n){e++;var o=document.createElement("script");o.type="text/javascript",o.setAttribute("async","async"),o.onload=o.onreadystatechange=function(){return o.readyState&&"complete"!==o.readyState&&"loaded"!==o.readyState?!1:(o.onload=o.onreadystatechange=null,void t(e,a))};var c=new Date;c.setSeconds(0),c.setMilliseconds(0),c=c.getTime(),o.async=!0,o.src=n+"?_="+c,document.getElementsByTagName("head")[0].appendChild(o)}}return{loadScript:function(e){e&&e.length&&e instanceof Array&&t(0,e)}}}());
    </script>
<!--<![endif]-->
</body>
</html>