andpp/mopidy-musicbox-webclient
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

List tracks in jQuery table widget.

Browse Source 
Currently, the tracks are just listed in the table and no action can be
taken on them. Eventually, the same popup menu as before or something
equivalent should be added.
This commit is contained in:
Joel Pettersson 2013-09-11 04:07:05 +02:00
parent d17d657037
commit 93274f8993
2 changed files with 41 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
webclient/index.html
View File

@ -222,12 +222,24 @@
</div>
<!-- grid a -->
<!-- <div class="" style="text-align: center" id="expandsearch">
<a href="#" onclick="toggleSearch(); return false;"><img src="images/icons/arrow_down_16x16.png"></a>
</div>
--> <div class="" id="searchtracks">
<h4>Tracks</h4>
<ul id="trackresulttable" class="table"></ul>
<div class="" id="searchtracks">
<div data-role="header">
<h4>Tracks</h4>
</div>
<div data-role="content">
<table data-role="table" data-mode="reflow" id="trackresulttable" class="ui-responsive table-stroke">
<thead>
<tr>
<th>Track</th>
<th data-priority="1">Artist</th>
<th data-priority="2">Time</th>
<th data-priority="3">Album</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>

33
webclient/js/library.js
View File

@ -22,9 +22,6 @@ function initSearch() {
document.activeElement.blur();
$("input").blur();
$('#artistresulttable').empty();
$('#albumresulttable').empty();
$('#trackresulttable').empty();
delete customTracklists['allresultscache'];
delete customTracklists['artistresultscache'];
delete customTracklists['albumresultscache'];
@ -41,10 +38,6 @@ function initSearch() {
* process results of a search
*********************************************************/
function processSearchResults(resultArr) {
$(SEARCH_TRACK_TABLE).empty();
$(SEARCH_ARTIST_TABLE).empty();
$(SEARCH_ALBUM_TABLE).empty();
// Merge results from different backends.
var results = {'tracks': [], 'artists': [], 'albums': []};
var emptyResult = true;
@ -134,10 +127,30 @@ function processSearchResults(resultArr) {
// Inject list items, refresh listview and hide superfluous items.
$(SEARCH_ALBUM_TABLE).html(child).listview('refresh').find('.overflow').hide();
$('#expandsearch').show();
// Track results
playlisttotable(results.tracks, SEARCH_TRACK_TABLE, 'trackresultscache');
child = '';
pattern = '<tr><td>{track}</td><td>{artist}</td><td>{time}</td><td>{album}</td></tr>';
//playlisttotable(results.tracks, SEARCH_TRACK_TABLE, 'trackresultscache');
for (var i = 0; i < results.tracks.length; ++i) {
tokens = {
'track': results.tracks[i].name,
'artist': '',
'time': results.tracks[i].length,
'album': results.tracks[i].album.name,
'listuri': undefined,
'trackuri': results.tracks[i].uri,
};
for (var j = 0; j < results.tracks[i].artists.length; ++j) {
tokens.artist += results.tracks[i].artists[j].name + ', ';
}
child += theme(pattern, tokens);
}
$(SEARCH_TRACK_TABLE).children('tbody').html(child);
$(SEARCH_TRACK_TABLE).table('refresh');
setSongInfo();
showLoading(false);