clipbucket/upload/styles/cb_2014/layout/view_channel.html
2014-02-13 11:29:11 +00:00

337 lines
No EOL
17 KiB
HTML

{$myAccountLinks = $userquery->my_account_links()}
{$leftMenuLinks = array_slice($myAccountLinks, 7)}
{lang code='channel' assign='object_type'}
{*include file="$style_dir/blocks/view_channel/channel_global.html" *}
<div id="container" class="container">
{include file="$style_dir/blocks/manage/account_menu.html"}
<div class="row cb-box">
<div class="col-md-3 leftSidebar">
<ul class="">
{foreach $leftMenuLinks as $key => $value}
<li class="">
<a href="#" class="" data-toggle="dropdown">{$key}</a>
<ul class="">
{foreach $value as $subKey => $subValue}
<li><a href="{$subValue}">{$subKey}</a></li>
{/foreach}
</ul>
</li>
{/foreach}
</ul>
{if isSectionEnabled('photos') || isSectionEnabled('videos')}
<h1>blah blah blah, blah blah</h1>
{if $p.show_my_photos !='no'}
{get_photos assign=latestP order=" date_added DESC" limit=10 user=$u.userid}
{/if}
{get_videos assign=latestV order=" date_added DESC" limit=10 user=$u.userid status="Successful" broadcast="public"}
{if $latestP || $latestV}
<div class="channelFeatureBox clearfix">
{if $p.show_my_photos !='no' && $latestP}
<div class="itemListing moveL">
<button id="PprevItem" class="carouselButton"><img src="{$imageurl}/up.png"></button>
<div id="photoListing">
<ul>
{if $latestP}
test
{section name=plist loop=$latestP}
{if $smarty.section.plist.iteration==1}
{if !$profile_item}
{assign var='profile_item' value=$latestP[plist]}
{/if}
{/if}
{include file="$style_dir/blocks/photo.html" photo=$latestP[plist] display_type='channel_page'}
{/section}
{else}
<div><em>{lang code='found_no_photos'}</em></div>
{/if}
</ul>
</div>
<button id="PnextItem" class="carouselButton"><img src="{$imageurl}/down.png"></button>
</div> <!-- itemListing end -->
{/if}
{if $p.show_my_photos !='no' || $p.show_my_videos !='no'}
<div class="viewItemBox">
<div id="viewingArea" class="viewingArea">
</div> <!-- viewingArea end -->
</div> <!-- viewItemBox end -->
{/if}
{if $p.show_my_videos !='no' && $latestV}
<div class="itemListing moveR">
<button id="VprevItem" class="carouselButton"><img src="{$imageurl}/up.png"></button>
<div id="videoListing">
<ul>
{section name=vlist loop=$latestV}
{if !$profile_item}
{assign var='profile_item' value=$latestV[vlist]}
{/if}
{include file="$style_dir/blocks/video.html" video=$latestV[vlist] display_type='channel_page'}
{/section}
</ul>
</div>
<button id="VnextItem" class="carouselButton"><img src="{$imageurl}/down.png"></button>
</div> <!-- itemListing end -->
{/if}
</div> <!-- channelFeatureBox end -->
{/if}
{/if}
{* Fetching Profile item File*}
{if $profile_item}
<div id="profileItemScrap" style="display:none">
{include file="$style_dir/blocks/view_channel/channel_item.html" object = $profile_item }
</div>
<script>
// $(document).ready
// (
// function()
// {ldelim}
// $('#viewingArea').html($('#profileItemScrap').html());
// {rdelim}
// );
</script>
{/if}
</div>
<!-- Main activity window -->
<div class="col-md-9">
<div class="btn-group">
{if isSectionEnabled('feeds')}
<a class="btn btn-primary channelMenuButton selected" href="#" data-targetContainer="userFeeds">
{lang code='activity'}
</a>
{/if}
<a class="btn btn-primary channelMenuButton" href="#" data-targetContainer="infoDIV">
{lang code='info'}
</a>
{if isSectionEnabled('videos')}
<a class="btn btn-primary channelMenuButton" href="#" id="videos" data-targetContainer="videosContainer">
{lang code='videos'}
</a>
{/if}
{if isSectionEnabled('groups')}
<a class="btn btn-primary channelMenuButton" href="#" data-targetContainer="groupsContainer" id="groups">
{lang code='groups'}
</a>
{/if}
{if isSectionEnabled('photos')}
<a class="btn btn-primary channelMenuButton" href="#" id="photos" data-targetContainer="photosContainer">
{lang code='photos'}
</a>
{/if}
</div>
<div class="box">
<div class="feeds" style="display:block" id="selectedDiv">
<div id="userFeeds" class="well">
{if isSectionEnabled('feeds')}
<h3>Feeds</h3>
{assign var=userFeeds value=$cbfeeds->getUserFeeds($u)}
{if $userFeeds}
{foreach from=$userFeeds item=userFeed}
{include file="$style_dir/blocks/feed.html" feed=$userFeed}
{/foreach}
{else}
<div align="center" class="no_comments">
{lang code='no_activity' assign=no_activity} {$no_activity|sprintf:$u.username}
</div>
{/if}
{/if}
</div>
</div>
<div class="channel" style="display:none">
<h3>Channel Info</h3>
<div id="infoDIV" class="channelInfo well">
<div class="">
{if $p.profile_title}
<h3 class="channel_title">{$p.profile_title}</h3>
{/if}
{if $p.profile_desc}
{$p.profile_desc|nl2br}
{/if}
<h4 class="channelLegend">{lang code='user_activity'}</h4>
<table class="table table-bordered table-striped">
<tr>
<td>{lang code='joined'}</td>
<td>{$u.doj|niceTime}</td>
</tr>
<tr>
<td>{lang code='user_last_login'}</td>
<td>{$u.last_logged|niceTime}</td>
</tr>
<tr>
<td>{lang code='online_status'}</td>
<td>
{if $userquery->isOnline($u.last_active,$p.online_status)}
<span style="color:#060">{lang code='online'}</span>
{else}
<span style="color:#ed0000">{lang code='offline'}</span>
{/if}
</td>
</tr>
<tr>
<td>{lang code='views'}</td>
<td>{$u.profile_hits|number_format}</td>
</tr>
<tr>
<td>{lang code='subscribers'}</td>
<td>{$u.subscribers|number_format}</td>
</tr>
</table>
</div>
<div class="well">
{if $p.allow_ratings !='no' && $p.allow_ratings!='No'}
<div class="rating_container">
{show_video_rating rating=$p.rating ratings=$p.rated_by total='10' id=$p.userid type=user}
</div>
{/if}
</div>
{assign var='channel_profile_fields' value=$userquery->load_user_fields($p,'profile')}
<div class="well">
{foreach from=$channel_profile_fields item=field_group name=profile_groups}
<div id="moreDetailsDIV" style="display:block">
{if $field_group.channel_view !='no'}
<legend class="channelLegend">{$field_group.group_name}</legend>
{if $field_group.group_id=='profile_location'}
<div class="channelRow">
<div class="channelLabel">{lang code='country'}</div>
<div class="channelDetail">{$u.country|country}</div>
</div>
{/if}
{foreach from=$field_group.fields item=field}
{if $field.auto_view=='yes' && $field.value}
<div class="channelRow">
{if $field.type !='textarea' && $field.type !='text' && $field.type !='textfield'}
<div class="channelLabel">{$field.title}</div>
<div class="channelDetail">{input_value input=$field}</div>
{elseif $field.type =='textarea'}
<div class="channelLabel">{$field.title}</div>
<div class="channelDetail">{$field.value|nl2br}</div>
{else}
<div class="channelLabel">{$field.title}</div>
<div class="channelDetail">{input_value input=$field}</div>
{/if}
</div>
{/if}
{if $field_group.group_id=='profile_basic_info' && $field.name=='relation_status' && $p.show_dob!='no'}
<div class="channelRow">
<div class="channelLabel">{lang code='user_date_of_birth'}</div>
<div class="channelDetail">{$u.dob}</div>
</div>
{/if}
{/foreach}
{/if}
</div>
{/foreach}
<!-- <a href="#" class="btn btn-primary" onClick="$('#moreDetails').hide(); $('#moreDetailsDIV').show();return false;">{lang code='more'}</a> -->
</div>
</div>
</div>
<div class="videos" style="display:none">
<h3>Videos</h3>
<div id="videosContainer" class="">
</div>
</div>
<div class="photos" style="display:none">
<h3>Photos</h3>
<div id="photosContainer" class="well"></div>
</div>
<div class="groups" style="display:none">
<h3>Groups</h3>
<div id="groupsContainer" class="well"></div>
</div>
<div class="channelInnerPadding well" id="commentsDIV">
<legend class="channelLegend">{lang code="comments"}</legend>
<ul id="userCommentsList"></ul>
<script>
$(document).ready(function(){
{ldelim}
{if $p.show_my_photos!='yes' || !$latestV || !$latestP}
var viewingAreaParent = $('#viewingArea').parent().parent().width();
$('#viewingArea') .width(viewingAreaParent-180)
{/if}
{if $myquery->is_commentable($p,'u')}
comments_voting = 'no';
_cb.getAllComments('c','{$u.userid}','{$u.last_commented}',1,'{$u.comments_count}','{$object_type}')
{/if}
{rdelim}
});
</script>
{if $myquery->is_commentable($p,'u')}
{include file="$style_dir/blocks/comments/add_comment.html" id=$u.userid type=c}
{else}
<div class="disable_msg" align="center">{lang code='coments_disabled_profile'}</div>
{/if}
</div>
</div>
</div>
</div> <!-- this is right side -->
</div> <!-- container end -->
<script>
$(document).ready(function(){
$(".channelMenuButton").on({
click: function(e){
e.preventDefault();
var targetDivId = $(this).attr("data-targetContainer");
var type = $(this).attr("id");
var user = {$u.userid};
var assign = false;
var isSelected = $(this).hasClass("selected");
if(false === isSelected){
$(this).parents(".btn-group").find(".selected").removeClass("selected");
$(this).addClass("selected");
$("#selectedDiv").toggle().removeAttr("id");
$("#"+targetDivId).parent().toggle();
$("#"+targetDivId).parent().attr("id", "selectedDiv");
}else{
return;
}
if(typeof type !== "undefined"){
$.ajax({
url : page,
type : "POST",
data : {
mode : "channelObjects",
content : type,
user : user,
assign : assign
}
}).success(function(data){
if($.parseJSON(data)){
var tempData = $.parseJSON(data);
try {
$("#"+targetDivId).html(tempData.html);
} catch (e) {
$("#"+targetDivId).html(data);
}
}else{
$("#"+targetDivId).html(data);
}
});
}
}
});
});
</script>