1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
|
soundManager.useHTML5Audio = true;
soundManager.preferFlash = false;
var sound = null;
function play() {
if(sound)
sound.play();
}
function pause() {
if(sound)
sound.togglePause();
}
function preload_images() {
var cache_images = new Array(
'loading.gif',
'music_playing.png'
);
$.each(cache_images, function() {
(new Image()).src = '/static/icons/' + this;
});
}
function load_directory(dir_id, dir_item) {
$.get('/json/list/' + dir_id, function(data) {
var dir_list = $('#directory-dirs');
var track_list = $('#directory-tracks');
dir_list.html('');
track_list.html('');
if(dir_item && dir_item.parent) {
dir_list.append($('<tr></tr>').append($('<td></td>').attr('colspan', 3)
.append($('<a></a>')
.addClass('dir')
.attr('href', '#')
.text('..')
.click(function() {
load_directory(dir_item.parent.id, dir_item.parent);
return false;
})
))
);
}
$.each(data, function(i, item) {
var el = $(templates.directory_item(item));
var id = el.attr('id');
if(item.type == "track") {
el.data('track', item);
// FIXME: This doesn't work with selectable
/*$(el, 'a').dblclick(function() {
console.log('track: ', item);
playlist.add(item);
return true;
}).click(function() {
return false;
});*/
track_list.append(el);
} else if(item.type == "dir") {
$(el).click(function() {
load_directory(item.id, item);
return false;
});
dir_list.append(el);
}
});
track_list.selectable({
filter: 'tr',
stop: function(event, ui) {
$('#directory-add').prop('disabled', $(track_list, ' .ui-selected').length == 0);
return true;
}
});
});
$('#directory-add').prop('disabled', true);
}
function search_results(data) {
var results = $('#search-results');
results.empty();
$.each(data, function(i, track) {
var item = $(templates.directory_item(track));
item.data('track', track);
results.append(item);
});
results.selectable({
filter: 'tr',
stop: function(event, ui) {
$('#search-add').prop('disabled', results.children().length == 0);
return true;
}
});
$('#search-add').prop('disabled', true);
}
$(document).ready(function() {
$('#tabs').tabs();
preload_images();
load_directory(0);
$('#progress').slider();
$('#playlist tbody').sortable({
items: 'tr:not(.playing)',
cancel: '.playing',
update: function() {
$('#playlist tbody tr').each(function(i, tr) {
var cid = $(tr).attr('id').match(/^cid-(c\d+)$/)[1];
var model = items.getByCid(cid);
model.attributes.order_id = i+1;
model.save();
});
items.sort({silent: true});
playlist.hintnext();
}
});
$('#search_box').keypress(function(event) {
if(event.keyCode == 13) {
var val = $(this).val();
$.get('/json/search?q=' + encodeURIComponent(val), search_results, 'json');
}
});
$('#search-add').click(function(event) {
var tracks = $('#search-results tr.ui-selected');
console.log(tracks);
tracks.each(function(i, item) {
var track = $(item).data('track');
playlist.add(track);
});
}).prop('disabled', true);
$('#directory-add').click(function(event) {
var tracks = $('#directory-tracks tr.ui-selected');
tracks.each(function(i, item) {
var track = $(item).data('track');
playlist.add(track);
});
}).prop('disabled', true);
});
|
