diff options
| author | Jon Bergli Heier <snakebite@jvnv.net> | 2012-12-14 22:37:37 +0100 |
|---|---|---|
| committer | Jon Bergli Heier <snakebite@jvnv.net> | 2012-12-14 22:37:37 +0100 |
| commit | ff31f221715ce99cac131db466b6f727b6b1986c (patch) | |
| tree | e332dd06211b50db87c6978412058117c3e8f9ff /static/index.html | |
| parent | f5ecbedeeb9d1646bec19e6c4f207a5b0a319cb2 (diff) | |
Changed and standardised layouts in all views.
Diffstat (limited to 'static/index.html')
| -rw-r--r-- | static/index.html | 64 |
1 files changed, 46 insertions, 18 deletions
diff --git a/static/index.html b/static/index.html index b2bb27e..8520468 100644 --- a/static/index.html +++ b/static/index.html @@ -27,30 +27,58 @@ </div> <div id="tabs"> <ul> - <li><a href="#directory-tab">Directories</a></li> - <li><a href="#playlist-tab">Playlist</a></li> - <li><a href="#search-tab">Search</a></li> + <li><a href="#playlist-tab" accesskey="p"><span class="accessor">P</span>laylist</a></li> + <li><a href="#search-tab" accesskey="s"><span class="accessor">S</span>earch</a></li> + <li><a href="#directory-tab" accesskey="d"><span class="accessor">D</span>irectories</a></li> </ul> - <div id="directory-tab"> - <ul id="directory-list"> - </ul> - </div> <div id="playlist-tab"> - <table id="playlist"> - <thead> - <tr> - <th>Name</th> - <th> </th> - </tr> - </thead> - <tbody> - </tbody> + <table class="track-table"> + <thead> + <tr> + <th>Title</th> + <th>Artist</th> + <th>Album</th> + <th> </th> + </tr> + </thead> + <tbody id="playlist"> + </tbody> </table> </div> <div id="search-tab"> <input type="text" id="search_box" /> - <ul id="search-results"> - </ul> + <span> + <input type="button" id="search-add" value="Add selected" /> + </span> + <table class="track-table"> + <thead> + <tr> + <th>Title</th> + <th>Artist</th> + <th>Album</th> + </tr> + </thead> + <tbody id="search-results"> + <tr> + <td colspan="3" style="font-style: italic">Use the search box above to find music.</td> + </tr> + </tbody> + </table> + </div> + <div id="directory-tab"> + <table id="directory-table" class="track-table"> + <thead> + <tr> + <th>Title</th> + <th>Artist</th> + <th>Album</th> + </tr> + </thead> + <tbody id="directory-list"> + <tr> + </tr> + </tbody> + </table> </div> </div> </div> |