zoff/server/public/assets/js/search.js

var Search = {

	submitArray: [],
	submitArrayExpected: null,

	showSearch: function(){
		$("#search-wrapper").toggleClass("hide");
		if(Helper.mobilecheck())
		{
			$(".search_input").focus();
		}
		$("#song-title").toggleClass("hide");
		$("#results").empty();
		if($("#search-btn i").html() == "close") {
			$("#search-btn i").html("search");
		} else {
			$("#search-btn i").html("close");
		}
		$("#search").focus();

	},

	search: function(search_input, retried, related){
		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);
			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(related) {
				var yt_url 	= "https://www.googleapis.com/youtube/v3/search?part=snippet&maxResults=25&relatedToVideoId="+keyword+"&type=video&key="+api_key;
				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){
						$.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(".open-externally").attr("href", "https://www.youtube.com/watch?v=" + id);
										//$($(songs).find("div")[0]).attr("id", id)
										//output += undefined;
										if(songs.html() != undefined) {
											output += songs.html();
										}
									}
								});
								if(output.length > 0) {

									$("<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 if(!retried){
									Search.search(search_input, true);
								} else {
									$("<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 {
			$(".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)){
										matched = true;
										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 == "" ? "" : Crypt.crypt_pass(adminpass), list: chan.toLowerCase(), duration: duration, playlist: playlist, num: num, total: full_num, pass: embed ? '' : Crypt.crypt_pass(Crypt.get_userpass(chan.toLowerCase()))});
		}//[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;
	}
};