clipbucket/upload/styles/cbv3/layout/header.html
2012-12-14 13:45:57 +00:00

207 lines
No EOL
9 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!-- Error Modal Box -->
<div class="modal hide" id="error">
<div class="modal-header">
<button class="close" data-dismiss="modal">×</button>
<h3>Error</h3>
</div>
<div class="modal-body">
<p class="alert alert-error"></p>
</div>
<div class="modal-footer">
<a href="javascript:void(0)" class="btn btn-danger" data-dismiss="modal">Dismiss</a>
</div>
</div>
<!-- Msg Modal Box -->
<div class="modal hide" id="msg">
<div class="modal-header">
<button class="close" data-dismiss="modal">×</button>
<h3>Success</h3>
</div>
<div class="modal-body">
<p class="alert alert-success"></p>
</div>
<div class="modal-footer">
<a href="javascript:void(0)" class="btn btn-info" data-dismiss="modal">Dismiss</a>
</div>
</div>
<!-- Confirm Modal Box -->
<div class="modal hide" id="confirm">
<div class="modal-header">
<button class="close" data-dismiss="modal">×</button>
<h3>Confirm</h3>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
{loading_pointer place='confirm'}
<a href="javascript:void(0)" id="confirm-yes" class="btn btn-primary">Yes</a>
<button onclick="close_confirm();" class="btn btn" data-dismiss="modal">No</button>
</div>
</div>
<header>
<div class="header-top">
<div class="logo-container"><a href="{$baseurl}"><img src="{$imageurl}/logo.png" /></a></div>
<!-- Buttons on the right side-->
<div class="header-top-right">
<form class="inlineblock form-search" style="margin-right:10px;">
<div class="inlineblock valignTop input-append input-prepend">
<button class="btn" type="button">Videos <span class='caret'></span></button><input type="text" class="span5"><button
class="btn"><i class="icon-search"></i></button>
</div>
</form>
<div class="btn-group inlineblock valignTop">
{if !userid()}
<button class="btn login-box" data-target="#login-modal" data-toggle="modal"><span class="icon-user"></span> {lang code='Login'}</button>
<!-- Login Modal Box -->
<div class="modal hide fade" id="login-modal">
<div class="modal-header">
<button class="close" data-dismiss="modal">×</button>
<h3>{lang code='user_mem_login'}</h3>
</div>
<div class="modal-body">
<div class="moveL login-modal-left">
<form class="" method="post" action="{link name='signup'}">
<input type="text" class="modal-username"
placeholder="{lang code='Email'}" name="username">
<div></div>
<input type="password" class="modal-password"
placeholder="{lang code='Password'}" name="password">
<div class="inlineblock moveL">
<label class="checkbox">
<input type="checkbox" id="rememberme" class="rememberme" value="yes">
{lang code='remember_me'}
</label>
</div>
<div class="inlineblock moveR">
<button class="btn btn-inverse">{lang code='Login'}</button>
</div>
<div class="clearfix"></div>
<input type="hidden" name="login" value="do"/>
</form>
</div>
<div class="moveL login-modal-right" align="center">
<h4>{lang code="Don't have an account?"}</h4>
<a href="{link name='signup'}" class="btn btn-primary btn-large">
{lang code="Create one now!"}
</a>
<div class="height10"></div>
<div class="terms-text">{lang code="ready_ours_terms_privacy"}</div>
</div>
<div class="clearfix"></div>
</div>
<div class="modal-footer" style="text-align: left" >
<a class="btn btn-mini">{lang code='user_forgot_message'}</a> or
<a class="btn btn-mini">{lang code='user_forgot_username'}</a>
</div>
</div>
<a href="{link name='signup'}" class="btn">Register</a>
{else}
<button class="btn cb-dropdown"><span class="icon-user"
data-toggle="dropdown" data-target="#user-dropdown"></span>
{username()} <i class="caret"></i></button>
<ul class="dropdown-menu" id="#user-dropdown">
{$user_menu=get_menu('user_head_menu')}
{foreach $user_menu as $menu}
<li><a href="{$menu.link}">{$menu.title}</a></li>
{/foreach}
<li class="divider"></li>
<li><a href="#"><i class="icon-off"></i> Logout</a></li>
</ul>
<button class="btn btn-primary">Upload
<span class="icon-upload icon-white"></span></button>
{/if}
</div>
</div>
</div>
<nav class="navbar navbar-inverse">
<div class="navbar-inner">
<div class="container">
<ul class="nav">
{cbMenu}
</ul>
<ul class="nav pull-right">
{if $playlist.playlist_name}
<li class="dropdown playlist-dropdown open"><a href="#" class="dropdown-toggle" data-toggle="dropdown">
Now Playing : {$playlist.playlist_name} <i class="caret"></i></a>
<div class="dropdown-menu playlist-menu" role="menu" >
<div class="cbv3-scroller playlist-list-container">
{$playlist_thumb = $cbvid->action->getPlaylistThumb($playlist.playlist_id)}
<img src="{$playlist_thumb.0}" class="playlist-thumb" width="50" height="35"/>
{$playlist.playlist_name}
<hr />
{foreach $playlist.items as $item}
<div class="playlist-item {if $video.videoid==$item.videoid}item-active{/if}"
onclick="window.location='{videoLink vdetails=$item}'">
<img src="{getThumb vdetails=$item}" class="item-thumb" width="30" height="22"/>
<span>{$item.title|truncate:40}</span>
<span class="absolute right"><h6>
{if $video.videoid==$item.videoid}
playing
{else}
{$item.duration|setTime}
{/if}
</h6></span>
</div>
{/foreach}
</div>
</div>
</li>
{/if}
<li><a href="#"><span class="icon-user icon-white"></span></a></li>
<li><a href="#"><span class="icon-envelope icon-white"></span></a></li>
<li class="dropdown open">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"
onclick="read_notifications();">
<span class="icon-globe icon-v3-white"></span>
<span class="badge badge-important" id="new_notifications_label">{$new_notifications|number_format}</span>
</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="drop3"
id="notifications-container">
<li>
{$template=get_template('notifications','path')}
{include file=$template notifications=$notifications}
</li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</header>