133 lines
3.6 KiB
JavaScript
133 lines
3.6 KiB
JavaScript
$(window).on('load', function(){
|
|
|
|
$('body').on('click', 'tr', function() {
|
|
var stationid = $(this).attr('data-id');
|
|
play_station(stationid);
|
|
});
|
|
|
|
function station_fav(stationid){
|
|
alert("faving");
|
|
};
|
|
|
|
function play_station(stationid){
|
|
$.ajax({
|
|
method: "GET",
|
|
url: "http://www.radio-browser.info/webservice/v2/json/url/"+stationid,
|
|
dataType: 'json',
|
|
success: function(data){
|
|
var sourceUrl = data['url'];
|
|
$("#player").attr("src", sourceUrl);
|
|
$('#player').trigger('play');
|
|
return true;
|
|
}
|
|
});
|
|
};
|
|
|
|
function render_result(data){
|
|
$.each(data, function(i, station) {
|
|
$('tbody').append('<tr data-src='+station['url']+' data-id='+station['id']+'>\
|
|
<td class="filename">\
|
|
<a href="#" class="action action-favorite" onclick="station_fav();">\
|
|
<span class="icon icon-star"></span>\
|
|
<span class="hidden-visually">Favorite</span>\
|
|
</a>\
|
|
<label for="select-files-3">\
|
|
<div class="thumbnail" style="background-image:url('+station['favicon']+'); background-size: 32px;"></div>\
|
|
</label>\
|
|
<a class="name" href="#">\
|
|
<span class="nametext"><span class="innernametext">'+station['name']+'</span></span>\
|
|
</a>\
|
|
</td>\
|
|
</tr>');
|
|
});
|
|
}
|
|
|
|
function get_station_ids(){
|
|
return ["89920","44707","91101","85755","45281","78011","91102"]
|
|
};
|
|
|
|
function render_stations(station_ids){
|
|
for (stationid in station_ids){
|
|
$.ajax({
|
|
method: "GET",
|
|
url: "https://www.radio-browser.info/webservice/json/stations/byid/"+station_ids[stationid],
|
|
dataType: 'json',
|
|
success: render_result
|
|
});
|
|
};
|
|
};
|
|
|
|
function radio_query(type, query){
|
|
switch (type) {
|
|
case 0:
|
|
var url = "https://www.radio-browser.info/webservice/json/stations/search";
|
|
break;
|
|
case 1:
|
|
var url = "https://www.radio-browser.info/webservice/json/stations/topclick/20";
|
|
break;
|
|
case 2:
|
|
var url = "https://www.radio-browser.info/webservice/json/stations/lastchange/20";
|
|
break;
|
|
};
|
|
$.ajax({
|
|
method: "POST",
|
|
url: url,
|
|
data: {
|
|
name: query
|
|
},
|
|
dataType: 'json',
|
|
success: render_result
|
|
});
|
|
};
|
|
|
|
function switch_menu(type) {
|
|
$('#app-navigation').find('li').removeClass("active");
|
|
$("tbody > tr").remove();
|
|
switch (type) {
|
|
case 0:
|
|
$('li.nav-files').addClass('active');
|
|
radio_query(1);
|
|
break;
|
|
case 1:
|
|
$('li.nav-recent').addClass('active');
|
|
radio_query(2);
|
|
break;
|
|
case 2:
|
|
$('li.nav-favorite').addClass('active');
|
|
station_ids = get_station_ids()
|
|
render_stations(station_ids)
|
|
break;
|
|
}
|
|
}
|
|
|
|
$('#radiosearch').submit(function() {
|
|
$("tbody > tr").remove();
|
|
var query = $('#radioquery').val();
|
|
radio_query(0, query);
|
|
});
|
|
|
|
$('a.nav-icon-files').click(function() {
|
|
switch_menu(0);
|
|
});
|
|
|
|
$('a.nav-icon-recent').click(function() {
|
|
switch_menu(1);
|
|
});
|
|
|
|
$('a.nav-icon-favorites').click(function() {
|
|
switch_menu(2);
|
|
});
|
|
|
|
function mySearch(query){
|
|
alert('test');
|
|
};
|
|
|
|
OC.Plugins.register('OCA.Search', {
|
|
attach: function(search) {
|
|
search.setFilter('radio', mySearch);
|
|
}
|
|
});
|
|
|
|
switch_menu(0);
|
|
});
|