{extend name="Public:base" /}
      {block name="seo"}
        <title>我的关注|{$Think.CONFIG.WEB_SITE_TITLE} - Powered by EasySNS!</title>
  
  
  <meta name="keywords" content="{$Think.CONFIG.WEB_SITE_KEYWORD}">
  <meta name="description" content="{$Think.CONFIG.WEB_SITE_DESCRIPTION}">
      {/block}
  {block name="body"}
  <link rel="stylesheet" type="text/css" href="__CSS__/user.css" />
  <div class="container es-margin-b-20 es-margin-t-20">
  {include file="user/base"}
<div class="ucenter-right">


<div class="my-contribution fixed-box" style="padding-top: 0px;" >
<div class="console-box">

<a href="{:es_url('user/userfocus',array('type'=>1))}"  {if condition="$type eq 1"}class="current"{/if}>好友</a>
<a href="{:es_url('user/userfocus',array('type'=>2))}"  {if condition="$type eq 2"}class="current"{/if}>关注</a>
<a href="{:es_url('user/userfocus',array('type'=>3))}"  {if condition="$type eq 3"}class="current"{/if}>粉丝</a>
</div>

{if condition="$type eq 1"}

{if condition="$userlistcount gt 0"}
<div class="boxcontent">

       <div class="clearfix">
         <ul class="userfocus">
         
          {volist name="userlist" id="vo"}
    <li>
     <span class="col-md-7" style="padding-left:0px;">
             <a href="{:es_url('user/home',array('id'=>$vo.userid))}">
              <img src="{:getheadurl($vo['userhead'])}"">
              </a>    
              <div>
              <dt><a href="{:es_url('user/home',array('id'=>$vo.userid))}">{$vo.nickname}</a>    </dt>
              
              <dd class="es-margin-b-10">
              {if condition="$vo['grades'] neq -1"}
              {if condition="$vo.description neq null"}{$vo.description}{else/}这个家伙很懒，什么都没有留下！{/if}
              {else/}
              {$vo['statusdes']}
              {/if}            
              
              </dd>
              <dd>帖子：{$vo.topiccount}</dd>
              
              
              </div>
                 </span>
                    <span  class="col-md-4 text-right">
           {if condition="hasfocus($vo.userid,$uid) eq 1"}
           
            <a href="javascript:void(0);" class="focusbtn gzclass"    data-id="{$vo.userid}" data-type="1">
						<i class="iconfont icon-iconfont707"></i> <span> 关注</span></a>  
           
           {elseif condition="hasfocus($vo.userid,$uid) eq 2"} 
           		 <a href="javascript:void(0);" class="focusbtn"  data-id="{$vo.userid}" data-type="2">
						<i class=" iconfont icon-duigou"></i> <span> 已关注</span></a>  
            {elseif condition="hasfocus($vo.userid,$uid) eq 3"} 
                 <a href="javascript:void(0);" class="focusbtn "  data-id="{$vo.userid}" data-type="3">
						<i class="iconfont icon-zhuanjialiebiaohaoyouguanxianniu"></i> <span> 好友关系</span></a>  
           {else/}
           无任何关系
           {/if}
						 
					
                    </span>
    
    </li>
   {/volist}
       </ul>

                   </div>
                    <div class="pages">
						<ul class="pagination">
						{$page}
						</ul>
					</div>
</div>

{else/}

<div class="empty-tip-box">
<div class="inner-box">

<div class="info">
<p class="iconfont icon-wujilu"></p>
<p class="first">还未找到任何数据</p>
<p class="second">在个人页面，点击"关注图标"，时刻了解他的动态~</p>
</div>
</div>
</div>
{/if}


{elseif condition="$type eq 2"}
{if condition="$userlistcount gt 0"}
<div class="boxcontent">

       <div class="clearfix">
         <ul class="userfocus">
         
          {volist name="userlist" id="vo"}
    <li>
     <span class="col-md-7" style="padding-left:0px;">
             <a href="{:es_url('user/home',array('id'=>$vo.userid))}">
              <img src="{:getheadurl($vo['userhead'])}"">
              </a>    
              <div>
              <dt><a href="{:es_url('user/home',array('id'=>$vo.userid))}">{$vo.nickname}</a>    </dt>
              <dd class="es-margin-b-10">
              {if condition="$vo['grades'] neq -1"}
              {if condition="$vo.description neq null"}{$vo.description}{else/}这个家伙很懒，什么都没有留下！{/if}
              {else/}
              {$vo['statusdes']}
              {/if}             
              
              </dd>
              <dd>帖子：{$vo.topiccount}</dd>
              </div>
                 </span>
                    <span  class="col-md-4 text-right">
     
           {if condition="hasfocus($vo.userid,$uid) eq 1"}
           
            <a href="javascript:void(0);" class="focusbtn gzclass"    data-id="{$vo.userid}" data-type="1">
						<i class="iconfont icon-iconfont707"></i> <span> 关注</span></a>  
           
           {elseif condition="hasfocus($vo.userid,$uid) eq 2"} 
           		 <a href="javascript:void(0);" class="focusbtn"  data-id="{$vo.userid}" data-type="2">
						<i class=" iconfont icon-duigou"></i> <span> 已关注</span></a>  
            {elseif condition="hasfocus($vo.userid,$uid) eq 3"} 
                 <a href="javascript:void(0);" class="focusbtn "  data-id="{$vo.userid}" data-type="3">
						<i class="iconfont icon-zhuanjialiebiaohaoyouguanxianniu"></i> <span> 好友关系</span></a>  
           {else/}
           无任何关系
           {/if}
					
                    </span>
    
    </li>
   {/volist}
       </ul>

                   </div>
                    <div class="pages">
						<ul class="pagination">
						{$page}
						</ul>
					</div>
</div>

{else/}

<div class="empty-tip-box">
<div class="inner-box">

<div class="info">
<p class="iconfont icon-wujilu"></p>
<p class="first">还未找到任何数据</p>
<p class="second">在个人页面，点击"关注图标"，时刻了解他的动态~</p>
</div>
</div>
</div>
{/if}
{else/}
{if condition="$userlistcount gt 0"}
<div class="boxcontent">

       <div class="clearfix">
         <ul class="userfocus">
         
          {volist name="userlist" id="vo"}
    <li>
     <span class="col-md-7" style="padding-left:0px;">
             <a href="{:es_url('user/home',array('id'=>$vo.userid))}">
              <img src="{:getheadurl($vo['userhead'])}"">
              </a>    
              <div>
              <dt><a href="{:es_url('user/home',array('id'=>$vo.userid))}">{$vo.nickname}</a>    </dt>
              <dd class="es-margin-b-10">
              {if condition="$vo['grades'] neq -1"}
              {if condition="$vo.description neq null"}{$vo.description}{else/}这个家伙很懒，什么都没有留下！{/if}
              {else/}
              {$vo['statusdes']}
              {/if}            
              
              </dd>
              <dd>帖子：{$vo.topiccount}</dd>
              </div>
                 </span>
                    <span  class="col-md-4 text-right">
           {if condition="hasfocus($vo.userid,$uid) eq 1"}
           
            <a href="javascript:void(0);" class="focusbtn gzclass"    data-id="{$vo.userid}" data-type="1">
						<i class="iconfont icon-iconfont707"></i> <span> 关注</span></a>  
           
           {elseif condition="hasfocus($vo.userid,$uid) eq 2"} 
           		 <a href="javascript:void(0);" class="focusbtn"  data-id="{$vo.userid}" data-type="2">
						<i class=" iconfont icon-duigou"></i> <span> 已关注</span></a>  
            {elseif condition="hasfocus($vo.userid,$uid) eq 3"} 
                 <a href="javascript:void(0);" class="focusbtn "  data-id="{$vo.userid}" data-type="3">
						<i class="iconfont icon-zhuanjialiebiaohaoyouguanxianniu"></i> <span> 好友关系</span></a>  
           {else/}
           无任何关系
           {/if}
						 
						
                    </span>
    
    </li>
   {/volist}
       </ul>

                   </div>
                    <div class="pages">
						<ul class="pagination">
						{$page}
						</ul>
					</div>
</div>

{else/}

<div class="empty-tip-box">
<div class="inner-box">

<div class="info">
<p class="iconfont icon-wujilu"></p>
<p class="first">还未找到任何数据</p>
<p class="second">在个人页面，点击"关注图标"，时刻了解他的动态~</p>
</div>
</div>
</div>
{/if}
{/if}




</div>
</div></div>
    {/block}
    {block name="script"}
    <script>
    $(function(){
    	$('.focusbtn').click(function(){
   		 
    		var self = $(this);
   		 if(!$(this).hasClass('gzclass')){
   			
   			    $.post("{:es_url('user/focususer')}",{useruid:$(this).data('id'),type:2},function(data){
   			    	
   				      if(data.code == 1){
   				        
   				        layer.msg(data.msg, {icon: 1, time: 1000}, function(){
   				        	$(self).removeClass('gzhover');
   				         $(self).addClass('gzclass');
   				         $(self).html('<i class="iconfont icon-iconfont707"></i> <span> 关注</span>');
   				        	
   				        });
   				      }else{
   				        
   				        layer.msg(data.msg, {icon: 2, anim: 6, time: 1000});
   				        
   				        
   				        
   				      }
   				    });
   			 
   			 
   			 
   		 }else{
   			 
   			    $.post("{:es_url('user/focususer')}",{useruid:$(this).data('id'),type:1},function(data){
   			    	
   				      if(data.code == 1){
   				     
   				        layer.msg(data.msg, {icon: 1, time: 1000}, function(){
   				        	
   				        	$(self).removeClass('gzclass');
   				     	var type=$(self).data('type');
   			       	if(type==3){
   						 $(self).html('<i class="iconfont icon-zhuanjialiebiaohaoyouguanxianniu"></i> <span> 好友关系</span></a>'); 
   						
   					 }else{
   						 $(self).html('<i class=" iconfont icon-duigou"></i> <span> 已关注</span>'); 
   					 }
      				       
   				        	
   				        });
   				      }else{
   				       
   				        layer.msg(data.msg, {icon: 2, anim: 6, time: 1000});
   				        
   				        
   				        
   				      }
   				    });
   			
   			
   		 }
   		 
   		
   	 });
    	
    	
        $('.focusbtn').hover(function(){
        	
        	 if(!$(this).hasClass('gzclass')){
        		 $(this).addClass('gzhover');
        		 var type=$(this).data('type');
        		 $(this).html('<i class=" iconfont icon-jianhao1"></i> <span> 取消关注</span>'); 
        		
        		 
        		 
        	 }
       		 
       		
       	 },function(){
       		if(!$(this).hasClass('gzclass')){
       		 $(this).removeClass('gzhover');
       		var type=$(this).data('type');
       	 if(type==1){
       		$(this).html('<i class=" iconfont icon-duigou"></i> <span> 已关注</span>'); 
		 }else if(type==2){
			 $(this).html('<i class=" iconfont icon-duigou"></i> <span> 已关注</span>'); 
		 }else{
			 $(this).html('<i class="iconfont icon-zhuanjialiebiaohaoyouguanxianniu"></i> <span> 好友关系</span></a>'); 
		 }
       		
       		 
       	 }
       		 
       	 });
    });

	

</script>
{/block}