190 lines
8.2 KiB
HTML
190 lines
8.2 KiB
HTML
{include file="$style_dir/global_header.html"}
|
|
{include file="$style_dir/header.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="relative1" id="coverConainer" style="background: url({$coverPhoto}) center #000000" >
|
|
{if $user.userid == userid()}
|
|
<a href="#" class="btn btn-primary btn-sm changeCover sr-only" id="changeCover">Update Cover</a>
|
|
{/if}
|
|
<div class="row">
|
|
<div class="col-md-4 pull-right btn-group" style="padding-left: 40px">
|
|
<br>
|
|
<button style="display: inline; background-color: #000000" class="btn btn-primary btn-sm new1"><i class="glyphicon glyphicon-plus-sign white"></i> Add as Friend</button>
|
|
<button style="display: inline; background-color: #000000" class="btn btn-primary btn-sm new1"><i class="glyphicon glyphicon-envelope white"></i> Send Message</button>
|
|
<button style="display: inline; background-color: #000000" class="btn btn-primary btn-sm new1"><i class="icon-rss icon-spin white"></i> Subscribe</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-2">
|
|
<a class="navbar-brand" href="#">
|
|
<img class="relative2" src="{$userquery->getUserThumb($user)}" width="140" height="140">
|
|
</a>
|
|
</div>
|
|
|
|
<div class="col-md-4 padding33">
|
|
<h3 class="cname">Clipbucket Channel Name</h3>
|
|
</div>
|
|
<div class="col-md-4 pull-right padding34">
|
|
<button class="btn btn-primary new1" style="background-color: #000000;color: white">
|
|
<span class="line-height-1 bigger-170 blue">1k</span>
|
|
<br>
|
|
<span class="line-height-1 smaller-90 new1"> Videos </span>
|
|
</button>
|
|
<span class="btn btn-primary new1" style="background-color: #000000;color: #ffffff">
|
|
<span class="line-height-1 bigger-170 blue">30</span>
|
|
<br>
|
|
<span class="line-height-1 smaller-90 new1"> Photos </span>
|
|
</span>
|
|
<span class="btn btn-primary new1" style="background-color: #000000; color: #ffffff">
|
|
<span class="line-height-1 bigger-170 blue">3300</span>
|
|
<br>
|
|
<span class="line-height-1 smaller-90 new1"> Views </span>
|
|
</span>
|
|
<span class="btn btn-primary new1" style="background-color: #000000;color: #ffffff">
|
|
<span class="line-height-1 bigger-170 blue">50</span>
|
|
<br>
|
|
<span class="line-height-1 smaller-90 new1"> Contacts </span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="btn-group col-md-6 channel">
|
|
<h6 class="padding35"><b>2 people like this channel out of 2</b></h6>
|
|
<button class="btn btn-danger btn-sm" style="width: 50px"><i class="glyphicon glyphicon-thumbs-down"></i><b> No</b></button>
|
|
<button class="btn btn-primary btn-sm" style="width: 300px"><i class="glyphicon glyphicon-thumbs-up"></i> <b>Do you like this channel ?</b></button>
|
|
</div>
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
<br><br>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<iframe width="700" height="350" src="http://tune.pk/player/embed_player.php?vid=2519813&folder=2014/03/20/&width=550&height=350&autoplay=no" frameborder="0" allowfullscreen scrolling="no"></iframe>
|
|
<hr class="hr">
|
|
{foreach from=$videos item=video}
|
|
<div class="col-md-4">
|
|
|
|
<img src="http://vigilantcitizen.com/wp-content/uploads/2011/09/425.topgun.cruise.tom_.lc_.042710.jpg" width="203" height="115" id="thumbs_{$video.videoid}" title=""/>
|
|
<!--<img src="{getThumb vdetails=$video}" width="203" height="115" id="thumbs_{$video.videoid}" title=""/>-->
|
|
<p class="duration1"><b class="color">{if
|
|
$video.duration>1}{$video.duration|SetTime}{else}00:00{/if}</b></p>
|
|
<h5><a href=""><b>{$video.title|truncate:22}</b></a></h5>
|
|
<small class="font1 new1"><b>{lang code='views'} :{$video.views}</b></small>
|
|
<small class="font2 new1"><b>{$video.date_added|niceTime}</b></small>
|
|
<hr>
|
|
</div>
|
|
{/foreach}
|
|
<div class="col-md-4">
|
|
{include file="$style_dir/blocks/pagination.html"}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<h4><i class="icon-rss"></i> Recent Activities</h4>
|
|
<hr class="hr">
|
|
<div id="content_1" class="content">
|
|
<div class="feeds1" id="selectedDiv">
|
|
<div id="userFeeds" >
|
|
{if isSectionEnabled('feeds')}
|
|
{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>
|
|
|
|
</h4>
|
|
<br>
|
|
<h4><i class="glyphicon glyphicon-film"></i> Popular Channels</h4>
|
|
<div id="popular" class="content1">
|
|
<hr class="hr">
|
|
{section name=u_list loop=$users}
|
|
{include file="$style_dir/blocks/channels.html" user=$users[u_list]}
|
|
{sectionelse}
|
|
{lang code='no_results_found'}
|
|
{/section}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
.changeCover{
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 10px;
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
(function(window){
|
|
$(document).ready(function(){
|
|
var extensions = "{$extensions}";
|
|
var baseurl = '{$baseurl}';
|
|
extensions = (extensions.substring(0, extensions.length - 1)) + ",png,jpeg";
|
|
$.get("{$theme}/js/plupload/js/plupload.full.min.js", function(e){
|
|
var uploader = new plupload.Uploader({
|
|
browse_button: 'changeCover',
|
|
runtimes : 'html5,flash,silverlight,html4',
|
|
url : baseurl + "/edit_account.php?mode=avatar_bg",
|
|
file_data_name : "coverPhoto",
|
|
filters: {
|
|
mime_types : [
|
|
{ title : "Image files", extensions : extensions },
|
|
],
|
|
max_file_size: "2mb",
|
|
prevent_duplicates: false,
|
|
}
|
|
});
|
|
window.uploader = uploader;
|
|
uploader.init();
|
|
uploader.bind("FilesAdded", function(up, uploadedFiles){
|
|
$("#coverConainer").css("background", "url({$baseurl}/images/loading.png) center #000000");
|
|
up.start();
|
|
});
|
|
uploader.bind('UploadComplete', function(plupload, files, response){
|
|
|
|
});
|
|
|
|
uploader.bind("FileUploaded", function(plupload, files, response){
|
|
var response = $.parseJSON(response.response);
|
|
if(response.status == true){
|
|
$("#coverConainer").css("background", "url(" + response.url + ") center #000000");
|
|
}else{
|
|
$("#coverConainer").css("background", "url(" + response.url + ") center #000000");
|
|
alert(response.msg);
|
|
}
|
|
});
|
|
|
|
uploader.bind("Error", function(plupload, error){
|
|
alert(error.message);
|
|
});
|
|
});
|
|
$("#coverConainer").hover(function(e){
|
|
$("#changeCover").removeClass("sr-only");
|
|
}, function(e){
|
|
$("#changeCover").addClass("sr-only");
|
|
});
|
|
});
|
|
})(window);
|
|
</script>
|
|
|
|
|
|
{include file="$style_dir/footer.html" }
|
|
|
|
|
|
|