Files
headphones/data/interfaces/default/artist.html

68 lines
2.0 KiB
HTML

<%inherit file="base.html"/>
<%def name="subhead()">
<div id="subhead_container">
<ul id="subhead_menu">
<li><a href="refresh?ArtistID=${artist['ArtistID']}">Refresh Artist</a></li>
<li><a href="delete?ArtistID=${artist['ArtistID']}">Delete Artist</a></li>
<li><a href="pause?ArtistID=${artist['ArtistID']}">Pause Artist</a></li>
</ul>
</div>
</%def>
<%def name="body()">
<div id="artistheader">
${artist['ArtistName']}
</div>
<table class="display" id="album_table">
<thead>
<tr>
<th id="albumart"></th>
<th id="albumname">Album Name</th>
<th id="reldate">Release Date</th>
<th id="type">Release Type</th>
<th id="status">Status</th>
<th id="have">Have</th>
</tr>
</thead>
<tbody>
%for album in albums:
<tr>
<td id="albumart"><img src="http://ec1.images-amazon.com/images/P/${album['AlbumASIN']}.01.MZZZZZZZ.jpg" height="50" width="50"></td>
<td id="albumname"><a href="albumPage?AlbumID=${album['AlbumID']}">${album['AlbumTitle']}</a></td>
<td id="reldate">${album['ReleaseDate']}</td>
<td id="type">${album['Type']}</td>
<td id="status">${album['Status']}</td>
<td id="have"><div class="progress-container"><div style="width:100%"><div class="havetracks">tracks</div></div></div></td>
</tr>
%endfor
</tbody>
</table>
</%def>
<%def name="headerIncludes()">
<link rel="stylesheet" href="css/data_table.css">
</%def>
<%def name="javascriptIncludes()">
<script src="js/libs/jquery.dataTables.min.js"></script>
<script>
$(document).ready(function()
{
$('#album_table').dataTable(
{
"oLanguage": {
"sLengthMenu":"Show _MENU_ albums per page",
"sEmptyTable": "No album information available",
"sInfo":"Showing _START_ to _END_ of _TOTAL_ albums",
"sInfoEmpty":"Showing 0 to 0 of 0 albums",
"sInfoFiltered":"(filtered from _MAX_ total albums)"},
"bStateSave": true,
"iDisplayLength": 25,
"sPaginationType": "full_numbers",
"aaSorting": [[3, 'asc'],[2,'desc']]
});
});
</script>
</%def>