clipbucket/upload/styles/cb_2014/layout/view_channel.html

220 lines
9.3 KiB
HTML
Raw Normal View History

2014-03-25 14:04:37 +00:00
{include file="$style_dir/global_header.html"}
{include file="$style_dir/header.html" }
2014-02-07 13:26:05 +00:00
{$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">
2014-03-25 14:04:37 +00:00
{include file="$style_dir/blocks/manage/account_menu.html"}
2014-02-07 13:26:05 +00:00
<div class="row cb-box">
2014-03-27 06:48:48 +00:00
<div class="relative1" id="coverConainer" style="background: url({$coverPhoto}) center #000000" >
2014-03-27 08:57:55 +00:00
{if $user.userid == userid()}
2014-04-14 11:49:15 +00:00
<a href="#" class="btn btn-primary btn-sm changeCover sr-only" id="changeCover">{lang code="Update Cover"}</a>
2014-03-27 08:57:55 +00:00
{/if}
2014-03-25 14:04:37 +00:00
<div class="row">
2014-04-14 11:49:15 +00:00
<div align="center" class="col-md-4 pull-right btn-group" style="padding-left: 40px; padding-top: 5px; margin-right: -27px;">
<button style="display: inline; background-color: #000000" class="btn btn-primary btn-sm new1"><i class="glyphicon glyphicon-plus-sign white"></i> {lang code="Add as Friend"}</button>
<a href="private_message.php?mode=new_msg&to=admin" style="display: inline; background-color: #000000" class="btn btn-primary btn-sm new1"><i class="glyphicon glyphicon-envelope white"></i> {lang code="Send Message"}</a>
<button style="display: inline; background-color: #000000" class="btn btn-primary btn-sm new1"><i class="icon-rss icon-spin white"></i> {lang code="Subscribe"}</button>
2014-03-25 14:04:37 +00:00
</div>
</div>
<div class="row">
<div class="col-md-2">
<a class="navbar-brand" href="#">
2014-03-27 06:52:46 +00:00
<img class="relative2" src="{$userquery->getUserThumb($user)}" width="140" height="140">
2014-03-25 14:04:37 +00:00
</a>
2014-02-07 13:26:05 +00:00
</div>
2014-03-25 14:04:37 +00:00
<div class="col-md-4 padding33">
2014-03-27 12:39:02 +00:00
<h3 class="cname">{$user.username}</h3>
2014-03-25 14:04:37 +00:00
</div>
2014-04-14 11:49:15 +00:00
<div class="col-md-4 pull-right padding34" style="padding-top: 115px; margin-right: -30px;">
2014-03-27 10:26:25 +00:00
{if $user.userid == userid()}
2014-03-26 14:06:28 +00:00
<button class="btn btn-primary new1" style="background-color: #000000;color: white">
2014-03-27 10:26:25 +00:00
<span class="line-height-1 bigger-170 blue">{$user.total_videos}</span>
2014-03-25 14:04:37 +00:00
<br>
<span class="line-height-1 smaller-90 new1"> Videos </span>
</button>
2014-03-26 14:06:28 +00:00
<span class="btn btn-primary new1" style="background-color: #000000;color: #ffffff">
2014-03-27 10:26:25 +00:00
<span class="line-height-1 bigger-170 blue">{$user.total_photos}</span>
2014-03-25 14:04:37 +00:00
<br>
<span class="line-height-1 smaller-90 new1"> Photos </span>
</span>
2014-03-26 14:06:28 +00:00
<span class="btn btn-primary new1" style="background-color: #000000; color: #ffffff">
2014-03-27 10:26:25 +00:00
<span class="line-height-1 bigger-170 blue">{$user.profile_hits}</span>
2014-03-25 14:04:37 +00:00
<br>
<span class="line-height-1 smaller-90 new1"> Views </span>
</span>
2014-03-26 14:06:28 +00:00
<span class="btn btn-primary new1" style="background-color: #000000;color: #ffffff">
2014-03-27 10:26:25 +00:00
<span class="line-height-1 bigger-170 blue">{$user.subscribers}</span>
2014-03-25 14:04:37 +00:00
<br>
<span class="line-height-1 smaller-90 new1"> Contacts </span>
</span>
2014-03-27 10:26:25 +00:00
{/if}
2014-03-25 14:04:37 +00:00
</div>
</div>
<div class="btn-group col-md-6 channel">
2014-03-27 12:04:29 +00:00
<h6 class="padding35"><b><span id="likes">{$user["likes"]}</span> people like this channel out of <span id="totalVotes">{$user["voted"]}</span></b></h6>
<button class="btn btn-danger btn-sm" id="channelVoteDown" style="width: 50px"><i class="glyphicon glyphicon-thumbs-down"></i><b> No</b></button>
2014-04-24 07:12:45 +00:00
<button id="channelVoteUp" class="btn btn-primary btn-sm" style="width: 218px"><i class="glyphicon glyphicon-thumbs-up"></i> <b>Do you like this channel ?</b></button>
2014-03-25 14:04:37 +00:00
</div>
</div>
2014-03-26 14:06:28 +00:00
<div class="clearfix"></div>
<br><br>
2014-03-25 14:04:37 +00:00
<div class="row">
2014-04-14 09:59:48 +00:00
<div class="col-md-7 view_chnl">
2014-04-18 12:36:09 +00:00
<div id="cb_player" style="height: 380px; width: 657px" >
2014-03-27 11:03:28 +00:00
{FlashPlayer vdetails=$firstVideo width='100%' height='355px'}
2014-04-18 12:36:09 +00:00
</div>
2014-04-14 10:19:22 +00:00
<hr class="hr">
2014-04-14 10:09:16 +00:00
<div class="row">
2014-03-25 14:04:37 +00:00
{foreach from=$videos item=video}
<div class="col-md-4">
2014-03-27 12:21:32 +00:00
<a href="{videoLink($video)}" title="{$video.title|title}">
<img src="{getThumb vdetails=$video}" width="203" height="115" id="thumbs_{$video.videoid}" title=""/></a>
2014-04-14 10:09:16 +00:00
<p class="cbHomeVidDuration duration_view">{if
$video.duration>1}{$video.duration|SetTime}{else}00:00{/if}</p>
2014-03-27 12:21:32 +00:00
<h5><a href="{videoLink($video)}" title="{$video.title|title}"><b>{$video.title|truncate:22}</b></a></h5>
2014-03-26 07:26:44 +00:00
<small class="font1 new1"><b>{lang code='views'} :{$video.views}</b></small>
2014-03-25 14:04:37 +00:00
<small class="font2 new1"><b>{$video.date_added|niceTime}</b></small>
2014-03-26 14:06:28 +00:00
<hr>
2014-03-25 14:04:37 +00:00
</div>
{/foreach}
2014-04-14 10:09:16 +00:00
2014-04-14 10:13:54 +00:00
<div class="col-md-12" align="center">
2014-03-27 10:10:27 +00:00
{include file="$style_dir/blocks/pagination.html"}
</div>
2014-04-14 10:09:16 +00:00
</div>
2014-03-25 14:04:37 +00:00
</div>
2014-03-27 10:10:27 +00:00
2014-04-14 09:59:48 +00:00
<div class="col-md-5">
2014-04-14 11:08:39 +00:00
<h2 class="myHeadingBLK"><i class="icon-rss"></i> {lang code="Recent Activities"}</h2>
2014-03-25 14:04:37 +00:00
<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>
2014-02-07 13:26:05 +00:00
</div>
2014-03-25 14:04:37 +00:00
</h4>
<br>
2014-04-14 11:08:39 +00:00
<h2 class="myHeadingBLK">{lang code="Popular Channels"}</h2>
2014-03-25 14:04:37 +00:00
<div id="popular" class="content1">
2014-04-14 11:08:39 +00:00
2014-03-25 14:04:37 +00:00
{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>
2014-02-07 13:26:05 +00:00
2014-03-27 06:48:48 +00:00
<style>
.changeCover{
position: absolute;
top: 10px;
left: 10px;
}
</style>
2014-03-27 06:58:24 +00:00
<script>
(function(window){
$(document).ready(function(){
var extensions = "{$extensions}";
var baseurl = '{$baseurl}';
2014-03-27 12:04:29 +00:00
var channelId = "{$user['userid']}";
2014-03-27 06:58:24 +00:00
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{
2014-03-27 08:57:55 +00:00
$("#coverConainer").css("background", "url(" + response.url + ") center #000000");
2014-03-27 06:58:24 +00:00
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");
});
2014-03-27 12:04:29 +00:00
$("#channelVoteUp, #channelVoteDown").on({
click: function(e){
var vote = "";
var id = "" + this.id;
var likes = parseInt($("#likes").text());
var totalVotes = parseInt($("#totalVotes").text()) + 1;
if(this.id == "channelVoteDown"){
vote = "no";
}else{
vote = "yes";
likes = likes + 1;
}
$.ajax({
type: "POST",
url: "{$baseurl}/actions/vote_channel.php",
data: { vote: vote, channelId : channelId}
}).success(function(data){
$("#likes").text(likes);
$("#totalVotes").text(totalVotes);
});
}
})
2014-03-27 06:58:24 +00:00
});
})(window);
</script>
2014-03-27 10:10:27 +00:00
2014-03-27 06:48:48 +00:00
{include file="$style_dir/footer.html" }
2014-02-07 13:26:05 +00:00
2014-03-27 06:52:46 +00:00
2014-02-07 13:26:05 +00:00