clipbucket/upload/styles/cbv3/layout/manage_playlists.html

295 lines
14 KiB
HTML
Raw Normal View History

<!-- Create Playlist Modal Box -->
<div class="modal hide fade" id="create-playlist-modal">
<div class="modal-header">
<button class="close" data-dismiss="modal">×</button>
<h3>{lang code='Create new playlist'}</h3>
</div>
<div class="modal-body">
<div class="alert alert-danger hidden" id="create-playlist-error" ></div>
<div id="create_playlist_body">
<form method="post" class="form-horizontal">
<div class="control-group">
<label class="control-label" for="playlist_name">{lang code="Playlist Name"}</label>
<div class="controls">
<input type="text" class="input-xlarge" id="playlist_name" name="name" />
<span class="help-inline"></span>
</div>
</div>
<div class="control-group">
<label class="control-label" for="description">{lang code="Description"}</label>
<div class="controls">
<textarea class="input-xlarge" id="description" name="description" ></textarea>
<span class="help-inline"></span>
</div>
</div>
<div class="control-group">
<label class="control-label" for="description">{lang code="Tags"}</label>
<div class="controls">
<input type="text" class="input-xlarge" id="tags" name="tags" />
<p class="help-block">{lang code="Separate tags by comma, will be used for searching"}</p>
<span class="help-inline"></span>
</div>
</div>
<div class="control-group">
<label class="control-label">{lang code="Privacy"}</label>
<div class="controls">
<label class="radio inline">
<input type="radio" name="privacy" id="privacy_pub" value="public" checked="checked">
{lang code="Public"}
</label>
<label class="radio inline">
<input type="radio" name="privacy" id="privacy_pri" value="private">
{lang code="Private"}
</label>
<p class="help-block">{lang code="Choose weather to make your playlist public or private"}</p>
</div>
</div>
<div class="control-group">
<label class="control-label">{lang code="Allow comments"}</label>
<div class="controls">
<label class="radio inline">
<input type="radio" name="allow_comments" id="comments_yes" value="yes" checked="checked">
{lang code="Yes"}
</label>
<label class="radio inline">
<input type="radio" name="allow_comments" id="comments_no" value="no">
{lang code="No"}
</label>
</div>
</div>
<div class="control-group">
<label class="control-label">{lang code="Allow ratings"}</label>
<div class="controls">
<label class="radio inline">
<input type="radio" name="allow_rating" id="rating_yes" value="yes" checked="checked">
{lang code="Yes"}
</label>
<label class="radio inline">
<input type="radio" name="allow_rating" id="rating_no" value="no">
{lang code="No"}
</label>
</div>
</div>
</form>
</div>
</div>
<div class="modal-footer">
<a href="#" class="btn" data-dismiss="modal">{lang code="Cancel"}</a>
<a href="javascript:void(0)" onclick="create_playlist('v');" id="create_playlist_bttn"
class="btn btn-primary" data-loading-text="{lang code='Creating...'}" data-complete-text="finished!">{lang code="Create"}</a>
</div>
</div>
<!-- Acount left -->
{include_template_file file="blocks/account_left.html"}
<div class="account-right">
<!-- If mode is manage playlists -->
{if $mode=='manage_playlist'}
<div class="account-heading">
<h2 >{lang code="Playlists"} (<span id="playlists_count">{$total_playlists}</span>)</h2>
<div class="account-search absolute top right">
<form class=" form-search">
<input type="text" class="input-medium search-query">
<button type="submit" class="btn">{lang code='Search'}</button>
</form>
</div>
</div>
<hr/>
<form class="margin0 padding0 inline" method="post">
<div class="account-controls">
<div class="account-controls-left playlist-list-controls">
<span class="" style="margin-right: 8px"><input type="checkbox" class="select_all" data-target="check_playlist" /></span>
<button class="btn btn-danger" name="delete_playlists">{lang code='Delete Selected'}</button>
</div>
<div class="account-controls-right" align="right">
<button class="btn btn-primary" data-toggle="modal" data-target="#create-playlist-modal">
<i class="icon-plus icon-white"></i> {lang code='Create New'}</button>
</div>
<div class="clearfix"></div>
</div>
<hr/>
<div id="playlist-list">
{if $playlists}
{foreach $playlists as $playlist}
{include_template_file file='blocks/playlist.html' playlist=$playlist}
{/foreach}
{/if}
<div class="no-playlist alert alert-info {if $playlists}display-none{/if}">{lang code="<strong>Hey there!</strong> You have not created any playlist, please create one now or read our playlist guide."}</div>
</div>
{/if}
</form>
<!-- Have to edit playlist -->
{if $mode=='edit_playlist'}
2012-05-30 14:56:38 +00:00
{$pid=$playlist.playlist_id}
<div class="account-heading">
<h2>{lang code='Manage playlist'}</h2>
<form method="post" class="form-horizontal">
<fieldset>
<div class="control-group">
<label class="control-label" for="playlist_name">{lang code="Playlist Name"}</label>
<div class="controls">
<input type="text" class="input-xlarge" id="playlist_name" name="name" value="{$playlist.playlist_name}"/>
<span class="help-inline"></span>
</div>
</div>
<div class="control-group">
<label class="control-label" for="description">{lang code="Description"}</label>
<div class="controls">
<textarea class="input-xlarge" id="description" name="description" >{$playlist.description}</textarea>
<span class="help-inline"></span>
</div>
</div>
<div class="control-group">
<label class="control-label" for="description">{lang code="Tags"}</label>
<div class="controls">
<input type="text" class="input-xlarge" id="tags" name="tags" value="{$playlist.tags}" />
<p class="help-block">{lang code="Separate tags by comma, will be used for searching"}</p>
<span class="help-inline"></span>
</div>
</div>
<div class="control-group">
<label class="control-label">{lang code="Privacy"}</label>
<div class="controls">
<label class="radio inline">
<input type="radio" name="privacy" id="privacy_pub" value="public" {if $playlist.privacy=='public'}checked="checked"{/if}>
{lang code="Public"}
</label>
<label class="radio inline">
<input type="radio" name="privacy" id="privacy_pri" value="private" {if $playlist.privacy=='private'}checked="checked"{/if}>
{lang code="Private"}
</label>
<p class="help-block">{lang code="Choose weather to make your playlist public or private"}</p>
</div>
</div>
<div class="control-group">
<label class="control-label">{lang code="Allow comments"}</label>
<div class="controls">
<label class="radio inline">
<input type="radio" name="allow_comments" id="comments_yes" value="yes" {if $playlist.allow_comments=='yes'}checked="checked"{/if}>
{lang code="Yes"}
</label>
<label class="radio inline">
<input type="radio" name="allow_comments" id="comments_no" value="no" {if $playlist.allow_comments=='no'}checked="checked"{/if}>
{lang code="No"}
</label>
</div>
</div>
<div class="control-group">
<label class="control-label">{lang code="Allow ratings"}</label>
<div class="controls">
<label class="radio inline">
<input type="radio" name="allow_rating" id="rating_yes" value="yes" {if $playlist.allow_rating=='yes'}checked="checked"{/if}>
{lang code="Yes"}
</label>
<label class="radio inline">
<input type="radio" name="allow_rating" id="rating_no" value="no" {if $playlist.allow_rating=='no'}checked="checked"{/if}>
{lang code="No"}
</label>
</div>
</div>
</fieldset>
<div class="form-actions">
<button type="submit" class="btn btn-primary" name="edit_playlist">Save playlist</button>
</div>
</form>
</div>
<hr/>
2012-05-30 14:56:38 +00:00
<h2>Playlist items (<span id="playlist_items_count">{$total_items}</span>)</h2>
<div class="height20"></div>
{if $items}
<form method="post" id="playlist-manage-form" onsubmit="return false;" >
<ul class="playlist-manage" id="playlist-manage">
<input type="hidden" name="playlist_id" value="{$playlist.playlist_id}"/>
{foreach $items as $item}
{$itemid = $item.playlist_item_id}
<li id="{$itemid}-pitem">
<input type="hidden" name="playlist_item[]" value="{$item.playlist_item_id}" />
<ul>
<li class="iteration">{$item@iteration}.</li>
<li class="move"><i class=" icon-align-justify"></i></li>
<li class="thumb"><img src="{getThumb vdetails=$item}" /></li>
<li class="title">
<div class="video-title">
<a href="{videoLink vdetails=$item}">{$item.title}</a>
</div>
<input type="text" class="span4" id="{$itemid}-text"
value="{$item.item_note}" placeholder="{lang code='Enter note for this item'}"/>
<a href="javascript:void(0);" class="btn btn-info save-plst-text"
data-loading-text="{lang code='saving..'}"
data-id="{$itemid}">{lang code='save'}</a>
</li>
<li class="delete">
<a href="javascript:void(0)" data-id="{$itemid}" class="btn remove_playlist_item"
data-confirm-title="{lang code='Confirm remove item'}"
data-confirm-text="{lang code='Are you sure you want to remove %s from %s'|sprintf:$item.title:$playlist.playlist_name}">
<i class="icon-trash"></i></a>
</li>
</ul>
<div class="clearfix"></div>
</li>
{/foreach}
</ul>
{/if}
</form>
<div class="alert alert-info {if $total_items>0}display-none{/if}" id="no-playlist-items-div">{lang code='You do not have any items in this playlist, to add videos, goto any video page and click add to and follow the name'}</div>
{/if}
2012-05-30 14:56:38 +00:00
</div>
<!--Clearing things up -->
<div class="clearfix"></div>