<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      eventCookie="@@@eventCookie@@@" dtvPlatform="@@@dtvPlatform@@@">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Democracy Playlist View</title>

    <link href="resource:css/main.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="resource:templates/osxdnd.js" />
    <t:include filename="dynamic.js" />
    <t:execOnLoad><![CDATA[

playlist = views.db.getObjectByID(int(kargs['id']))
playlistView = playlist.getView()
thisPlaylistView = views.playlists.filter(lambda x: x is playlist)
playlist.setSearch(None)

def updateSearchString(newSearch):
    playlist.setSearch(newSearch)
]]>
    </t:execOnLoad>
    <t:execOnUnload><![CDATA[
thisPlaylistView.unlink()
]]>
</t:execOnUnload>
</head>
<body onkeydown="sendKeyToSearchBox(event);">
<div id="main-titlebar">
        <img id="main-icon" src="resource:images/playlist-icon.png" alt="" />
	<div id="main-titlebar-center">
	    <div t:updateForView="thisPlaylistView">
                <h1 id="main-title" t:replaceMarkup="playlist.getTitle()" />
	    </div>
            <div id="main-subtitle">
                <input id="search-box" type="search" onfocus="onSearchFocus(this)" onblur="endEditSearch()" value="***_('Search Playlist')***"/>
            </div>
        </div>
</div>
<div id="main-container">
    <div t:repeatForView="playlistView" t:repeatTemplate='download-item' />
    <div class="playlist-end-drag-hitbox"
	dragdesttype="downloadeditem"
	dragdestdata="playlistitem-END"
	drageffectdownloadeditem="move" />
</div>
<div t:updateForView="playlistView">
<div t:showIf="playlistView.len() == 0">
   <div class="channel-blank">
    <div class="channel-message" i18n:translate="">
        Empty Playlist
    </div>
    <div class="channel-message small" i18n:translate="">
        Drag downloaded videos to this playlist to add them.
    </div>
    </div>
</div>
</div>
</body>
</html>
