clipbucket/upload/styles/cb_28/layout/blocks/user.html

{if $block_type == '' || $block_type=='normal'}
	<div class="item-channel col-lg-3 col-md-3 col-sm-4 col-xs-12" id="user-{$user.userid}">
		
		<div class="channel-holder">
			<a href="{$userquery->profile_link($user)}" id="user-{$user.userid}" class="user-block">
				<img class="avatar" src="{avatar details=$user}">
				<h2>{$user.username}</h2>
			</a>
			<div class="info clearfix">
				<div class="col">
					<strong>
						{lang code="views"}
						<span>{$user.profile_hits|number_format}</span>
					</strong>
					<strong>
						{lang code="videos"}
						<span>{$user.total_videos|number_format}</span>
					</strong>
				</div>
				<div class="col">
					<strong>
						{lang code="subscribers"}
						<span>{$user.subscribers|number_format}</span>
					</strong>
					<strong>
						{lang code="photos"}
						<span>{$user.total_photos|number_format}</span>
					</strong>
				</div>
			</div>
		</div>
	</div>
{/if}

{if $block_type=='groups_show'}
	<div class="clearfix" id="user-{$user.userid}">
		<div class="cb-user-thumb clearfix">
			<div class="chanel-cover clearfix" style="background: url({$coverPhoto}) center #000000 no-repeat;"></div>
			<a class="avatar" href="{$userquery->profile_link($user)}">
				<img src="{$userquery->getuserthumb($user)}">
			</a>
		</div>
		<div class="user-detail-block">
			<div class="clearfix">
				<h4>
					<a class="show" href="{$userquery->profile_link($user)}">{$user.username}</a>
				</h4>
				<div class="clearfix row info-box">
					<div class="col-sm-6 col-xs-12">
						<span class="bg-videocam"></span>&nbsp;<span>{$user.total_videos|number_format} {lang code='Videos'}</span>
					</div>
					<div class="col-sm-6 col-xs-12">
						<span>{$user.subscribers|number_format} {lang code="subscribers"}</span>
					</div>
				</div>
				<div class="clearfix">
					<a href="javascript:void(0)" class="btn btn-default btn-subscribe" id="subuser-{$user.userid}" >Subscribe</a>
				</div>
			</div>
		</div>
	</div>
{/if}

{if $block_type =='small'}
	<div class="col-md-2" id="user-{$user.userid}" align="center">
		<a href="{$userquery->profile_link($user)}">{$user.username}</a>
		<a href="{$userquery->profile_link($user)}">
			<img src="{$userquery->getuserthumb($user)}" class="img-thumbnail" class="user_mid_thumb">
		</a>
	</div>
{/if}

{if $block_type =='medium'}
	<div class="user_block_med" id="user-{$user.userid}">
		<div class="thumb_container_medium" >
			<a href="{$userquery->profile_link($user)}">
				<img src="{$userquery->getuserthumb($user)}" class="img-thumbnail" class="user_thumb_medium">
			</a>
		</div>
		<div class="prof_title"><a href="{$userquery->profile_link($user)}">{$user.username}</a></div>
		{$user.total_videos|number_format} {lang code="videos"} {$user.profile_hits|number_format} {lang code="views"}
	</div>
{/if}

{if $block_type == "friends"}
	<div class="pull-left marginLeft group_thumb_member" id="user-{$user.userid}">
		<a href="{$userquery->profile_link($user)}" title="{$user.username}">
			<img class="group_thumb " src="{avatar details=$user size='small'}" alt="{$user.username}" />
		</a>
	</div>
{/if}

{if $block_type == "topic_view"}
	<div class="topicStarterAvatar moveL">
		<i class="topicStarterAvatarBG" style="background:url({avatar details=$user }) center no-repeat; width:56px; height:56px;"><a href="{$userquery->profile_link($user)}">{$user.username}</a></i>
	</div>
{/if}

<script type="text/javascript">
	$(document).ready(function (){
		var id ='{$user.userid}';
		$('#subuser-'+id).on({
		click: function(e){
		    e.preventDefault();
		   _cb.subscribeToChannel(id,'subscribe_user','result_cont');
		   
		 }
		});
	});	

</script>