owntone-server/admin-root/playlist.html
Anders Betnér 0d4882ae8e Playlist.js: fix busy message, add autosearch at a 500ms typing delay
in the search box
playlist.html: layout
2006-03-24 11:44:50 +00:00

84 lines
2.1 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;
}
</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>
<div id="busymsg" style="text-align:center;color:red; visibility: hidden;">Busy ...</div>
<a href="javascript:add()">Add static playlist</a>
</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>
<div style="height: 400px; overflow: auto; width: 549px;">
<table id="songs_data" style="width:530px;" border="0" cellspacing="0" cellpadding="0">
<tr><td>hej</td><td></td><td></td><td></td><td></td></tr>
</table>
</div>
</div>
@include ftr.html@