nextcloud-app-radio/js/main.js

295 lines
9.4 KiB
JavaScript
Raw Normal View History

2018-08-20 14:20:03 +00:00
var MODULE = (function (radio) {
2016-11-17 22:07:22 +00:00
var version = "0.6.3"
2017-08-09 15:30:13 +00:00
$(document).ready(function () {
2018-08-06 15:07:52 +00:00
// Scroll event handler
$(window).scroll(function(){
var station_list = $("#app-content-files");
if ( ( $(window).scrollTop() + $(window).height() ) == $(document).height() ) {
if(!station_list.data("didfire")) {
station_list.data("didfire", true);
if ($('li.nav-files').hasClass('active')){
2018-08-20 14:20:03 +00:00
radio.radio_query(1, "");
2018-08-06 15:07:52 +00:00
} else if ($('li.nav-recent').hasClass('active')) {
2018-08-20 14:20:03 +00:00
radio.radio_query(2, "");
2018-08-06 15:07:52 +00:00
} else if ($('li.nav-favorites').hasClass('active')) {
console.log("todo");
} else {
var query = $('#searchbox').val();
2018-08-20 14:20:03 +00:00
radio.radio_query(0, query);
2018-08-06 15:07:52 +00:00
};
var ref = station_list;
setTimeout(function(){
ref.data("didfire", false);
}, 500);
};
};
});
2017-08-09 15:30:13 +00:00
});
searchTimeout = null;
var scheduled;
2017-08-05 11:21:11 +00:00
/* ==============
// EVENTS //
/===============*/
/* Click on a radio station (table entry) and play it */
2018-08-07 15:00:10 +00:00
$('body').on('click', '.filename', function(e) {
e.preventDefault();
2018-08-15 15:55:05 +00:00
$('#playbutton').attr("class", "buffering");
2017-08-05 11:21:11 +00:00
var stationid = $(this).parent().attr('data-id');
var stationname = $(this).parent().find('.nametext').text();
2018-08-20 14:20:03 +00:00
radio.action_play(stationid);
$('#player').attr('data-id',stationid);
$("#station_metadata").html("Playing: "+stationname);
2017-08-08 22:26:10 +00:00
/* dirty fix missing background color for first td */
$('tbody tr').css("background-color", "white");
$(this).parent().css("background-color", "#f8f8f8");
var element = document.getElementById('station_metadata');
2018-08-20 14:20:03 +00:00
if (radio.isElementOverflowing(element)) {
radio.wrapContentsInMarquee(element);
};
if (!scheduled){
2018-08-20 14:20:03 +00:00
radio.schedule_get_metadata(stationid);
};
});
/* Save station to favorites */
2017-08-09 15:30:13 +00:00
$('body').on('click', '.favorite', function() {
2017-08-05 11:21:11 +00:00
var stationid = $(this).parent().parent().attr('data-id');
2018-08-20 14:20:03 +00:00
radio.action_favorite(stationid);
});
2017-08-05 11:21:11 +00:00
/* ==============
// ACTIONS //
/===============*/
2018-08-20 14:20:03 +00:00
radio.schedule_get_metadata = function(stationid){
scheduled = true;
var stationid = $('#player').attr('data-id');
req = $.get('https://onny.project-insanity.org/getmetadata/'+stationid, function(data) {
2018-08-04 11:31:29 +00:00
if (data.hasOwnProperty('metadata')) {
var metadata = data['metadata'].toString();
if (metadata != $("#station_metadata").text()) {
$("#station_metadata").html(metadata);
var element = document.getElementById('station_metadata');
2018-08-20 14:20:03 +00:00
if (radio.isElementOverflowing(element)) {
radio.wrapContentsInMarquee(element);
2018-08-04 11:31:29 +00:00
};
};
2018-08-20 14:20:03 +00:00
setTimeout(function(){radio.schedule_get_metadata(stationid);}, 10000);
2018-08-04 11:31:29 +00:00
} else {
scheduled = false;
};
}).fail(function(){
scheduled = false;
});
};
2018-08-20 14:20:03 +00:00
radio.action_favorite = function(stationid){
2017-08-05 11:21:11 +00:00
2017-08-06 21:23:26 +00:00
var removed = false;
var stations = [];
2017-08-05 11:21:11 +00:00
var baseUrl = OC.generateUrl('/apps/radio');
2017-08-06 21:23:26 +00:00
2017-08-05 11:21:11 +00:00
$.get(baseUrl + '/stations', function ( data ) {
for (var station in data) {
if (data[station]["stationid"] == stationid){
removed = true;
$.ajax({
url: baseUrl + '/stations/' + data[station]["id"],
method: 'DELETE'
}).done(function(){
2017-08-09 15:30:13 +00:00
$( "tr[data-id='" + stationid + "']" ).find('.icon-stationfav').removeClass('starred');
2017-08-05 11:21:11 +00:00
});
};
};
if (removed == true) {
return true;
} else {
var station = {
"stationid": stationid
};
$.ajax({
url: baseUrl + '/stations',
method: 'POST',
contentType: 'application/json',
data: JSON.stringify(station)
2017-08-05 17:41:29 +00:00
}).done(function(){
$( "tr[data-id='"+stationid+"']" ).find('.icon-stationfav').addClass('starred');
2017-08-05 11:21:11 +00:00
});
};
});
};
2018-08-20 14:20:03 +00:00
radio.render_results = function(data){
2017-08-05 17:41:29 +00:00
var baseUrl = OC.generateUrl('/apps/radio');
$.get(baseUrl + '/stations', function ( fav_stations ) {
2017-08-11 17:05:39 +00:00
if (data.length == 0) {
$('#filestable').hide();
$('#emptycontent').addClass('hidden');
$('.nofilterresults').removeClass('hidden');
$('.loading').addClass('hidden');
} else {
$('#emptycontent').addClass('hidden');
$('#filestable').show();
$('.nofilterresults').addClass('hidden');
$('.loading').addClass('hidden');
};
2017-08-05 17:41:29 +00:00
$.each(data, function(i, station) {
var isstarred = ""
2017-08-11 16:06:01 +00:00
2017-08-05 17:41:29 +00:00
for (var fav_station in fav_stations) {
if (fav_stations[fav_station]["stationid"] == station['id']) {
isstarred = "starred";
break;
}
};
$('tbody').append('<tr data-src="'+station['url']+'" data-id="'+station['id']+'">\
2017-08-05 17:41:29 +00:00
<td class="favcolumn">\
2017-08-09 15:30:13 +00:00
<a href="#" class="favorite">\
2017-08-05 17:41:29 +00:00
<span class="icon-stationfav ' + isstarred + '"></span>\
<span class="hidden-visually">Favorite</span>\
</a>\
</td>\
<td class="filename">\
<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>');
});
2016-11-17 22:07:22 +00:00
});
}
2018-08-20 14:20:03 +00:00
radio.action_load_favorites = function(){
var stations = []
2017-02-21 16:57:30 +00:00
var baseUrl = OC.generateUrl('/apps/radio');
2017-08-25 20:16:36 +00:00
2017-02-21 16:57:30 +00:00
$.get(baseUrl + '/stations', function ( data ) {
for (var station in data) {
stations.push(data[station]["stationid"]);
};
2017-08-11 16:06:01 +00:00
if (stations.length == 0) {
$('#filestable').hide();
$('#emptycontent').removeClass('hidden');
2017-08-11 17:05:39 +00:00
$('.loading').addClass('hidden');
2017-08-11 16:06:01 +00:00
} else {
console.log(stations);
2018-08-20 14:20:03 +00:00
radio.query_stations(stations);
2017-08-11 16:06:01 +00:00
};
2017-02-16 12:00:43 +00:00
});
2017-01-08 08:36:13 +00:00
};
2018-08-20 14:20:03 +00:00
radio.query_stations = function(station_ids){
2017-08-09 22:24:46 +00:00
var station_array = [];
var station_array_new = [];
2017-08-25 20:16:36 +00:00
station_ids.forEach(function (station_id, idx) {
var url = "https://www.radio-browser.info/webservice/json/stations/byid/"+station_ids[idx];
$.getJSON( url , {"User-Agent": "Nextcloud Radio/"+version }, function( data ) {
2017-08-25 20:16:36 +00:00
if (data.length === 0) {
station_array = station_array.concat([{'id': station_id, 'name': 'Broken radio station entry :(', 'favicon': '', 'url': ''}])
} else {
station_array = station_array.concat(data);
};
if (station_ids.length == station_array.length){
// sorting results array
station_ids.forEach( function (station_id) {
station_array.forEach( function (station) {
if (station_id === station['id']) {
station_array_new = station_array_new.concat(station);
};
});
});
radio.render_results(station_array_new);
2017-08-09 22:24:46 +00:00
};
2017-08-25 20:16:36 +00:00
});
2017-08-25 20:16:36 +00:00
});
2017-01-08 08:36:13 +00:00
};
2018-08-20 14:20:03 +00:00
radio.radio_query = function(type, query){
2017-08-08 17:47:45 +00:00
var offset = $('tbody > tr').length;
2017-01-06 09:52:12 +00:00
switch (type) {
case 0:
var url = "https://www.radio-browser.info/webservice/json/stations/search";
break;
case 1:
2017-08-08 17:47:45 +00:00
var url = "https://www.radio-browser.info/webservice/json/stations/topclick";
2017-01-06 09:52:12 +00:00
break;
case 2:
2017-08-08 17:47:45 +00:00
var url = "https://www.radio-browser.info/webservice/json/stations/lastchange";
2017-01-06 09:52:12 +00:00
break;
};
2016-11-17 22:07:22 +00:00
$.ajax({
method: "POST",
2017-01-06 09:52:12 +00:00
url: url,
2016-11-17 22:07:22 +00:00
data: {
2017-01-09 14:43:56 +00:00
name: query,
2017-08-08 17:47:45 +00:00
limit: 20,
"User-Agent": "Nextcloud Radio/"+version,
2017-08-08 17:47:45 +00:00
offset: offset
2016-11-17 22:07:22 +00:00
},
dataType: 'json',
2017-08-08 17:47:45 +00:00
}).success( function(data){
2018-08-20 14:20:03 +00:00
radio.render_results(data);
2018-08-11 12:53:01 +00:00
});
2017-08-11 16:06:01 +00:00
};
2017-01-08 08:36:13 +00:00
2018-08-07 14:48:50 +00:00
// Search function
new OCA.Search(function (query) {
$('#app-navigation').find('li').removeClass("active");
$("tbody > tr").remove();
2018-08-20 14:20:03 +00:00
radio.radio_query(0, query);
2018-08-07 14:48:50 +00:00
}, function (arg) {
2018-08-20 14:20:03 +00:00
radio.switch_menu(0);
2018-08-07 14:48:50 +00:00
});
2017-01-09 13:36:07 +00:00
radio.action_load_categories = function (){
$('#emptycontent').addClass('hidden');
$('#filestable').show();
$('.nofilterresults').addClass('hidden');
$('.loading').addClass('hidden');
$('tbody').append('<tr>\
<td class="favcolumn">\
<a href="#" class="favorite">\
<span class="icon-stationfav"></span>\
<span class="hidden-visually">Favorite</span>\
</a>\
</td>\
<td class="filename">\
<label for="select-files-3">\
<div class="thumbnail" style="background-image:url(); background-size: 32px;"></div>\
</label>\
<a class="name" href="#">\
<span class="nametext"><span class="innernametext">Languages</span></span>\
</a>\
</td>\
</tr>');
};
2018-08-20 14:20:03 +00:00
return radio;
}(MODULE || {}));