mirror of
https://github.com/owntone/owntone-server.git
synced 2024-12-26 07:05:57 -05:00
a9dd972f25
If you open playlist.html and without selecting anything head to the song list scroller you can scroll in your song list. With rows fetched dynamicly from the server. A lot of things are broken, but the scrolling works!
137 lines
4.3 KiB
HTML
137 lines
4.3 KiB
HTML
@include hdr.html@
|
|
<style type="text/css">
|
|
#genre_div select, #artist_div select, #album_div select {
|
|
font: icon;
|
|
width: 30ex;
|
|
}
|
|
#source_div select {
|
|
font: icon;
|
|
width: 25ex;
|
|
}
|
|
#songs th {
|
|
text-align: center;
|
|
}
|
|
#songs_data td {
|
|
text-align: left;
|
|
}
|
|
#genre_div, #artist_div, #album_div {
|
|
float: left;
|
|
padding-left: 2ex;
|
|
}
|
|
#search_div {
|
|
float: right;
|
|
}
|
|
#source_div {
|
|
float: left;
|
|
clear: both;
|
|
}
|
|
#songs_div {
|
|
float: left;
|
|
padding-left: 2ex;
|
|
padding-top: 1ex;
|
|
}
|
|
#edit_playlist_name {
|
|
position: absolute;
|
|
font: icon;
|
|
width: 25ex;
|
|
display: none;
|
|
}
|
|
</style>
|
|
<div id="search_div">
|
|
<label for="search">search</label>
|
|
<input type="text" name="search" id="search" size="30" title="search songs, artists, albums, genres" />
|
|
</div>
|
|
<div style="clear: both;"><!-- buggy IE div --></div>
|
|
<div id="source_div">
|
|
<label for="source">Source<br /></label>
|
|
<select id="source" name="select" size="20">
|
|
|
|
<option value="1">Library</option>
|
|
</select><br />
|
|
<input type="text" id="edit_playlist_name" value="" />
|
|
<div id="busymsg" style="text-align:center;color:red; visibility: hidden;">Busy ...</div>
|
|
<a href="javascript://" id="add_playlist_href">Add static playlist</a>
|
|
<br /> <br />
|
|
<strong>Things that work:</strong><br />
|
|
* Browse Library and playlists<br />
|
|
* Search Library and playlists<br />
|
|
* Dblclick playlist = rename<br />
|
|
* Add static playlist<br />
|
|
* Delete playlist (hit delete)<br />
|
|
<br />
|
|
<strong>Broken stuff</strong><br />
|
|
* Only shows 50 first songs<br />
|
|
* IE no songlist<br />
|
|
* IE no playlist rename<br />
|
|
* IE no add playlist<br />
|
|
|
|
</div>
|
|
<div id="genre_div">
|
|
Genre<br />
|
|
|
|
<select id="genres" name="select" multiple="multiple" size="15">
|
|
<option value="all">all</option>
|
|
</select>
|
|
</div>
|
|
<div id="artist_div">
|
|
Artist<br />
|
|
<select id="artists" name="select" multiple="multiple" size="15">
|
|
<option value="all">all</option>
|
|
</select>
|
|
</div>
|
|
<div id="album_div">
|
|
Album<br />
|
|
<select id="albums" name="select" multiple="multiple" size="15">
|
|
<option value="all">all</option>
|
|
</select>
|
|
</div>
|
|
<div id="songs_div" style="float: left; width:549px;">
|
|
<table id="songs" style="width:530px;" border="0" cellspacing="0" cellpadding="0">
|
|
<tr>
|
|
<th style="width: 140px;">Song</th>
|
|
<th style="width: 50px;">Time</th>
|
|
<th style="width: 120px;">Artist</th>
|
|
<th style="width: 120px;">Album</th>
|
|
<th style="width: 100px;">Genre</th>
|
|
|
|
</tr>
|
|
</table>
|
|
<!-- <col style="width: 140px;" />
|
|
<col style="width: 50px;" />
|
|
<col style="width: 120px;" />
|
|
<col style="width: 120px;" />
|
|
<col style="width: 100px;" />
|
|
-->
|
|
|
|
<div style="height: 400px; width: 570px;">
|
|
<table id="songs_data" style="width:530px;" border="0" cellspacing="0" cellpadding="0">
|
|
<col style="width: 140px;" />
|
|
<col style="width: 50px;" />
|
|
<col style="width: 120px;" />
|
|
<col style="width: 120px;" />
|
|
<col style="width: 100px;" />
|
|
<tr><td> </td><td></td><td></td><td></td><td></td></tr>
|
|
<tr><td> </td><td></td><td></td><td></td><td></td></tr>
|
|
<tr><td> </td><td></td><td></td><td></td><td></td></tr>
|
|
<tr><td> </td><td></td><td></td><td></td><td></td></tr>
|
|
<tr><td> </td><td></td><td></td><td></td><td></td></tr>
|
|
<tr><td> </td><td></td><td></td><td></td><td></td></tr>
|
|
<tr><td> </td><td></td><td></td><td></td><td></td></tr>
|
|
<tr><td> </td><td></td><td></td><td></td><td></td></tr>
|
|
<tr><td> </td><td></td><td></td><td></td><td></td></tr>
|
|
<tr><td> </td><td></td><td></td><td></td><td></td></tr>
|
|
<tr><td> </td><td></td><td></td><td></td><td></td></tr>
|
|
<tr><td> </td><td></td><td></td><td></td><td></td></tr>
|
|
<tr><td> </td><td></td><td></td><td></td><td></td></tr>
|
|
<tr><td> </td><td></td><td></td><td></td><td></td></tr>
|
|
<tr><td> </td><td></td><td></td><td></td><td></td></tr>
|
|
<tr><td> </td><td></td><td></td><td></td><td></td></tr>
|
|
<tr><td> </td><td></td><td></td><td></td><td></td></tr>
|
|
<tr><td> </td><td></td><td></td><td></td><td></td></tr>
|
|
<tr><td> </td><td></td><td></td><td></td><td></td></tr>
|
|
<tr><td> </td><td></td><td></td><td></td><td></td></tr>
|
|
<tr><td> </td><td></td><td></td><td></td><td></td></tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
@include ftr.html@ |