vanzhiganov/clipbucket
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

report issues n watch video issues view photo issues n responsive

Browse source
This commit is contained in:
IMRAN HASSAN 2015-06-02 13:35:05 +00:00
parent 1b96fa4d9b
commit 4de3e61a36
4 changed files with 87 additions and 90 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
upload/styles/cb_27/layout/blocks/common/report.html
View file

@ -1,7 +1,7 @@
<!-- Flag This {$type} -->
<div id="flag_item" class="action_box" style="display:none">
<div id="flag_item" class="action_box" >
<div class="form_container">
<div class="form_result" id="flag_form_result" style="display:none"></div>
<div class="form_result" id="flag_form_result" ></div>
<form id="flag_form" name="flag_form" method="post" action="#">
<div class="alert alert-info">

22
upload/styles/cb_27/layout/view_photo.html
View file

@ -19,7 +19,7 @@
<a class="btn btn-danger btn-lg view-photo-pre mouse_hover_on" href="{$cbphoto->photo_links($preLink.0,'view_item')}"><i class="glyphicon glyphicon-chevron-left"></i>Previous</a>
<hr>
</div>
<div class="watch-vid-title mbl">
<div class="watch-vid-title mbm">
<h1>{wordwrap($photo.photo_title,8, "\n", true)}</h1>
</div>
<div class="vid-detail-sec">
@ -27,7 +27,7 @@
<img src="{$userquery->getUserThumb($user)}" class="img-circle"/>
</div>
<div class="watch-vid-user-sec">
<div class="watch-vid-user-name">
<div class="watch-vid-user-name mtm">
<a href="{$userquery->profile_link($user)}"> {$user.username}</a>
</div>
{if !$user.username}
@ -63,7 +63,7 @@
<a href="#pcode" data-toggle="tab">{lang('Add to')}</a>
</li>
<li>
<a id="reportVideo" href="#preport" href="javascript:void(0)" onclick="slide_up_watch_video('#flag_item');$('#flag_item').slideToggle();" data-toggle="tab">{lang('Report')}</a>
<a href="#cb-item-report" data-toggle="tab">{lang('Report')}</a>
</li>
</ul>
@ -74,15 +74,15 @@
<p id="videoDescription" class="will_show">{$photo.photo_description|truncate:90}</p>
<div class="watch-vid-tag">
<strong class="pull-left">{lang('Category')}</strong>
<h1 class="pull-left mls"><a>{assign var=category value=$userquery->get_category($user.category)}
{$category.category_name}</a>
</h1>
<strong>{lang('Category')}</strong>
<span>{assign var=category value=$userquery->get_category($user.category)}
{$category.category_name}
</span>
</div>
<div class="watch-vid-catg">
<strong class="pull-left"> {lang('Tags')}</strong>
<h2 class="pull-left mls">{$photo.photo_tags|tags:photos}</h2>
<div class="watch-vid-tag">
<strong> {lang('Tags')}</strong>
<span>{$photo.photo_tags|tags:photos}</span>
</div>
<!-- view sec hide on told arslan bhai -->
@ -124,7 +124,7 @@
</div>
{/foreach}
</div>
<div id="preport" class="tab-pane">
<div id="cb-item-report" class="tab-pane">
<br>
{show_flag_form id=$photo.photo_id type=Photo}
</div>

63
upload/styles/cb_27/layout/watch_video.html
View file

@ -8,44 +8,38 @@
{FlashPlayer vdetails=$video width='100%' height='100%'}
</div>
<!-- cb_player end -->
<div class="col-lg-12 col-md-12">
<div class="col-lg-10 col-md-10">
<div class="watch-vid-title mbl">
<h1>{wordwrap($video.title,8,"\n", true)}</h1>
</div>
</div>
<!-- watch-vid-title end -->
<div class="col-lg-2 col-md-2">
<div class="watch-vid-rating-view">
{$vdo.views|number_format}
<span> {lang('view')}{if $vdo.views > 1}{lang('s')}{/if}</span>
</div>
</div>
<div class="watch-vid-title mbm">
<h1>{wordwrap($video.title,8,"\n", true)}</h1>
</div>
<div class="vid-detail-sec">
<div class="watch-vid-thumb">
<img src="{$userquery->avatar($video)}" class="img-circle"/>
</div>
<div class="watch-vid-user-sec mtm">
<div class="watch-vid-user-name">
<span class="title"><a href="{$userquery->profile_link($video)}">{$video.username}</a></span>
{if $video.userid != userid()}
<a id="subscribeUser" class="btn btn-xs btn-primary" href="javascript:void(0)">
{lang('Subscribe')}
</a>{/if}
<div class="watch-vid-user-sec">
<div class="watch-vid-user-name mtm">
<a href="{$userquery->profile_link($video)}"> {$video.username}</a>
</div>
{if $video.userid != userid()}
<a id="subscribeUser" class="btn btn-xs btn-primary" href="javascript:void(0)">
{lang('Subscribe')}
</a>{/if}
</div>
<div class="watch-vid-rating-sec">
<div class="watch-vid-rating-view">
{$vdo.views|number_format}
<span class="small font18">{lang('View')}{if $vdo.views > 1}{lang('s')}{/if}</span>
</div>
<div class="watch-vid-thumbsupdown-sec" id="rating_container">
{show_video_rating rating=$vdo.rating ratings=$vdo.rated_by total='10' id=$vdo.videoid type=video}
</div>
</div>
</div>
</div>
<!-- vid-detail-sec end -->
<div class="cb-item-desc-container clearfix grey-tabs">
@ -67,26 +61,25 @@
<div class="tab-content">
<div class="tab-pane active" id="cb-item-info">
<div class="col-lg-9 col-md-9 col-sm-9 col-xs-6 no-padding">
<p id="videoDescription">{description($video.description)}</p>
<div class="watch-vid-tag">
<strong class="pull-left">{lang('Category:')}&nbsp;</strong>
<span class="pull-left">{$vdo.category|categories:video}</span>
<strong >{lang('Category:')}&nbsp;</strong>
<span >{$vdo.category|categories:video}</span>
</div>
<div class="watch-vid-catg">
<strong class="pull-left">{lang('Tags:')}&nbsp;</strong>
<span class="pull-left">{$vdo.tags|tags:videos}</span>
<div class="watch-vid-tag">
<strong >{lang('Tags:')}&nbsp;</strong>
<span >{$vdo.tags|tags:videos}</span>
</div>
<div class="watch-vid-tag">
<strong >Published:&nbsp;</strong>
<span >{$video.date_added|niceTime}</span>
</div>
<strong class="pull-left">Published:&nbsp;</strong>
<span class="pull-left">{$video.date_added|niceTime}</span>
<!-- view sec hide on told arslan bhai -->
<!-- <div class="mtm">
<strong>{lang code='views'}</strong> : {$vdo.views|number_format} &ndash;
<strong>{lang code='duration'}</strong> : {$vdo.duration|SetTime} &ndash;
<strong>{lang code='comments'}</strong> : {$vdo.comments_count|number_format}
</div> -->
</div>
<div class="watch-vid-social-sec">

88
upload/styles/cb_27/theme/css/watch-video.css
View file

@ -3,13 +3,16 @@
width:100%;
float: left;
margin-bottom: 20px;
position: relative;
}
.watch-vid-title{
width:100%;
float: left;
border-bottom: #eee 1px solid;
padding-bottom:8px;
}
.watch-vid-title h1{
width:77%;
width:100%;
font-family: 'Roboto', sans-serif;
font-size:20px;
color:#000;
@ -40,10 +43,14 @@
.watch-vid-user-name .title a{
color: #000;
}
.watch-vid-rating-sec{
float:right;
width:200px;
position: absolute;
right: 0;
top: 0;
}
.like-dislike-block{
display: table;
width: 100%;
@ -113,7 +120,7 @@
cursor: default;
}
.watch-vid-error{
bottom: -15px;
bottom: -85px;
position: absolute;
right: -31px;
width: 280px;
@ -131,30 +138,14 @@
line-height: 22px;
font-size: 16px;
}
.watch-vid-tag span a{
color:#363636;
}
.watch-vid-catg span a{
background:#ececec;
display: inline-block;
vertical-align: top;
padding: 0 5px;
margin: 0 10px 10px 0;
color: #000;
}
.watch-vid-catg{
width:100%;
.watch-vid-tag span, .watch-vid-tag strong{
float: left;
margin-top: 10px;
font-size: 12px;
line-height: 18px;
color: #000;
font-size: 16px;
}
.watch-vid-tag strong,
.watch-vid-catg strong{
font-size: 18px;
font-weight: 600;
.watch-vid-tag strong{
margin-right: 5px;
}
.watch-vid-tag h1, .watch-vid-catg h2{font-size: 16px; margin:0px 0px 0px 2px; }
.watch-vid-social-sec{
width:116px;
float: right;
@ -194,24 +185,37 @@
@media (max-width: 479px) {
.watch-vid-thumb{
float: none;
margin:0px auto;
}
.watch-vid-user-sec {
float: none;
margin: 0 auto;
text-align: center;
width: 200px;
}
.watch-vid-user-name {
margin-top: 10px;
text-align: center;
}
.watch-vid-rating-sec {
float: none;
margin: 20px auto 0;
width: 112px;
.watch-vid-thumb{
float: none;
margin:0px auto;
}
.watch-vid-user-sec {
float: none;
margin: 0 auto;
text-align: center;
width: 200px;
}
.watch-vid-user-name {
margin-top: 10px;
text-align: center;
}
.watch-vid-rating-sec {
float: none;
margin: 20px auto 0;
width: 172px;
position: relative;
}
}
@media (max-width: 375px) {
.grey-tabs.cb-item-desc-container .nav-tabs > li > a{
padding: 4px 10px;
}
.grey-tabs.cb-item-desc-container .nav-tabs > li > a i{
display: none;
}
.cb-item-desc-container .nav-tabs > li > a{
padding: 4px 10px;
}
}
/* usman css end */