295 lines
No EOL
14 KiB
HTML
295 lines
No EOL
14 KiB
HTML
|
||
<!-- 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'}
|
||
{$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/>
|
||
|
||
|
||
<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}
|
||
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<!--Clearing things up -->
|
||
<div class="clearfix"></div> |