mirror of
https://github.com/KevinMidboe/zoff.git
synced 2025-10-29 18:00:23 +00:00
422 lines
19 KiB
JavaScript
Executable File
422 lines
19 KiB
JavaScript
Executable File
var Search = {
|
|
|
|
submitArray: [],
|
|
submitArrayExpected: null,
|
|
|
|
showSearch: function(){
|
|
$("#search-wrapper").toggleClass("hide");
|
|
if(Helper.mobilecheck())
|
|
{
|
|
$(".search_input").focus();
|
|
}
|
|
$("#song-title").toggleClass("hide");
|
|
//$("#results").toggleClass("hide");
|
|
$("#results").empty();
|
|
if($("#search-btn i").html() == "close"){
|
|
$("#search-btn i").html("search");
|
|
} else {
|
|
$("#search-btn i").html("close");
|
|
}
|
|
//$("#search-btn i").html("search");
|
|
$("#search").focus();
|
|
|
|
},
|
|
|
|
search: function(search_input){
|
|
if(result_html === undefined || empty_results_html === undefined) {
|
|
result_html = $("#temp-results-container");
|
|
empty_results_html = $("#empty-results-container").html();
|
|
}
|
|
$(".search_results").html('');
|
|
if(search_input !== ""){
|
|
searching = true;
|
|
var keyword= encodeURIComponent(search_input);
|
|
//response= x
|
|
var yt_url = "https://www.googleapis.com/youtube/v3/search?key="+api_key+"&videoEmbeddable=true&part=id&fields=items(id)&type=video&order=viewCount&safeSearch=none&maxResults=25";
|
|
yt_url+="&q="+keyword;
|
|
if(music)yt_url+="&videoCategoryId=10";
|
|
|
|
var vid_url = "https://www.googleapis.com/youtube/v3/videos?part=contentDetails,snippet,id&key="+api_key+"&id=";
|
|
|
|
if(!Helper.contains($(".search_loader_spinner").attr("class").split(" "), "active"))
|
|
$(".search_loader_spinner").addClass("active");
|
|
|
|
if(Helper.contains($("#results").attr("class").split(" "), "hide"))
|
|
$("#results").removeClass("hide");
|
|
|
|
$.ajax({
|
|
type: "GET",
|
|
url: yt_url,
|
|
dataType:"jsonp",
|
|
success: function(response){
|
|
if(response.items.length === 0)
|
|
{
|
|
|
|
$("<div style='display:none;' id='mock-div'>"+empty_results_html+"</div>").appendTo($("#results")).show("blind", 83.33);
|
|
if(Helper.contains($(".search_loader_spinner").attr("class").split(" "), "active"))
|
|
$(".search_loader_spinner").removeClass("active");
|
|
|
|
}else if(response.items){
|
|
//get list of IDs and make new request for video info
|
|
$.each(response.items, function(i,data)
|
|
{
|
|
vid_url += data.id.videoId+",";
|
|
});
|
|
|
|
$.ajax({
|
|
type: "GET",
|
|
url: vid_url,
|
|
dataType:"jsonp",
|
|
success: function(response){
|
|
|
|
var output = "";
|
|
var pre_result = $(result_html);
|
|
|
|
//$("#results").append(result_html);
|
|
|
|
$.each(response.items, function(i,song)
|
|
{
|
|
var duration=song.contentDetails.duration;
|
|
secs=Search.durationToSeconds(duration);
|
|
if(!longsongs || secs<720){
|
|
title=song.snippet.title;
|
|
enc_title=title;//encodeURIComponent(title).replace(/'/g, "\\\'");
|
|
id=song.id;
|
|
duration = duration.replace("PT","").replace("H","h ").replace("M","m ").replace("S","s");
|
|
thumb=song.snippet.thumbnails.medium.url;
|
|
|
|
//$("#results").append(result_html);
|
|
var songs = pre_result;
|
|
|
|
songs.find(".search-title").text(title);
|
|
songs.find(".result_info").text(duration);
|
|
songs.find(".thumb").attr("src", thumb);
|
|
//songs.find(".add-many").attr("onclick", "submit('"+id+"','"+enc_title+"',"+secs+");");
|
|
songs.find("#add-many").attr("data-video-id", id);
|
|
songs.find("#add-many").attr("data-video-title", enc_title);
|
|
songs.find("#add-many").attr("data-video-length", secs);
|
|
//$($(songs).find("div")[0]).attr("onclick", "submitAndClose('"+id+"','"+enc_title+"',"+secs+");");
|
|
songs.find("#temp-results").attr("data-video-id", id);
|
|
songs.find("#temp-results").attr("data-video-title", enc_title);
|
|
songs.find("#temp-results").attr("data-video-length", secs);
|
|
//$($(songs).find("div")[0]).attr("id", id)
|
|
output += songs.html();
|
|
|
|
}
|
|
});
|
|
|
|
$("<div style='display:none;' id='mock-div'>"+output+"</div>").appendTo($("#results")).show("blind", (response.items.length-1) * 83.33);
|
|
|
|
//setTimeout(function(){$(".thumb").lazyload({container: $("#results")});}, 250);
|
|
|
|
if(Helper.contains($(".search_loader_spinner").attr("class").split(" "), "active"))
|
|
$(".search_loader_spinner").removeClass("active");
|
|
|
|
$(".add-many").click(function(e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
return false;
|
|
});
|
|
}
|
|
});
|
|
}
|
|
}
|
|
});
|
|
|
|
}else{
|
|
$(".main").removeClass("blurT");
|
|
$("#controls").removeClass("blurT");
|
|
$(".main").removeClass("clickthrough");
|
|
}
|
|
},
|
|
|
|
backgroundSearch: function(title, artist, length, totalNumber, current){
|
|
var keyword= encodeURIComponent(title + " " + artist);
|
|
var yt_url = "https://www.googleapis.com/youtube/v3/search?key="+api_key+"&videoEmbeddable=true&part=id,snippet&fields=items(id,snippet)&type=video&order=relevance&safeSearch=none&maxResults=10&videoCategoryId=10";
|
|
yt_url+="&q="+keyword;
|
|
var vid_url = "https://www.googleapis.com/youtube/v3/videos?part=contentDetails,snippet,id&key="+api_key+"&id=";
|
|
artist = artist.split(" ");
|
|
var temptitle = title.split("-");
|
|
temptitle = temptitle.join(" ").split(" ");
|
|
$.ajax({
|
|
type: "GET",
|
|
url: yt_url,
|
|
dataType:"jsonp",
|
|
success: function(response){
|
|
//Helper.log(response);
|
|
if(response.items.length === 0){
|
|
Search.readySubmit(false, {totalLength: totalNumber - 1});
|
|
Helper.log("------------------------------");
|
|
Helper.log("NO MATCH FOR:");
|
|
Helper.log("Spotify title: " + title + " " + artist.join(" "));
|
|
Helper.log("Spotify length: " + length);
|
|
Helper.log("------------------------------");
|
|
var not_added_song = $("<div>" + not_import_html + "</div>");
|
|
not_added_song.find(".extra-add-text").text(title + " - " + artist.join(" "));
|
|
not_added_song.find(".extra-add-text").attr("title", title + " - " + artist.join(" "));
|
|
not_added_song.find(".extra-button-search").attr("data-text", title + " - " + artist.join(" "));
|
|
$(".not-imported-container").append(not_added_song.html());
|
|
$(".not-imported").removeClass("hide");
|
|
} else if(response.items.length > 0) {
|
|
$.each(response.items, function(i,data)
|
|
{
|
|
vid_url += data.id.videoId+",";
|
|
});
|
|
|
|
$.ajax({
|
|
type: "GET",
|
|
url: vid_url,
|
|
dataType:"jsonp",
|
|
success: function(response){
|
|
if(response.items.length > 0) {
|
|
var matched = false;
|
|
$.each(response.items, function(i, data){
|
|
//Helper.log(data);
|
|
//var title = data.snippet.title;
|
|
var duration = Search.durationToSeconds(data.contentDetails.duration);
|
|
var not_matched = false;
|
|
$.each(temptitle, function(i, data_title){
|
|
if(data.snippet.title.toLowerCase().indexOf(data_title.toLowerCase()) == -1 || !(
|
|
data.snippet.title.toLowerCase().indexOf("cover") == -1 &&
|
|
title.toLowerCase().indexOf("cover") == -1 &&
|
|
((data.snippet.title.toLowerCase().indexOf("remix") == -1 &&
|
|
title.toLowerCase().indexOf("remix") == -1) ||
|
|
(data.snippet.title.toLowerCase().indexOf("remix") != -1 &&
|
|
title.toLowerCase().indexOf("remix") != -1) || !(data.snippet.title.toLowerCase().indexOf(artist[0].toLowerCase()) == -1 &&
|
|
(data.snippet.channelTitle.toLowerCase().indexOf(artist[0].toLowerCase()) == -1 &&
|
|
data.snippet.channelTitle.toLowerCase().indexOf("vevo") == -1)))
|
|
))
|
|
not_matched = true;
|
|
|
|
return false;
|
|
});
|
|
|
|
if(
|
|
(!not_matched //&&
|
|
//(duration + 1 > length && duration - 1 < length)
|
|
)
|
|
){
|
|
matched = true;
|
|
/*Helper.log("------------------------------");
|
|
Helper.log("MATCH FOR:");
|
|
Helper.log("YouTube title: " + data.snippet.title);
|
|
Helper.log("YouTube Channel: " + data.snippet.channelTitle);
|
|
Helper.log("YouTube duration: " + duration);
|
|
Helper.log("Spotify title: " + title + " " + artist.join(" "));
|
|
Helper.log("Spotify length: " + length);
|
|
Helper.log("------------------------------");*/
|
|
//Search.submit(data.id,data.snippet.title, duration, true, current, totalNumber);
|
|
Search.readySubmit(true, { id: data.id, title: data.snippet.title, duration: duration, totalLength: totalNumber - 1});
|
|
return false;
|
|
}
|
|
});
|
|
if(!matched){
|
|
Search.readySubmit(false, {totalLength: totalNumber - 1});
|
|
Helper.log("------------------------------");
|
|
Helper.log("NO MATCH FOR:");
|
|
Helper.log("Spotify title: " + title + " " + artist.join(" "));
|
|
Helper.log("Spotify length: " + length);
|
|
Helper.log("------------------------------");
|
|
var not_added_song = $("<div>" + not_import_html + "</div>");
|
|
not_added_song.find(".extra-add-text").text(title + " - " + artist.join(" "));
|
|
not_added_song.find(".extra-add-text").attr("title", title + " - " + artist.join(" "));
|
|
not_added_song.find(".extra-button-search").attr("data-text", title + " - " + artist.join(" "));
|
|
$(".not-imported-container").append(not_added_song.html());
|
|
$(".not-imported").removeClass("hide");
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
}
|
|
}
|
|
});
|
|
},
|
|
|
|
readySubmit: function(found, obj){
|
|
if(Search.submitArrayExpected === null){
|
|
Search.submitArrayExpected = obj.totalLength;
|
|
}
|
|
if(found){
|
|
Search.submitArray.push(obj);
|
|
} else {
|
|
Search.submitArrayExpected -= 1;
|
|
}
|
|
if((Search.submitArray.length - 1) == Search.submitArrayExpected) {
|
|
$.each(Search.submitArray, function(i, data){
|
|
Search.submit(data.id, data.title, data.duration, true, i, Search.submitArray.length - 1);
|
|
});
|
|
document.getElementById("import_spotify").disabled = false;
|
|
$("#import_spotify").removeClass("hide");
|
|
$("#playlist_loader_spotify").addClass("hide");
|
|
Search.submitArray = [];
|
|
Search.submitArrayExpected = null;
|
|
}
|
|
},
|
|
|
|
submitAndClose: function(id,title,duration){
|
|
Search.submit(id,title, duration, false, 0, 1);
|
|
$("#results").html('');
|
|
Search.showSearch();
|
|
document.getElementById("search").value = "";
|
|
$("#results").html = "";
|
|
$(".main").removeClass("blurT");
|
|
$("#controls").removeClass("blurT");
|
|
$(".main").removeClass("clickthrough");
|
|
},
|
|
|
|
importPlaylist: function(pId,pageToken){
|
|
token = "";
|
|
var headers;
|
|
var datatype;
|
|
if(pageToken !== undefined)
|
|
token = "&pageToken="+pageToken;
|
|
playlist_url = "https://www.googleapis.com/youtube/v3/playlistItems?part=contentDetails&maxResults=49&key="+api_key+"&playlistId="+pId+token;
|
|
if(youtube_authenticated){
|
|
datatype = "html";
|
|
headers = {
|
|
'Content-Type': 'application/json',
|
|
'Authorization': 'Bearer ' + access_token_data_youtube.access_token
|
|
};
|
|
} else {
|
|
headers = {};//'Content-Type': 'application/json'};
|
|
datatype = "jsonp";
|
|
}
|
|
$.ajax({
|
|
type: "GET",
|
|
url: playlist_url,
|
|
dataType: datatype,
|
|
//dataType:"jsonp",
|
|
headers: headers,
|
|
success: function(response)
|
|
{
|
|
if(response.error){
|
|
if(response.error.errors[0].reason == "playlistItemsNotAccessible"){
|
|
var nonce = randomString(29);
|
|
window.callback = function(data) {
|
|
access_token_data_youtube = data;
|
|
if(access_token_data_youtube.state == nonce){
|
|
youtube_authenticated = true;
|
|
setTimeout(function(){
|
|
youtube_authenticated = false;
|
|
access_token_data_youtube = {};
|
|
}, access_token_data_youtube.expires_in * 1000);
|
|
Search.importPlaylist(pId, pageToken);
|
|
} else {
|
|
access_token_data_youtube = "";
|
|
console.error("Nonce doesn't match");
|
|
}
|
|
youtube_window.close();
|
|
window.callback = "";
|
|
};
|
|
youtube_window = window.open("/o_callback#youtube=true&nonce=" + nonce, "", "width=600, height=600");
|
|
} else {
|
|
Helper.log(response.error);
|
|
document.getElementById("import").disabled = false;
|
|
$("#playlist_loader").addClass("hide");
|
|
$("#import").removeClass("hide");
|
|
before_toast();
|
|
Materialize.toast("It seems you've entered a invalid url.", 4000);
|
|
}
|
|
|
|
} else {
|
|
var ids="";
|
|
if(typeof(response) == "string") response = $.parseJSON(response);
|
|
//Search.addVideos(response.items[0].contentDetails.videoId);
|
|
//response.items.shift();
|
|
$.each(response.items, function(i,data)
|
|
{
|
|
ids+=data.contentDetails.videoId+",";
|
|
});
|
|
Search.addVideos(ids, true);
|
|
if(response.nextPageToken) Search.importPlaylist(pId, response.nextPageToken);
|
|
document.getElementById("import").value = "";
|
|
}
|
|
}
|
|
});
|
|
},
|
|
|
|
importSpotifyPlaylist: function(url){
|
|
$.ajax({
|
|
url: url,
|
|
headers: {
|
|
'Authorization': 'Bearer ' + access_token_data.access_token
|
|
},
|
|
success: function(response) {
|
|
$.each(response.items, function(i,data)
|
|
{
|
|
//ids+=data.contentDetails.videoId+",";
|
|
Search.backgroundSearch(data.track.name, data.track.artists.map(function(elem){return elem.name;}).join(" "), Math.floor(data.track.duration_ms/1000), response.total, i + response.offset);
|
|
|
|
});
|
|
if(response.next){
|
|
Search.importSpotifyPlaylist(response.next);
|
|
}
|
|
},
|
|
error: function() {
|
|
document.getElementById("import_spotify").disabled = false;
|
|
$("#import_spotify").removeClass("hide");
|
|
$("#playlist_loader_spotify").addClass("hide");
|
|
before_toast();
|
|
Materialize.toast("It seems you've entered a invalid url.", 4000);
|
|
}
|
|
});
|
|
},
|
|
|
|
addVideos: function(ids, playlist){
|
|
var request_url="https://www.googleapis.com/youtube/v3/videos?part=contentDetails,snippet,id&key=***REMOVED***&id=";
|
|
request_url += ids;
|
|
|
|
$.ajax({
|
|
type: "POST",
|
|
url: request_url,
|
|
dataType:"jsonp",
|
|
success: function(response){
|
|
var x = 0;
|
|
var to_add = [];
|
|
$.each(response.items, function(i,song)
|
|
{
|
|
var duration=Search.durationToSeconds(song.contentDetails.duration);
|
|
if(!longsongs || duration<720){
|
|
enc_title= song.snippet.title;//encodeURIComponent(song.snippet.title);
|
|
//Search.submit(song.id, enc_title, duration, playlist, i);
|
|
x += 1;
|
|
to_add.push({id: song.id, enc_title: enc_title, duration: duration, playlist: playlist});
|
|
}
|
|
});
|
|
$.each(to_add, function(i, item){
|
|
Search.submit(item.id, item.enc_title, item.duration, item.playlist, i, x);
|
|
});
|
|
|
|
}
|
|
});
|
|
},
|
|
|
|
submit: function(id,title,duration, playlist, num, full_num){
|
|
if(offline && document.getElementsByName("addsongs")[0].checked && document.getElementsByName("addsongs")[0].disabled){
|
|
var found_array = [];
|
|
found_array = $.map(full_playlist, function(obj, index) {
|
|
if(obj.id == id) {
|
|
return index;
|
|
}
|
|
});
|
|
if(found_array.length == 0){
|
|
List.channel_function({type: "added", value: {added: (new Date).getTime()/1000, guids: [1], id: id, title: title, duration: duration, playlist: false, now_playing: false, votes: 1}});
|
|
} else {
|
|
List.vote(id, "pos");
|
|
}
|
|
} else {
|
|
socket.emit("add", {id: id, title: decodeURIComponent(title), adminpass: adminpass, list: chan.toLowerCase(), duration: duration, playlist: playlist, num: num, total: full_num});
|
|
}//[id, decodeURIComponent(title), adminpass, duration, playlist]);
|
|
},
|
|
|
|
durationToSeconds: function(duration) {
|
|
var matches = duration.match(time_regex);
|
|
hours= parseInt(matches[12])||0;
|
|
minutes= parseInt(matches[14])||0;
|
|
seconds= parseInt(matches[16])||0;
|
|
return hours*60*60+minutes*60+seconds;
|
|
}
|
|
|
|
};
|