mirror of
https://github.com/KevinMidboe/zoff.git
synced 2025-10-29 18:00:23 +00:00
2019 lines
69 KiB
JavaScript
Executable File
2019 lines
69 KiB
JavaScript
Executable File
var List = {
|
||
empty: false,
|
||
page: 0,
|
||
can_fit:
|
||
document.querySelectorAll("#wrapper").length > 0
|
||
? Math.round(Helper.computedStyle("#wrapper", "height") / 71)
|
||
: 0,
|
||
element_height:
|
||
document.querySelectorAll("#wrapper").length > 0
|
||
? Helper.computedStyle("#wrapper", "height") /
|
||
Math.round(Helper.computedStyle("#wrapper", "height") / 71) -
|
||
25
|
||
: 0,
|
||
uris: [],
|
||
not_found: [],
|
||
num_songs: 0,
|
||
found: [],
|
||
|
||
channel_function: function(msg) {
|
||
if (Helper.mobilecheck()) socket_connected = true;
|
||
if (user_auth_started) {
|
||
user_auth_started = false;
|
||
M.Modal.getInstance(document.getElementById("user_password")).close();
|
||
}
|
||
switch (msg.type) {
|
||
case "list":
|
||
//if(full_playlist == undefined || !offline){
|
||
if (
|
||
(!offline || (offline && !msg.shuffled)) &&
|
||
!(offline && prev_chan_list == chan)
|
||
) {
|
||
prev_chan_list = chan;
|
||
List.populate_list(msg.playlist);
|
||
if (full_playlist.length > 0) {
|
||
Player.sendNext({
|
||
title: full_playlist[0].title,
|
||
videoId: full_playlist[0].id,
|
||
source: full_playlist[0].source,
|
||
thumbnail: full_playlist[0].thumbnail
|
||
});
|
||
}
|
||
} else if (
|
||
offline &&
|
||
prev_chan_list == chan &&
|
||
full_playlist != undefined &&
|
||
!msg.shuffled
|
||
) {
|
||
List.populate_list(full_playlist, true);
|
||
if (full_playlist.length > 0) {
|
||
Player.sendNext({
|
||
title: full_playlist[0].title,
|
||
videoId: full_playlist[0].id,
|
||
source: full_playlist[0].source,
|
||
thumbnail: full_playlist[0].thumbnail
|
||
});
|
||
}
|
||
}
|
||
break;
|
||
case "added":
|
||
List.added_song(msg.value);
|
||
if (full_playlist.length > 0) {
|
||
Player.sendNext({
|
||
title: full_playlist[0].title,
|
||
videoId: full_playlist[0].id,
|
||
source: full_playlist[0].source,
|
||
thumbnail: full_playlist[0].thumbnail
|
||
});
|
||
}
|
||
found_array = [];
|
||
found_array_index = 0;
|
||
break;
|
||
case "deleted":
|
||
List.deleted_song(msg.value, msg.removed);
|
||
found_array = [];
|
||
found_array_index = 0;
|
||
break;
|
||
case "vote":
|
||
if (!offline) {
|
||
List.voted_song(msg.value, msg.time);
|
||
if (full_playlist.length > 0) {
|
||
Player.sendNext({
|
||
title: full_playlist[0].title,
|
||
videoId: full_playlist[0].id,
|
||
source: full_playlist[0].source,
|
||
thumbnail: full_playlist[0].thumbnail
|
||
});
|
||
}
|
||
}
|
||
found_array = [];
|
||
found_array_index = 0;
|
||
break;
|
||
case "song_change":
|
||
if ((offline && msg.offline_change) || !offline) {
|
||
if (window.location.pathname != "/")
|
||
List.song_change(msg.time, msg.remove, msg.id);
|
||
if (full_playlist.length > 0) {
|
||
Player.sendNext({
|
||
title: full_playlist[0].title,
|
||
videoId: full_playlist[0].id,
|
||
source: full_playlist[0].source,
|
||
thumbnail: full_playlist[0].thumbnail
|
||
});
|
||
}
|
||
found_array = [];
|
||
found_array_index = 0;
|
||
}
|
||
break;
|
||
case "changed_values":
|
||
List.changedValues(msg.value);
|
||
break;
|
||
case "song_change_prev":
|
||
if ((offline && msg.offline_change) || !offline) {
|
||
if (window.location.pathname != "/") List.song_change_prev(msg.time);
|
||
if (full_playlist.length > 0) {
|
||
Player.sendNext({
|
||
title: full_playlist[0].title,
|
||
videoId: full_playlist[0].id,
|
||
source: full_playlist[0].source,
|
||
thumbnail: full_playlist[0].thumbnail
|
||
});
|
||
}
|
||
found_array = [];
|
||
found_array_index = 0;
|
||
}
|
||
break;
|
||
}
|
||
},
|
||
|
||
changedValues: function(song) {
|
||
if (song.type == "suggested") {
|
||
try {
|
||
document
|
||
.querySelector("#suggested-" + song.id)
|
||
.querySelector(".vote-container")
|
||
.setAttribute("title", song.title);
|
||
document
|
||
.querySelector("#suggested-" + song.id)
|
||
.querySelector(".list-title")
|
||
.setAttribute("title", song.title);
|
||
document
|
||
.querySelector("#suggested-" + song.id)
|
||
.querySelector(".list-title").innerText = song.title;
|
||
var _temp_duration = Helper.secondsToOther(song.duration);
|
||
document
|
||
.querySelector("#suggested-" + song.id)
|
||
.querySelector(".card-duration").innerText =
|
||
Helper.pad(_temp_duration[0]) + ":" + Helper.pad(_temp_duration[1]);
|
||
document
|
||
.querySelector("#suggested-" + song.id)
|
||
.querySelector(".list-image")
|
||
.setAttribute(
|
||
"style",
|
||
"background-image:url('//img.youtube.com/vi/" +
|
||
song.new_id +
|
||
"/mqdefault.jpg');"
|
||
);
|
||
document
|
||
.querySelector("#suggested-" + song.id)
|
||
.setAttribute("id", song.new_id);
|
||
} catch (e) {}
|
||
return;
|
||
}
|
||
var i = List.getIndexOfSong(song.id);
|
||
if (i >= 0 && window.location.pathname != "/") {
|
||
full_playlist[i].title = song.title;
|
||
full_playlist[i].duration = song.duration;
|
||
full_playlist[i].start = song.start;
|
||
full_playlist[i].end = song.end;
|
||
full_playlist[i].id = song.new_id;
|
||
try {
|
||
document
|
||
.querySelector("#" + song.id)
|
||
.querySelector(".vote-container")
|
||
.setAttribute("title", song.title);
|
||
document
|
||
.querySelector("#" + song.id)
|
||
.querySelector(".list-title")
|
||
.setAttribute("title", song.title);
|
||
document
|
||
.querySelector("#" + song.id)
|
||
.querySelector(".list-title").innerText = song.title;
|
||
var _temp_duration = Helper.secondsToOther(song.duration);
|
||
document
|
||
.querySelector("#" + song.id)
|
||
.querySelector(".card-duration").innerText =
|
||
Helper.pad(_temp_duration[0]) + ":" + Helper.pad(_temp_duration[1]);
|
||
document
|
||
.querySelector("#" + song.id)
|
||
.querySelector(".list-image")
|
||
.setAttribute(
|
||
"style",
|
||
"background-image:url('//img.youtube.com/vi/" +
|
||
song.new_id +
|
||
"/mqdefault.jpg');"
|
||
);
|
||
document.querySelector("#" + song.id).setAttribute("id", song.new_id);
|
||
} catch (e) {}
|
||
}
|
||
},
|
||
|
||
insertAtBeginning: function(song_info, transition) {
|
||
if (document.querySelector("#wrapper") == null) return;
|
||
var display = List.page == 0 ? "" : "none";
|
||
var add = List.generateSong(
|
||
song_info,
|
||
transition,
|
||
false,
|
||
true,
|
||
false,
|
||
display,
|
||
false
|
||
);
|
||
document.querySelector("#wrapper").insertAdjacentHTML("beforeend", add);
|
||
},
|
||
|
||
insertAtIndex: function(song_info, transition, change) {
|
||
if (document.querySelector("#wrapper") == null) return;
|
||
var i = List.getIndexOfSong(song_info.id);
|
||
if (i == -1) return;
|
||
if (!song_info.now_playing) {
|
||
var display = "none";
|
||
if (i >= List.page && i < List.page + List.can_fit)
|
||
display = "inline-flex";
|
||
var add = List.generateSong(
|
||
song_info,
|
||
transition,
|
||
false,
|
||
true,
|
||
false,
|
||
display,
|
||
false
|
||
);
|
||
if (i === 0) {
|
||
document
|
||
.querySelector("#wrapper")
|
||
.insertAdjacentHTML("afterbegin", add);
|
||
} else {
|
||
document
|
||
.querySelector("#wrapper > div:nth-child(" + i + ")")
|
||
.insertAdjacentHTML("afterend", add);
|
||
}
|
||
var added = document.querySelector("#wrapper").children[i];
|
||
Helper.css(added, "display", display);
|
||
if (
|
||
display == "inline-flex" &&
|
||
document.querySelector("#wrapper").children.length >=
|
||
List.page + List.can_fit + 1
|
||
) {
|
||
Helper.css(
|
||
document.querySelector("#wrapper").children[List.page + List.can_fit],
|
||
"display",
|
||
"none"
|
||
);
|
||
} else if (
|
||
i < List.page &&
|
||
document.querySelector("#wrapper").children.length - (List.page + 1) >=
|
||
0
|
||
) {
|
||
Helper.css(
|
||
document.querySelector("#wrapper").children[List.page],
|
||
"display",
|
||
"inline-flex"
|
||
);
|
||
} else if (
|
||
document.querySelector("#wrapper").children.length >
|
||
List.page + List.can_fit
|
||
) {
|
||
Helper.css(
|
||
document.querySelector("#wrapper").children[
|
||
List.page + List.can_fit - 1
|
||
],
|
||
"display",
|
||
"inline-flex"
|
||
);
|
||
}
|
||
if (change && List.page > 0) {
|
||
Helper.css(
|
||
document.querySelector("#wrapper").children[List.page - 1],
|
||
"display",
|
||
"none"
|
||
);
|
||
}
|
||
if (transition) {
|
||
setTimeout(function() {
|
||
Helper.css(added, "transform", "translateX(0%)");
|
||
setTimeout(function() {
|
||
Helper.removeClass(added, "side_away");
|
||
}, 300);
|
||
}, 5);
|
||
}
|
||
}
|
||
},
|
||
|
||
calculate_song_heights: function() {
|
||
if (!Helper.mobilecheck() && !embed && !client) {
|
||
List.can_fit = Math.round(
|
||
Helper.computedStyle("#wrapper", "height") / 71
|
||
);
|
||
List.element_height =
|
||
Helper.computedStyle("#wrapper", "height") / List.can_fit - 5.3;
|
||
} else if (embed) {
|
||
List.can_fit =
|
||
Math.round(Helper.computedStyle("#wrapper", "height") / 91) + 1;
|
||
List.element_height =
|
||
Helper.computedStyle("#wrapper", "height") / List.can_fit - 4;
|
||
} else if (!client) {
|
||
List.can_fit =
|
||
Math.round(
|
||
(Helper.computedStyle(".tabs", "height") -
|
||
Helper.computedStyle("header", "height") -
|
||
64 -
|
||
40) /
|
||
71
|
||
) + 1;
|
||
List.element_height =
|
||
(window.innerHeight -
|
||
Helper.computedStyle(".tabs", "height") -
|
||
Helper.computedStyle("header", "height") -
|
||
64 -
|
||
40) /
|
||
List.can_fit -
|
||
5;
|
||
} else {
|
||
List.can_fit =
|
||
Math.round(Helper.computedStyle("#wrapper", "height") / 71) + 1;
|
||
List.element_height =
|
||
Helper.computedStyle("#wrapper", "height") / List.can_fit - 5.3;
|
||
}
|
||
if (List.element_height < 55.2 && !client && !embed) {
|
||
List.can_fit = List.can_fit - 1;
|
||
List.element_height = 55.2;
|
||
List.can_fit = Math.round(
|
||
(window.innerHeight -
|
||
Helper.computedStyle(".tabs", "height") -
|
||
Helper.computedStyle("header", "height") -
|
||
64 -
|
||
40) /
|
||
71
|
||
);
|
||
List.element_height =
|
||
(window.innerHeight -
|
||
Helper.computedStyle(".tabs", "height") -
|
||
Helper.computedStyle("header", "height") -
|
||
64 -
|
||
40) /
|
||
List.can_fit -
|
||
5;
|
||
} else if (List.element_height < 55.2 && embed) {
|
||
//List.can_fit = List.can_fit - 1;
|
||
List.can_fit = Math.round(
|
||
(window.innerHeight -
|
||
Helper.computedStyle(".tabs", "height") -
|
||
Helper.computedStyle("header", "height") -
|
||
64 -
|
||
40) /
|
||
71
|
||
);
|
||
List.element_height =
|
||
(window.innerHeight -
|
||
Helper.computedStyle(".tabs", "height") -
|
||
Helper.computedStyle("header", "height") -
|
||
64 -
|
||
40) /
|
||
List.can_fit -
|
||
5;
|
||
List.can_fit = List.can_fit - 2;
|
||
}
|
||
},
|
||
|
||
populate_list: function(msg, no_reset) {
|
||
if (document.querySelector("#wrapper") == null) return;
|
||
// This math is fucked and I don't know how it works. Should be fixed sometime
|
||
if (list_html === undefined) list_html = Helper.html("#list-song-html");
|
||
full_playlist = msg;
|
||
if (offline && !no_reset) {
|
||
for (var x = 0; x < full_playlist.length; x++) {
|
||
full_playlist[x].votes = 0;
|
||
}
|
||
}
|
||
List.sortList();
|
||
|
||
Helper.setHtml("#wrapper", "");
|
||
|
||
Helper.log(["FULL PLAYLIST", full_playlist]);
|
||
if (full_playlist.length > 1) {
|
||
for (var j = 0; j < full_playlist.length; j++) {
|
||
var _current_song = full_playlist[j];
|
||
if (!_current_song.hasOwnProperty("start")) full_playlist[j].start = 0;
|
||
if (!_current_song.hasOwnProperty("end"))
|
||
full_playlist[j].end = full_playlist[j].duration;
|
||
if (!_current_song.now_playing && _current_song.type != "suggested") {
|
||
//check that the song isnt playing
|
||
var generated = List.generateSong(
|
||
_current_song,
|
||
false,
|
||
lazy_load,
|
||
true,
|
||
false,
|
||
"inline-flex",
|
||
true
|
||
);
|
||
document
|
||
.querySelector("#wrapper")
|
||
.insertAdjacentHTML("beforeend", generated);
|
||
}
|
||
}
|
||
if (
|
||
document.querySelector("#wrapper").children.length > List.can_fit &&
|
||
!document.querySelectorAll("#pageButtons").length
|
||
) {
|
||
Helper.css(".prev_page", "display", "none");
|
||
Helper.css(".first_page", "display", "none");
|
||
Helper.css(".next_page_hide", "display", "none");
|
||
Helper.css(".last_page_hide", "display", "none");
|
||
} else if (!document.querySelectorAll("#pageButtons").length) {
|
||
Helper.css(".prev_page", "display", "none");
|
||
Helper.css(".next_page", "display", "none");
|
||
Helper.css(".last_page", "display", "none");
|
||
Helper.css(".first_page", "display", "none");
|
||
Helper.css(".next_page_hide", "display", "inline-flex");
|
||
Helper.css(".prev_page_hide", "display", "inline-flex");
|
||
} else {
|
||
Helper.css(".next_page", "display", "none");
|
||
Helper.css(".last_page", "display", "none");
|
||
}
|
||
|
||
List.dynamicContentPage(-10);
|
||
} else {
|
||
List.empty = true;
|
||
Helper.setHtml(
|
||
"#wrapper",
|
||
"<span id='empty-channel-message'>The playlist is empty.</span>"
|
||
);
|
||
Helper.css(".prev_page", "display", "none");
|
||
Helper.css(".next_page", "display", "none");
|
||
Helper.css(".last_page", "display", "none");
|
||
Helper.css(".last_page_hide", "display", "inline-flex");
|
||
Helper.css(".first_page", "display", "none");
|
||
Helper.css(".next_page_hide", "display", "inline-flex");
|
||
Helper.css(".prev_page_hide", "display", "inline-flex");
|
||
}
|
||
Helper.css("#settings", "visibility", "visible");
|
||
Helper.css("#settings", "opacity", "1");
|
||
Helper.css("#wrapper", "opacity", "1");
|
||
Helper.removeClass("#pageButtons", "hide");
|
||
|
||
if (!embed) {
|
||
Helper.log(["Starting empty-checker"]);
|
||
clearTimeout(timed_remove_check);
|
||
timed_remove_check = setTimeout(function() {
|
||
if (full_playlist.length > 0) {
|
||
List.check_error_videos(0);
|
||
}
|
||
}, 1500);
|
||
}
|
||
},
|
||
|
||
check_error_videos: function(i) {
|
||
//Helper.log("Empty-checker at " + i);
|
||
if (full_playlist.length == 0) return;
|
||
else if (
|
||
full_playlist[i].source == "soundcloud" &&
|
||
full_playlist.length > i + 1 &&
|
||
window.location.pathname != "/"
|
||
)
|
||
List.check_error_videos(i + 1);
|
||
else {
|
||
Helper.ajax({
|
||
method: "get",
|
||
url:
|
||
"https://www.googleapis.com/youtube/v3/videos?id=" +
|
||
full_playlist[i].id +
|
||
"&key=" +
|
||
api_key.youtube +
|
||
"&part=snippet",
|
||
success: function(data) {
|
||
data = JSON.parse(data);
|
||
//Helper.log("Empty-checker items " + data.items.length);
|
||
if (data.items.length == 0) {
|
||
Helper.log([
|
||
"Emtpy-checker error at " +
|
||
full_playlist[i].id +
|
||
" " +
|
||
full_playlist[i].title
|
||
]);
|
||
socket.emit("error_video", {
|
||
channel: chan.toLowerCase(),
|
||
id: full_playlist[i].id,
|
||
title: full_playlist[i].title,
|
||
source: full_playlist[i].source
|
||
});
|
||
}
|
||
if (full_playlist.length > i + 1 && window.location.pathname != "/") {
|
||
List.check_error_videos(i + 1);
|
||
}
|
||
}
|
||
});
|
||
}
|
||
},
|
||
|
||
dynamicContentPageJumpTo: function(page) {
|
||
if (document.querySelector("#wrapper") == null) return;
|
||
page = page * List.can_fit;
|
||
var wrapperChildren = [].slice.call(
|
||
document.querySelector("#wrapper").children
|
||
);
|
||
if (page > List.page || page < List.page) {
|
||
Helper.css(
|
||
wrapperChildren.slice(List.page, List.page + List.can_fit),
|
||
"display",
|
||
"none"
|
||
);
|
||
List.page = page;
|
||
Helper.css(
|
||
wrapperChildren.slice(List.page, List.page + List.can_fit),
|
||
"display",
|
||
"inline-flex"
|
||
);
|
||
if (
|
||
List.page > 0 &&
|
||
document.querySelector(".prev_page").style.display == "none"
|
||
) {
|
||
Helper.css(".prev_page", "display", "inline-flex");
|
||
Helper.css(".prev_page_hide", "display", "none");
|
||
Helper.css(".first_page", "display", "inline-flex");
|
||
Helper.css(".first_page_hide", "display", "none");
|
||
}
|
||
|
||
if (List.page + List.can_fit >= wrapperChildren.length) {
|
||
Helper.css(".next_page_hide", "display", "inline-flex");
|
||
Helper.css(".next_page", "display", "none");
|
||
Helper.css(".last_page_hide", "display", "inline-flex");
|
||
Helper.css(".last_page", "display", "none");
|
||
}
|
||
|
||
Helper.setHtml("#pageNumber", List.page / List.can_fit + 1);
|
||
}
|
||
},
|
||
|
||
dynamicContentPage: function(way) {
|
||
if (document.querySelector("#wrapper") == null) return;
|
||
var wrapperChildren = [].slice.call(
|
||
document.querySelector("#wrapper").children
|
||
);
|
||
if (way == 1 || way == 10) {
|
||
Helper.css(
|
||
wrapperChildren.slice(List.page, List.page + List.can_fit),
|
||
"display",
|
||
"none"
|
||
);
|
||
if (way == 1) {
|
||
List.page = List.page + List.can_fit;
|
||
} else if (way == 10) {
|
||
List.page =
|
||
Math.floor(
|
||
(document.querySelector("#wrapper").children.length - 1) /
|
||
List.can_fit
|
||
) * List.can_fit;
|
||
}
|
||
Helper.css(
|
||
wrapperChildren.slice(List.page, List.page + List.can_fit),
|
||
"display",
|
||
"inline-flex"
|
||
);
|
||
|
||
if (
|
||
List.page > 0 &&
|
||
document.querySelector(".prev_page").style.display == "none"
|
||
) {
|
||
Helper.css(".prev_page", "display", "inline-flex");
|
||
Helper.css(".prev_page_hide", "display", "none");
|
||
Helper.css(".first_page", "display", "inline-flex");
|
||
Helper.css(".first_page_hide", "display", "none");
|
||
}
|
||
if (
|
||
List.page + List.can_fit >=
|
||
document.querySelector("#wrapper").children.length
|
||
) {
|
||
Helper.css(".next_page_hide", "display", "inline-flex");
|
||
Helper.css(".next_page", "display", "none");
|
||
Helper.css(".last_page_hide", "display", "inline-flex");
|
||
Helper.css(".last_page", "display", "none");
|
||
}
|
||
} else {
|
||
if (way == -10) {
|
||
Helper.css(
|
||
wrapperChildren.slice(List.page, List.page + List.can_fit),
|
||
"display",
|
||
"none"
|
||
);
|
||
List.page = 0;
|
||
Helper.css(
|
||
wrapperChildren.slice(List.page, List.page + List.can_fit),
|
||
"display",
|
||
"inline-flex"
|
||
);
|
||
} else {
|
||
Helper.css(
|
||
wrapperChildren.slice(List.page - List.can_fit, List.page),
|
||
"display",
|
||
"inline-flex"
|
||
);
|
||
Helper.css(
|
||
wrapperChildren.slice(List.page, List.page + List.can_fit),
|
||
"display",
|
||
"none"
|
||
);
|
||
List.page = List.page - List.can_fit < 0 ? 0 : List.page - List.can_fit;
|
||
}
|
||
if (
|
||
List.page == 0 &&
|
||
document.querySelector(".prev_page").style.display != "none"
|
||
) {
|
||
Helper.css(".prev_page", "display", "none");
|
||
Helper.css(".prev_page_hide", "display", "inline-flex");
|
||
Helper.css(".first_page", "display", "none");
|
||
Helper.css(".first_page_hide", "display", "inline-flex");
|
||
} else if (document.querySelector(".prev_page").style.display == "none") {
|
||
Helper.css(".prev_page_hide", "display", "inline-flex");
|
||
Helper.css(".first_page_hide", "display", "inline-flex");
|
||
} else {
|
||
Helper.css(".prev_page_hide", "display", "none");
|
||
Helper.css(".first_page_hide", "display", "none");
|
||
}
|
||
if (
|
||
List.page + List.can_fit <
|
||
document.querySelector("#wrapper").children.length
|
||
) {
|
||
Helper.css(".next_page_hide", "display", "none");
|
||
Helper.css(".next_page", "display", "inline-flex");
|
||
Helper.css(".last_page_hide", "display", "none");
|
||
Helper.css(".last_page", "display", "inline-flex");
|
||
}
|
||
}
|
||
document.querySelector("#pageNumber").innerText =
|
||
List.page / List.can_fit + 1;
|
||
},
|
||
|
||
added_song: function(added) {
|
||
var now_playing;
|
||
if (added != undefined) {
|
||
if (full_playlist.length !== 0) {
|
||
now_playing = full_playlist.pop();
|
||
}
|
||
full_playlist.push(added);
|
||
List.sortList();
|
||
if (now_playing) {
|
||
full_playlist.push(now_playing);
|
||
}
|
||
|
||
if (hostMode) {
|
||
M.toast({
|
||
html:
|
||
"<div style='display:flex;'><img style='height:100px;align-self:center;' src='" +
|
||
added.thumbnail +
|
||
"' /><div style='padding-left:32px;padding-right:32px;'><p>New song added</p><p>" +
|
||
added.title +
|
||
"</p></div></div>",
|
||
displayLength: 10000
|
||
});
|
||
document
|
||
.querySelector("#toast-container")
|
||
.setAttribute("style", "z-index: 99999999999 !important");
|
||
}
|
||
if (
|
||
added.source != "soundcloud" &&
|
||
document.querySelectorAll("#suggested-" + added.id).length > 0
|
||
) {
|
||
number_suggested = number_suggested - 1;
|
||
if (number_suggested < 0) number_suggested = 0;
|
||
|
||
var to_display = number_suggested > 9 ? "9+" : number_suggested;
|
||
if (to_display == 0) {
|
||
Helper.addClass(
|
||
document.querySelector(".suggested-link span.badge.new.white"),
|
||
"hide"
|
||
);
|
||
}
|
||
|
||
document.querySelector(
|
||
".suggested-link span.badge.new.white"
|
||
).innerText = to_display;
|
||
Helper.removeElement("#suggested-" + added.id);
|
||
}
|
||
|
||
if (List.empty) {
|
||
List.empty = false;
|
||
}
|
||
if (document.querySelectorAll("#empty-channel-message").length > 0) {
|
||
document.querySelector("#empty-channel-message").remove();
|
||
}
|
||
if (intelligentList) {
|
||
intelligentQueue.push({
|
||
type: "add",
|
||
element: added
|
||
});
|
||
if (Helper.mobilecheck()) {
|
||
say_updated();
|
||
}
|
||
} else {
|
||
List.insertAtIndex(added, true);
|
||
Helper.css(
|
||
document.querySelector("#wrapper").children[List.page + List.can_fit],
|
||
"display",
|
||
"none"
|
||
);
|
||
if (
|
||
document.querySelector("#wrapper").children.length >
|
||
List.page + List.can_fit
|
||
) {
|
||
Helper.css(".next_page_hide", "display", "none");
|
||
Helper.removeClass(".next_page", "hide");
|
||
Helper.css(".last_page_hide", "display", "none");
|
||
Helper.css(".next_page", "display", "inline-flex");
|
||
Helper.css(".last_page", "display", "inline-flex");
|
||
} else {
|
||
Helper.css(".next_page_hide", "display", "inline-flex");
|
||
Helper.css(".next_page", "display", "none");
|
||
}
|
||
}
|
||
}
|
||
},
|
||
|
||
deleted_song: function(deleted, removed, intelligentSecond, deleted_index) {
|
||
try {
|
||
var index = List.getIndexOfSong(deleted);
|
||
if (intelligentList && !intelligentSecond) {
|
||
intelligentQueue.push({
|
||
type: "delete",
|
||
element: full_playlist[index],
|
||
index: index
|
||
});
|
||
if (Helper.mobilecheck()) {
|
||
say_updated();
|
||
}
|
||
if (index != -1) full_playlist.splice(index, 1);
|
||
var this_element = document.getElementById(deleted);
|
||
Helper.addClass(this_element, "disabled-vote");
|
||
this_element.querySelector(".vote-span").innerText = "Deleted";
|
||
Helper.addClass(
|
||
this_element.querySelector(".vote-container"),
|
||
"deleted-vote-container"
|
||
);
|
||
Helper.removeClass(
|
||
this_element.querySelector(".vote-container"),
|
||
"clickable"
|
||
);
|
||
Helper.removeClass(
|
||
this_element.querySelector(".vote-container"),
|
||
"vote-container"
|
||
);
|
||
return;
|
||
} else {
|
||
//if(!removed) to_delete.style.height = 0;
|
||
var nextToChange;
|
||
if (index == -1) index = deleted_index;
|
||
if (
|
||
index < List.page &&
|
||
document.querySelector("#wrapper").children.length -
|
||
(List.page + 2) >=
|
||
0
|
||
) {
|
||
//Helper.css(document.querySelector("#wrapper").children[List.page], "height", 0 + "px");
|
||
nextToChange = document.querySelector("#wrapper").children[List.page];
|
||
//Helper.css(document.querySelector("#wrapper").children[List.page], "display", "inline-flex");
|
||
//Helper.css(document.querySelector("#wrapper").children[List.page], "height", List.element_height + "px");
|
||
} else if (
|
||
document.querySelector("#wrapper").children.length >
|
||
List.page + List.can_fit
|
||
) {
|
||
//Helper.css(document.querySelector("#wrapper").children[List.page + (List.can_fit)], "height", 0 + "px");
|
||
nextToChange = document.querySelector("#wrapper").children[
|
||
List.page + List.can_fit
|
||
];
|
||
//Helper.css(document.querySelector("#wrapper").children[List.page + (List.can_fit)], "display", "inline-flex");
|
||
//Helper.css(document.querySelector("#wrapper").children[List.page + (List.can_fit)], "height", List.element_height + "px");
|
||
}
|
||
if (
|
||
List.page >=
|
||
document.querySelector("#wrapper").children.length - 1
|
||
) {
|
||
List.dynamicContentPage(-1);
|
||
Helper.css(".next_page_hide", "display", "inline-flex");
|
||
Helper.css(".next_page", "display", "none");
|
||
Helper.css(".last_page_hide", "display", "inline-flex");
|
||
Helper.css(".last_page", "display", "none");
|
||
} else if (
|
||
List.page + List.can_fit + 1 >=
|
||
document.querySelector("#wrapper").children.length - 1
|
||
) {
|
||
Helper.css(".next_page_hide", "display", "inline-flex");
|
||
Helper.css(".next_page", "display", "none");
|
||
Helper.css(".last_page_hide", "display", "inline-flex");
|
||
Helper.css(".last_page", "display", "none");
|
||
}
|
||
|
||
if (List.page <= index && List.page - List.can_fit <= index) {
|
||
Helper.addClass("#" + deleted, "side_away");
|
||
|
||
//document.getElementById(deleted).querySelector(".mobile-delete").remove();
|
||
Helper.css("#" + deleted, "transform", "translateX(-100%)");
|
||
setTimeout(function() {
|
||
Helper.removeElement("#" + deleted);
|
||
/*var wrapperChildren = [].slice.call(document.querySelector("#wrapper").children);
|
||
if(wrapperChildren.length > List.can_fit) {
|
||
Helper.css(wrapperChildren[List.can_fit], "display", "inline-flex");
|
||
}*/
|
||
if (nextToChange != undefined) {
|
||
Helper.css(nextToChange, "display", "inline-flex");
|
||
Helper.css(nextToChange, "height", List.element_height + "px");
|
||
}
|
||
}, 300);
|
||
} else {
|
||
Helper.removeElement("#" + deleted);
|
||
if (nextToChange != undefined) {
|
||
Helper.css(nextToChange, "display", "inline-flex");
|
||
Helper.css(nextToChange, "height", List.element_height + "px");
|
||
}
|
||
}
|
||
var index = List.getIndexOfSong(deleted);
|
||
if (index != -1) full_playlist.splice(index, 1);
|
||
Player.sendNext({
|
||
title: full_playlist[0].title,
|
||
videoId: full_playlist[0].id,
|
||
source: full_playlist[0].source,
|
||
thumbnail: full_playlist[0].thumbnail
|
||
});
|
||
//}
|
||
}
|
||
} catch (err) {
|
||
var index = List.getIndexOfSong(deleted);
|
||
if (index != -1) full_playlist.splice(index, 1);
|
||
if (!List.empty) {
|
||
try {
|
||
document.getElementById(deleted).remove();
|
||
} catch (e) {}
|
||
if (
|
||
index < List.page &&
|
||
document.querySelector("#wrapper").children.length -
|
||
(List.page + 1) >=
|
||
0
|
||
) {
|
||
//Helper.css(document.querySelector("#wrapper").children[List.page - 1], "display", "inline-flex");
|
||
} else if (
|
||
document.querySelector("#wrapper").children.length >
|
||
List.page + List.can_fit
|
||
) {
|
||
//Helper.css(document.querySelector("#wrapper").children[List.page + (List.can_fit - 1)], "display", "inline-flex");
|
||
}
|
||
if (nextToChange != undefined) {
|
||
Helper.css(nextToChange, "display", "inline-flex");
|
||
Helper.css(nextToChange, "height", List.element_height + "px");
|
||
}
|
||
Player.sendNext({
|
||
title: full_playlist[0].title,
|
||
videoId: full_playlist[0].id,
|
||
source: full_playlist[0].source,
|
||
thumbnail: full_playlist[0].thumbnail
|
||
});
|
||
}
|
||
}
|
||
if (full_playlist.length < 2) {
|
||
List.empty = true;
|
||
Helper.setHtml(
|
||
"#wrapper",
|
||
"<span id='empty-channel-message'>The playlist is empty.</span>"
|
||
);
|
||
}
|
||
Helper.removeElement("#suggested-" + deleted);
|
||
if (
|
||
List.page + List.can_fit <
|
||
document.querySelector("#wrapper").children.length + 1
|
||
) {
|
||
//$(".next_page_hide").css("display", "none");
|
||
//$(".next_page").css("display", "flex");
|
||
}
|
||
if (List.page >= document.querySelector("#wrapper").children.length) {
|
||
List.dynamicContentPage(-1);
|
||
}
|
||
Suggestions.checkUserEmpty();
|
||
},
|
||
|
||
voted_song: function(voted, time) {
|
||
var index_of_song = List.getIndexOfSong(voted);
|
||
if (index_of_song == -1) return;
|
||
var song_voted_on = full_playlist[index_of_song];
|
||
|
||
full_playlist[index_of_song].votes += 1;
|
||
full_playlist[index_of_song].added = time;
|
||
|
||
if (intelligentList) {
|
||
document.getElementById(voted).querySelector(".list-votes").innerText =
|
||
full_playlist[index_of_song].votes;
|
||
intelligentQueue.push({
|
||
type: "vote",
|
||
element: song_voted_on
|
||
});
|
||
List.sortList();
|
||
if (Helper.mobilecheck()) {
|
||
say_updated();
|
||
}
|
||
} else {
|
||
List.sortList();
|
||
Helper.removeElement("#" + voted);
|
||
List.insertAtIndex(song_voted_on, false);
|
||
}
|
||
},
|
||
|
||
song_change_prev: function(time) {
|
||
full_playlist[full_playlist.length - 1].now_playing = false;
|
||
full_playlist[full_playlist.length - 1].votes = full_playlist[0].votes;
|
||
full_playlist[full_playlist.length - 1].guids = [];
|
||
full_playlist[full_playlist.length - 1].added = full_playlist[0].added - 1;
|
||
|
||
full_playlist.unshift(full_playlist.pop());
|
||
|
||
full_playlist[full_playlist.length - 1].now_playing = true;
|
||
|
||
if (full_playlist.length == 1) return;
|
||
document
|
||
.querySelector("#wrapper")
|
||
.children[
|
||
document.querySelector("#wrapper").children.length - 1
|
||
].remove();
|
||
|
||
var length = full_playlist.length - 2;
|
||
if (length < 0) {
|
||
length = 0;
|
||
}
|
||
|
||
List.insertAtIndex(full_playlist[0], false, true);
|
||
},
|
||
|
||
song_change: function(time, remove, id) {
|
||
try {
|
||
var length = full_playlist.length - 1;
|
||
if (full_playlist.length <= 1) {
|
||
List.empty = true;
|
||
Helper.setHtml(
|
||
"#wrapper",
|
||
"<span id='empty-channel-message'>The playlist is empty.</span>"
|
||
);
|
||
}
|
||
if (id != full_playlist[0].id) {
|
||
return;
|
||
}
|
||
var newLast = full_playlist[0];
|
||
full_playlist[0].now_playing = true;
|
||
full_playlist[0].votes = 0;
|
||
full_playlist[0].guids = [];
|
||
full_playlist[0].added = time;
|
||
var i = intelligentQueue.length;
|
||
|
||
while (i--) {
|
||
var current = intelligentQueue[i];
|
||
if (current.type == "delete") {
|
||
intelligentQueue.splice(i, 1);
|
||
Helper.removeElement("#" + current.element.id);
|
||
deleted_elements += 1;
|
||
}
|
||
}
|
||
try {
|
||
document.getElementById(full_playlist[0].id).remove();
|
||
} catch (e) {}
|
||
if (!remove) {
|
||
full_playlist[length].now_playing = false;
|
||
} else {
|
||
delete full_playlist[length];
|
||
}
|
||
Helper.log(["SONG ON FIRST INDEX", full_playlist[0]]);
|
||
|
||
full_playlist.push(full_playlist.shift());
|
||
if (!remove) {
|
||
if (full_playlist.length >= 2) {
|
||
var index = full_playlist.length - 2;
|
||
List.insertAtIndex(full_playlist[index], false, true);
|
||
}
|
||
}
|
||
var wrapperChildren = [].slice.call(
|
||
document.querySelector("#wrapper").children
|
||
);
|
||
if (wrapperChildren.length >= List.can_fit && deleted_elements > 0) {
|
||
for (var i = 0; i < deleted_elements + 1; i++) {
|
||
//Helper.css(wrapperChildren[List.can_fit - 2], "display", "inline-flex");
|
||
Helper.css(
|
||
wrapperChildren[List.page + List.can_fit - 1 - i],
|
||
"display",
|
||
"inline-flex"
|
||
);
|
||
}
|
||
}
|
||
deleted_elements = 0;
|
||
} catch (e) {}
|
||
},
|
||
|
||
vote: function(id, vote) {
|
||
Helper.log([
|
||
"Voting on video",
|
||
"client " + client,
|
||
"socket_connected " + socket_connected
|
||
]);
|
||
if ((client || Helper.mobilecheck()) && !socket_connected) {
|
||
if (vote != "del") {
|
||
vote_ajax(id);
|
||
} else {
|
||
del_ajax(id);
|
||
}
|
||
return;
|
||
}
|
||
|
||
if (
|
||
!offline ||
|
||
(vote == "del" && (hasadmin && (!w_p && adminpass != "")))
|
||
) {
|
||
/*var u = Crypt.crypt_pass(Crypt.get_userpass(chan.toLowerCase()), true);
|
||
if(u == undefined) u = "";*/
|
||
emit("vote", { channel: chan, id: id, type: vote });
|
||
} else {
|
||
if (vote == "pos") {
|
||
List.voted_song(id, new Date().getTime() / 1000);
|
||
} else {
|
||
List.deleted_song(id);
|
||
}
|
||
}
|
||
return true;
|
||
},
|
||
|
||
skip: function(way) {
|
||
if (!offline) {
|
||
/*var u = Crypt.crypt_pass(Crypt.get_userpass(chan.toLowerCase()), true);
|
||
if(u == undefined) u = "";*/
|
||
emit("skip", { id: video_id, channel: chan.toLowerCase() });
|
||
} else {
|
||
if (way) {
|
||
Player.playNext();
|
||
} else {
|
||
Player.playPrev();
|
||
}
|
||
}
|
||
return true;
|
||
},
|
||
|
||
exportToSoundCloud: function(thisSong, i) {
|
||
if (i >= full_playlist.length) {
|
||
if (List.found.length == 0) {
|
||
for (var x = 0; x < List.not_found.length; x++) {
|
||
var data = List.not_found[x];
|
||
var not_added_song = document.createElement("div");
|
||
not_added_song.innerHTML = not_export_html;
|
||
not_added_song
|
||
.querySelector(".extra-add-text")
|
||
.setAttribute("value", data);
|
||
not_added_song
|
||
.querySelector(".extra-add-text")
|
||
.setAttribute("title", data);
|
||
document
|
||
.querySelector(".not-exported-container")
|
||
.insertAdjacentHTML("beforeend", not_added_song.innerHTML);
|
||
}
|
||
Helper.removeClass(".not-exported", "hide");
|
||
Helper.addClass(".current_number", "hide");
|
||
Helper.addClass("#playlist_loader_export", "hide");
|
||
Helper.addClass(".exported-list-container", "hide");
|
||
List.found = [];
|
||
List.not_found = [];
|
||
} else {
|
||
SC_player.post("/playlists", {
|
||
playlist: {
|
||
title: chan.toLowerCase() + " - Zoff",
|
||
tracks: List.found,
|
||
description:
|
||
"Playlist exported from https://zoff.me/" +
|
||
Helper.encodeChannelName(chan.toLowerCase())
|
||
}
|
||
})
|
||
.then(function(result) {
|
||
for (var x = 0; x < List.not_found.length; x++) {
|
||
var data = List.not_found[x];
|
||
var not_added_song = document.createElement("div");
|
||
not_added_song.innerHTML = not_export_html;
|
||
not_added_song
|
||
.querySelector(".extra-add-text")
|
||
.setAttribute("value", data);
|
||
not_added_song
|
||
.querySelector(".extra-add-text")
|
||
.setAttribute("title", data);
|
||
document
|
||
.querySelector(".not-exported-container")
|
||
.insertAdjacentHTML("beforeend", not_added_song.innerHTML);
|
||
}
|
||
Helper.addClass(".current_number", "hide");
|
||
Helper.addClass("#playlist_loader_export", "hide");
|
||
Helper.addClass(".exported-list-container", "hide");
|
||
document
|
||
.querySelector(".exported-list")
|
||
.insertAdjacentHTML(
|
||
"beforeend",
|
||
"<a target='_blank' class='btn light exported-playlist exported-soundcloud-list' href='" +
|
||
result.permalink_url +
|
||
"'>" +
|
||
result.title +
|
||
"</a>"
|
||
);
|
||
Helper.removeClass(".not-exported", "hide");
|
||
toast("List exported!");
|
||
List.found = [];
|
||
List.not_found = [];
|
||
})
|
||
.catch(function(error) {
|
||
console.log(error);
|
||
});
|
||
}
|
||
} else if (thisSong == undefined) {
|
||
ga("send", "event", "export", "soundcloud");
|
||
if (full_playlist.length > 0) {
|
||
List.exportToSoundCloud(full_playlist[0], 0);
|
||
}
|
||
} else if (thisSong != undefined && i != undefined) {
|
||
var isFound = false;
|
||
Helper.removeClass(".current_number", "hide");
|
||
document.querySelector(".current_number").innerText =
|
||
i + " of " + full_playlist.length;
|
||
if (thisSong.source == "soundcloud") {
|
||
List.found.push({ id: parseInt(thisSong.id) });
|
||
List.exportToSoundCloud(full_playlist[i + 1], i + 1);
|
||
} else {
|
||
var _title = thisSong.title;
|
||
_title = Helper.replaceForFind(_title);
|
||
SC_player.get("/tracks", {
|
||
q: _title
|
||
})
|
||
.then(function(tracks) {
|
||
//$("#results").append(result_html);
|
||
//Helper.css(document.querySelector(".search_results .col.s12"), "display", "block");
|
||
for (var y = 0; y < tracks.length; y++) {
|
||
var song = tracks[y];
|
||
if (!song.streamable) continue;
|
||
var duration = Math.floor(song.duration / 1000);
|
||
//var secs=Search.durationToSeconds(duration);
|
||
var secs = duration;
|
||
if (longsongs == undefined) longsongs = true;
|
||
if ((longsongs != undefined && !longsongs) || secs < 720) {
|
||
var title = song.title;
|
||
if (title.indexOf(song.user.username) == -1) {
|
||
title = song.user.username + " - " + title;
|
||
}
|
||
title = title.toLowerCase();
|
||
var id = song.id;
|
||
if (similarity(title, _title) > 0.6) {
|
||
List.found.push({ id: parseInt(song.id) });
|
||
isFound = true;
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
if (!isFound) {
|
||
List.not_found.push(full_playlist[i].title);
|
||
}
|
||
List.exportToSoundCloud(full_playlist[i + 1], i + 1);
|
||
})
|
||
.catch(function(e) {
|
||
List.not_found.push(full_playlist[i].title);
|
||
List.exportToSoundCloud(full_playlist[i + 1], i + 1);
|
||
});
|
||
}
|
||
}
|
||
},
|
||
|
||
exportToSpotify: function() {
|
||
ga("send", "event", "export", "spotify");
|
||
|
||
Helper.ajax({
|
||
type: "GET",
|
||
url: "https://api.spotify.com/v1/me",
|
||
headers: {
|
||
Authorization: "Bearer " + access_token_data.access_token
|
||
},
|
||
success: function(response) {
|
||
response = JSON.parse(response);
|
||
var user_id = response.id;
|
||
Helper.removeClass("#playlist_loader_export", "hide");
|
||
Helper.removeClass(".exported-list-container", "hide");
|
||
Helper.ajax({
|
||
type: "POST",
|
||
url: "https://api.spotify.com/v1/users/" + user_id + "/playlists",
|
||
headers: {
|
||
Authorization: "Bearer " + access_token_data.access_token,
|
||
"Content-Type": "application/json"
|
||
},
|
||
data: JSON.stringify({
|
||
name: chan.toLowerCase() + " - Zoff",
|
||
description:
|
||
"Playlist exported from Zoff (https://zoff.me/" +
|
||
chan.toLowerCase() +
|
||
"/)",
|
||
public: true
|
||
}),
|
||
success: function(response) {
|
||
response = JSON.parse(response);
|
||
var playlist_id = response.id;
|
||
Helper.ajax({
|
||
type: "GET",
|
||
url:
|
||
window.location.protocol +
|
||
"//" +
|
||
window.location.hostname +
|
||
"/assets/images/small-square.base64.txt",
|
||
success: function(base64image) {
|
||
var image = base64image.substring(0, base64image.length - 1);
|
||
Helper.ajax({
|
||
type: "PUT",
|
||
url:
|
||
"https://api.spotify.com/v1/users/" +
|
||
user_id +
|
||
"/playlists/" +
|
||
playlist_id +
|
||
"/images",
|
||
headers: {
|
||
Authorization: "Bearer " + access_token_data.access_token,
|
||
"Content-Type": "image/jpeg"
|
||
},
|
||
contentType: "image/jpeg",
|
||
data: image,
|
||
success: function(resp) {},
|
||
error: function(error) {
|
||
console.error(error);
|
||
}
|
||
});
|
||
}
|
||
});
|
||
var i = 0;
|
||
List.searchSpotify(
|
||
full_playlist[i],
|
||
playlist_id,
|
||
user_id,
|
||
full_playlist,
|
||
i
|
||
);
|
||
//});
|
||
},
|
||
error: function(e) {}
|
||
});
|
||
},
|
||
error: function(e) {
|
||
console.error(e);
|
||
}
|
||
});
|
||
},
|
||
|
||
searchSpotify: function(
|
||
curr_song,
|
||
playlist_id,
|
||
user_id,
|
||
full_playlist,
|
||
current_element
|
||
) {
|
||
var original_track = curr_song.title;
|
||
var track = curr_song.title.toLowerCase().replace("-", " ");
|
||
track = Helper.replaceForFind(track);
|
||
track = encodeURIComponent(track);
|
||
|
||
Helper.removeClass(".current_number", "hide");
|
||
document.querySelector(".current_number").innerText =
|
||
current_element + 1 + " of " + full_playlist.length;
|
||
Helper.ajax({
|
||
type: "GET",
|
||
url: "https://api.spotify.com/v1/search?q=" + track + "&type=track",
|
||
headers: {
|
||
Authorization: "Bearer " + access_token_data.access_token
|
||
},
|
||
async: true,
|
||
error: function(err) {
|
||
if (err.status == 429 || err.status == 502) {
|
||
Helper.log([err.getAllResponseHeaders()]);
|
||
var retryAfter = err.getResponseHeader("Retry-After");
|
||
Helper.log([retryAfter]);
|
||
if (!retryAfter) retryAfter = 5;
|
||
retryAfter = parseInt(retryAfter, 10);
|
||
Helper.log(["Retry-After", retryAfter]);
|
||
setTimeout(function() {
|
||
List.searchSpotify(
|
||
curr_song,
|
||
playlist_id,
|
||
user_id,
|
||
full_playlist,
|
||
current_element
|
||
);
|
||
}, retryAfter * 1000);
|
||
}
|
||
},
|
||
success: function(response) {
|
||
response = JSON.parse(response);
|
||
var found = false;
|
||
for (var i = 0; i < response.tracks.items.length; i++) {
|
||
var data = response.tracks.items[i];
|
||
data.name = Helper.replaceForFind(data.name);
|
||
data.artists[0].name = Helper.replaceForFind(data.artists[0].name);
|
||
if (data.name.substring(data.name.length - 1) == " ")
|
||
data.name = data.name.substring(0, data.name.length - 1);
|
||
if (
|
||
data.name.substring(data.name.length - 1) == "." &&
|
||
track.substring(track.length - 1) != "."
|
||
) {
|
||
data.name = data.name.substring(0, data.name.length - 1);
|
||
}
|
||
if (
|
||
similarity(
|
||
data.artists[0].name + " - " + data.name,
|
||
decodeURIComponent(track)
|
||
) > 0.6 ||
|
||
(data.artists.length > 1 &&
|
||
similarity(
|
||
data.artists[0].name +
|
||
" " +
|
||
data.artists[1].name +
|
||
" - " +
|
||
data.name,
|
||
decodeURIComponent(track)
|
||
))
|
||
) {
|
||
found = true;
|
||
List.uris.push(data.uri);
|
||
Helper.log(["Found", track]);
|
||
//List.num_songs = List.num_songs + 1;
|
||
break;
|
||
} else if (
|
||
decodeURIComponent(track).indexOf(
|
||
data.artists[0].name.toLowerCase()
|
||
) >= 0 &&
|
||
decodeURIComponent(track).indexOf(data.name.toLowerCase()) >= 0
|
||
) {
|
||
found = true;
|
||
List.uris.push(data.uri);
|
||
Helper.log(["Found", track]);
|
||
//List.num_songs = List.num_songs + 1;
|
||
break;
|
||
} else {
|
||
var splitted = data.name.split(" ");
|
||
var toBreak = false;
|
||
for (var i = 0; i < splitted.length; i++) {
|
||
if (
|
||
(splitted[i] == "and" && track.indexOf("&") >= 0) ||
|
||
(splitted[i] == "&" && track.indexOf("and") >= 0)
|
||
) {
|
||
continue;
|
||
} else if (track.indexOf(splitted[i]) < 0) {
|
||
toBreak = true;
|
||
break;
|
||
}
|
||
}
|
||
if (toBreak) break;
|
||
found = true;
|
||
List.uris.push(data.uri);
|
||
Helper.log(["Found", track]);
|
||
//List.num_songs = List.num_songs + 1;
|
||
break;
|
||
}
|
||
}
|
||
if (!found) {
|
||
List.not_found.push(original_track);
|
||
List.num_songs = List.num_songs + 1;
|
||
Helper.log(["Didn't find", original_track]);
|
||
}
|
||
if (List.num_songs + List.uris.length == full_playlist.length) {
|
||
if (List.uris.length > 100) {
|
||
while (List.uris.length > 100) {
|
||
List.addToSpotifyPlaylist(
|
||
List.uris.slice(0, 100),
|
||
playlist_id,
|
||
user_id
|
||
);
|
||
List.uris = List.uris.slice(100, List.uris.length);
|
||
}
|
||
List.addToSpotifyPlaylist(List.uris, playlist_id, user_id);
|
||
Helper.addClass("#playlist_loader_export", "hide");
|
||
} else {
|
||
List.addToSpotifyPlaylist(List.uris, playlist_id, user_id);
|
||
Helper.addClass("#playlist_loader_export", "hide");
|
||
}
|
||
if (document.querySelectorAll(".exported-spotify-list").length == 0) {
|
||
document
|
||
.querySelector(".exported-list")
|
||
.insertAdjacentHTML(
|
||
"beforeend",
|
||
"<a target='_blank' class='btn light green lighten exported-playlist exported-spotify-list' href='https://open.spotify.com/user/" +
|
||
user_id +
|
||
"/playlist/" +
|
||
playlist_id +
|
||
"'>" +
|
||
chan +
|
||
"</a>"
|
||
);
|
||
}
|
||
for (var i = 0; i < List.not_found.length; i++) {
|
||
var data = List.not_found[i];
|
||
var not_added_song = document.createElement("div");
|
||
not_added_song.innerHTML = not_export_html;
|
||
not_added_song
|
||
.querySelector(".extra-add-text")
|
||
.setAttribute("value", data);
|
||
not_added_song
|
||
.querySelector(".extra-add-text")
|
||
.setAttribute("title", data);
|
||
document
|
||
.querySelector(".not-exported-container")
|
||
.insertAdjacentHTML("beforeend", not_added_song.innerHTML);
|
||
}
|
||
Helper.addClass(".current_number", "hide");
|
||
Helper.removeClass(".not-exported", "hide");
|
||
Helper.css(".spotify_export_button", "display", "block");
|
||
} else {
|
||
List.searchSpotify(
|
||
full_playlist[current_element + 1],
|
||
playlist_id,
|
||
user_id,
|
||
full_playlist,
|
||
current_element + 1
|
||
);
|
||
}
|
||
}
|
||
});
|
||
},
|
||
|
||
addToSpotifyPlaylist: function(uris, playlist_id, user_id) {
|
||
Helper.ajax({
|
||
type: "POST",
|
||
url:
|
||
"https://api.spotify.com/v1/users/" +
|
||
user_id +
|
||
"/playlists/" +
|
||
playlist_id +
|
||
"/tracks",
|
||
headers: {
|
||
Authorization: "Bearer " + access_token_data.access_token,
|
||
"Content-Type": "application/json"
|
||
},
|
||
data: JSON.stringify({
|
||
uris: uris
|
||
}),
|
||
error: function(response) {
|
||
var temp_playlist_id = playlist_id;
|
||
var temp_uris = uris;
|
||
var temp_user_id = user_id;
|
||
setTimeout(function() {
|
||
List.addToSpotifyPlaylist(temp_uris, temp_playlist_id, temp_user_id);
|
||
}, 3000);
|
||
},
|
||
success: function(response) {
|
||
Helper.log(["Added songs"]);
|
||
}
|
||
});
|
||
},
|
||
|
||
exportToYoutube: function() {
|
||
ga("send", "event", "export", "youtube");
|
||
|
||
var request_url =
|
||
"https://www.googleapis.com/youtube/v3/playlists?part=snippet&key=" +
|
||
api_key.youtube;
|
||
Helper.removeClass(".exported-list-container", "hide");
|
||
Helper.removeClass("#playlist_loader_export", "hide");
|
||
Helper.ajax({
|
||
type: "POST",
|
||
url: request_url,
|
||
headers: {
|
||
Authorization: "Bearer " + access_token_data_youtube.access_token,
|
||
"Content-Type": "application/json"
|
||
},
|
||
data: JSON.stringify({
|
||
snippet: {
|
||
title: Helper.upperFirst(chan.toLowerCase()),
|
||
description: "Playlist exported from zoff"
|
||
}
|
||
}),
|
||
success: function(response) {
|
||
response = JSON.parse(response);
|
||
var number_added = 0;
|
||
var playlist_id = response.id;
|
||
var request_url =
|
||
"https://www.googleapis.com/youtube/v3/playlistItems?part=snippet&key=" +
|
||
api_key.youtube;
|
||
List.addToYoutubePlaylist(
|
||
playlist_id,
|
||
full_playlist,
|
||
number_added,
|
||
request_url
|
||
);
|
||
},
|
||
error: function(response) {
|
||
console.error(response);
|
||
toast(
|
||
"Couldn't export to YouTube for some reason.. Try again later",
|
||
"red lighten"
|
||
);
|
||
Helper.addClass(".exported-list-container", "hide");
|
||
Helper.addClass("#playlist_loader_export", "hide");
|
||
Helper.removeClass(".youtube_export_button", "hide");
|
||
response = response.responseText;
|
||
Helper.log(["export to youtube response", response]);
|
||
}
|
||
});
|
||
},
|
||
|
||
insertInYouTubePlaylist: function(playlist_id, _videoId, num, request_url) {
|
||
var _data = JSON.stringify({
|
||
snippet: {
|
||
playlistId: playlist_id,
|
||
resourceId: {
|
||
kind: "youtube#video",
|
||
videoId: _videoId
|
||
}
|
||
}
|
||
});
|
||
Helper.ajax({
|
||
type: "POST",
|
||
url: request_url,
|
||
headers: {
|
||
Authorization: "Bearer " + access_token_data_youtube.access_token,
|
||
"Content-Type": "application/json"
|
||
},
|
||
data: _data,
|
||
success: function(response) {
|
||
response = JSON.parse(response);
|
||
Helper.log([
|
||
"Added video: " +
|
||
full_playlist[num].id +
|
||
" to playlist id " +
|
||
playlist_id
|
||
]);
|
||
if (num == full_playlist.length - 1) {
|
||
Helper.log(["All videoes added!"]);
|
||
Helper.log([
|
||
"url: https://www.youtube.com/playlist?list=" + playlist_id
|
||
]);
|
||
document
|
||
.querySelector(".exported-list")
|
||
.insertAdjacentHTML(
|
||
"beforeend",
|
||
"<a target='_blank' class='btn light red exported-playlist' href='https://www.youtube.com/playlist?list=" +
|
||
playlist_id +
|
||
"'>" +
|
||
chan +
|
||
"</a>"
|
||
);
|
||
Helper.addClass("#playlist_loader_export", "hide");
|
||
Helper.addClass(".current_number", "hide");
|
||
//$(".youtube_export_button").removeClass("hide");
|
||
} else {
|
||
//setTimeout(function(){
|
||
Helper.removeClass(".current_number", "hide");
|
||
document.querySelector(".current_number").innerText =
|
||
num + 1 + " of " + full_playlist.length;
|
||
List.addToYoutubePlaylist(
|
||
playlist_id,
|
||
full_playlist,
|
||
num + 1,
|
||
request_url
|
||
);
|
||
//}, 50);
|
||
}
|
||
},
|
||
error: function(response) {
|
||
console.error(response);
|
||
}
|
||
});
|
||
},
|
||
|
||
addToYoutubePlaylist: function(playlist_id, full_playlist, num, request_url) {
|
||
if (num == full_playlist.length) {
|
||
Helper.log(["All videoes added!"]);
|
||
Helper.log(["url: https://www.youtube.com/playlist?list=" + playlist_id]);
|
||
document
|
||
.querySelector(".exported-list")
|
||
.insertAdjacentHTML(
|
||
"beforeend",
|
||
"<a target='_blank' class='btn light exported-playlist' href='https://www.youtube.com/playlist?list=" +
|
||
playlist_id +
|
||
"'>" +
|
||
chan +
|
||
"</a>"
|
||
);
|
||
Helper.addClass("#playlist_loader_export", "hide");
|
||
Helper.addClass(".current_number", "hide");
|
||
return;
|
||
//$(".youtube_export_button").removeClass("hide");
|
||
}
|
||
if (
|
||
full_playlist[num].hasOwnProperty("source") &&
|
||
full_playlist[num].source != "soundcloud"
|
||
) {
|
||
List.insertInYouTubePlaylist(
|
||
playlist_id,
|
||
full_playlist[num].id,
|
||
num,
|
||
request_url
|
||
);
|
||
} else {
|
||
var yt_url =
|
||
"https://www.googleapis.com/youtube/v3/search?key=" +
|
||
api_key.youtube +
|
||
"&videoEmbeddable=true&part=id,snippet&fields=items(id,snippet)&type=video&order=relevance&safeSearch=none&maxResults=10&videoCategoryId=10";
|
||
yt_url += "&q=" + full_playlist[num].title;
|
||
var title = full_playlist[num].title;
|
||
var temptitle = title.split("-");
|
||
temptitle = temptitle.join(" ").split(" ");
|
||
var vid_url =
|
||
"https://www.googleapis.com/youtube/v3/videos?part=contentDetails,snippet,id&key=" +
|
||
api_key.youtube +
|
||
"&id=";
|
||
Helper.ajax({
|
||
type: "GET",
|
||
url: yt_url,
|
||
dataType: "jsonp",
|
||
success: function(response) {
|
||
response = JSON.parse(response);
|
||
//Helper.log(response);
|
||
if (response.items.length === 0) {
|
||
Helper.log([
|
||
"NO MATCH FOR:",
|
||
"Spotify title: " + title,
|
||
"Spotify length: " + length
|
||
]);
|
||
var not_added_song = document.createElement("div");
|
||
not_added_song.innerHTML = not_export_html;
|
||
|
||
not_added_song.querySelector(".extra-add-text").innerText = title;
|
||
not_added_song
|
||
.querySelector(".extra-add-text")
|
||
.setAttribute("title", title);
|
||
not_added_song
|
||
.querySelector(".extra-button-search")
|
||
.setAttribute("data-text", title);
|
||
document
|
||
.querySelector(".not-exported-container")
|
||
.insertAdjacentHTML("beforeend", not_added_song.innerHTML);
|
||
Helper.removeClass(".not-exported", "hide");
|
||
if (num == full_playlist.length) {
|
||
Helper.log(["All videoes added!"]);
|
||
Helper.log([
|
||
"url: https://www.youtube.com/playlist?list=" + playlist_id
|
||
]);
|
||
document
|
||
.querySelector(".exported-list")
|
||
.insertAdjacentHTML(
|
||
"beforeend",
|
||
"<a target='_blank' class='btn light exported-playlist' href='https://www.youtube.com/playlist?list=" +
|
||
playlist_id +
|
||
"'>" +
|
||
chan +
|
||
"</a>"
|
||
);
|
||
Helper.addClass("#playlist_loader_export", "hide");
|
||
Helper.addClass(".current_number", "hide");
|
||
//$(".youtube_export_button").removeClass("hide");
|
||
} else {
|
||
//setTimeout(function(){
|
||
Helper.removeClass(".current_number", "hide");
|
||
document.querySelector(".current_number").innerText =
|
||
num + 1 + " of " + full_playlist.length;
|
||
List.addToYoutubePlaylist(
|
||
playlist_id,
|
||
full_playlist,
|
||
num + 1,
|
||
request_url
|
||
);
|
||
//}, 50);
|
||
}
|
||
} else if (response.items.length > 0) {
|
||
for (var i = 0; i < response.items.length; i++) {
|
||
var data = response.items[i];
|
||
vid_url += data.id.videoId + ",";
|
||
}
|
||
|
||
Helper.ajax({
|
||
type: "GET",
|
||
url: vid_url,
|
||
dataType: "jsonp",
|
||
success: function(response) {
|
||
response = JSON.parse(response);
|
||
if (response.items.length > 0) {
|
||
var matched = false;
|
||
for (var y = 0; y < response.items.length; y++) {
|
||
var data = response.items[y];
|
||
//Helper.log(data);
|
||
//var title = data.snippet.title;
|
||
var duration = Search.durationToSeconds(
|
||
data.contentDetails.duration
|
||
);
|
||
var not_matched = false;
|
||
if (similarity(data.snippet.title, title) > 0.75) {
|
||
not_matched = false;
|
||
} else {
|
||
for (var i = 0; i < temptitle.length; i++) {
|
||
var data_title = temptitle[i];
|
||
|
||
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(data_title.toLowerCase()) == -1 &&
|
||
data.snippet.channelTitle
|
||
.toLowerCase()
|
||
.indexOf("vevo") == -1
|
||
))
|
||
)
|
||
)
|
||
not_matched = true;
|
||
else if (duration > 1800) not_matched = true;
|
||
}
|
||
}
|
||
|
||
if (!not_matched) {
|
||
matched = true;
|
||
List.insertInYouTubePlaylist(
|
||
playlist_id,
|
||
data.id,
|
||
num,
|
||
request_url
|
||
);
|
||
break;
|
||
}
|
||
}
|
||
if (!matched) {
|
||
if (num == full_playlist.length - 1) {
|
||
Helper.log(["All videoes added!"]);
|
||
Helper.log([
|
||
"url: https://www.youtube.com/playlist?list=" +
|
||
playlist_id
|
||
]);
|
||
document
|
||
.querySelector(".exported-list")
|
||
.insertAdjacentHTML(
|
||
"beforeend",
|
||
"<a target='_blank' class='btn light exported-playlist' href='https://www.youtube.com/playlist?list=" +
|
||
playlist_id +
|
||
"'>" +
|
||
chan +
|
||
"</a>"
|
||
);
|
||
Helper.addClass("#playlist_loader_export", "hide");
|
||
Helper.addClass(".current_number", "hide");
|
||
//$(".youtube_export_button").removeClass("hide");
|
||
} else {
|
||
//setTimeout(function(){
|
||
Helper.removeClass(".current_number", "hide");
|
||
document.querySelector(".current_number").innerText =
|
||
num + 1 + " of " + full_playlist.length;
|
||
//}, 50);
|
||
}
|
||
Helper.log([
|
||
"NO MATCH FOR:",
|
||
"Spotify title: " + title,
|
||
"Spotify length: " + length
|
||
]);
|
||
|
||
var not_added_song = document.createElement("div");
|
||
not_added_song.innerHTML = not_export_html;
|
||
not_added_song.querySelector(
|
||
".extra-add-text"
|
||
).value = title;
|
||
not_added_song
|
||
.querySelector(".extra-add-text")
|
||
.setAttribute("value", title);
|
||
not_added_song
|
||
.querySelector(".extra-add-text")
|
||
.setAttribute("title", title);
|
||
//not_added_song.querySelector(".extra-button-search").setAttribute("data-text", title);
|
||
document
|
||
.querySelector(".not-exported-container")
|
||
.insertAdjacentHTML(
|
||
"beforeend",
|
||
not_added_song.innerHTML
|
||
);
|
||
Helper.removeClass(".not-exported", "hide");
|
||
List.addToYoutubePlaylist(
|
||
playlist_id,
|
||
full_playlist,
|
||
num + 1,
|
||
request_url
|
||
);
|
||
}
|
||
}
|
||
},
|
||
error: function(e) {
|
||
console.error(e);
|
||
}
|
||
});
|
||
}
|
||
},
|
||
error: function(e) {
|
||
console.error(e);
|
||
}
|
||
});
|
||
}
|
||
},
|
||
|
||
sortList: function() {
|
||
full_playlist.sort(
|
||
Helper.predicate(
|
||
{
|
||
name: "votes",
|
||
reverse: true
|
||
},
|
||
{
|
||
name: "added",
|
||
reverse: false
|
||
},
|
||
{
|
||
name: "title",
|
||
reverse: false
|
||
}
|
||
)
|
||
);
|
||
},
|
||
|
||
show: function() {
|
||
if (!Helper.mobilecheck() && !chromecastAvailable) {
|
||
M.Modal.getInstance(
|
||
document.getElementById("channel-share-modal")
|
||
).open();
|
||
}
|
||
if (chromecastAvailable) {
|
||
castSession.sendMessage("urn:x-cast:zoff.me", { type: "showJoinInfo" });
|
||
}
|
||
},
|
||
|
||
generateSong: function(
|
||
_song_info,
|
||
transition,
|
||
lazy,
|
||
list,
|
||
user,
|
||
display,
|
||
initial,
|
||
filtered
|
||
) {
|
||
if (list_html === undefined) list_html = Helper.html("#list-song-html");
|
||
var video_id = _song_info.id;
|
||
var video_title = _song_info.title;
|
||
var video_votes = _song_info.votes;
|
||
var video_thumb_url = "//img.youtube.com/vi/" + video_id + "/mqdefault.jpg";
|
||
if (_song_info.source == "soundcloud") {
|
||
video_thumb_url = _song_info.thumbnail;
|
||
}
|
||
var video_thumb = "background-image:url('" + video_thumb_url + "');";
|
||
var song = document.createElement("div");
|
||
song.innerHTML = list_html;
|
||
song = song.cloneNode(true);
|
||
var image_attr = "style";
|
||
if (
|
||
_song_info.hasOwnProperty("start") &&
|
||
_song_info.hasOwnProperty("end")
|
||
) {
|
||
_song_info.duration = _song_info.end - _song_info.start;
|
||
}
|
||
var attr;
|
||
var del_attr;
|
||
//song.find(".list-song");
|
||
if (transition) {
|
||
Helper.css(
|
||
song.querySelector(".list-song"),
|
||
"transform",
|
||
"translateX(100%)"
|
||
);
|
||
Helper.addClass(song.querySelector(".list-song"), "side_away");
|
||
}
|
||
Helper.css(
|
||
song.querySelector(".list-song"),
|
||
"height",
|
||
List.element_height + "px"
|
||
);
|
||
if (!w_p) Helper.removeClass(song.querySelector(".card-action"), "hide");
|
||
if (video_votes == 1) song.querySelector(".vote-text").innerText = "vote";
|
||
if (lazy) {
|
||
video_thumb = "//img.youtube.com/vi/" + video_id + "/mqdefault.jpg";
|
||
image_attr = "data-original";
|
||
}
|
||
|
||
song.querySelector(".list-image").setAttribute(image_attr, video_thumb);
|
||
if (list && !filtered) {
|
||
//song.querySelector("#list-song")
|
||
song.querySelector(".list-votes").innerText = video_votes;
|
||
song.querySelector("#list-song").setAttribute("data-video-id", video_id);
|
||
song.querySelector("#list-song").setAttribute("data-video-type", "song");
|
||
song
|
||
.querySelector("#list-song")
|
||
.setAttribute("data-video-source", _song_info.source);
|
||
song.querySelector("#list-song").setAttribute("id", video_id);
|
||
song.classList.remove("hide");
|
||
song.querySelector(".vote-container").setAttribute("title", video_title);
|
||
if (
|
||
(document.querySelector("#wrapper").children.length >= List.can_fit &&
|
||
initial) ||
|
||
display == "none"
|
||
) {
|
||
Helper.css(song.querySelector(".card"), "display", "none");
|
||
}
|
||
attr = ".vote-container";
|
||
del_attr = "delete_button";
|
||
|
||
var _temp_duration = Helper.secondsToOther(_song_info.duration);
|
||
song.querySelector(".card-duration").innerText =
|
||
Helper.pad(_temp_duration[0]) + ":" + Helper.pad(_temp_duration[1]);
|
||
} else if (!list && !filtered) {
|
||
//song.querySelector(".card-duration").remove();
|
||
//song.querySelector(".list-song").removeClass("playlist-element");
|
||
//song.querySelector(".more_button").addClass("hide");
|
||
Helper.removeClass(song.querySelector(".suggested_remove"), "hide");
|
||
song.querySelector(".vote-text").innerText = "";
|
||
song.querySelector(".card-duration").innerText =
|
||
Helper.pad(_song_info.duration[0]) +
|
||
":" +
|
||
Helper.pad(_song_info.duration[1]);
|
||
var added_by = "user";
|
||
attr = ".add-suggested";
|
||
if (user) {
|
||
del_attr = "del_user_suggested";
|
||
} else {
|
||
del_attr = "del_suggested";
|
||
added_by = "system";
|
||
}
|
||
song
|
||
.querySelector(".vote-container")
|
||
.setAttribute("class", "clickable add-suggested");
|
||
song.querySelector(".add-suggested").setAttribute("title", video_title);
|
||
//Helper.addClass(song.querySelector(".delete_button"), del_attr);
|
||
song.querySelector(".list-votes").innerText = _song_info.extra;
|
||
song.querySelector(".vote-text").innerText = video_votes;
|
||
song.querySelector(attr).setAttribute("data-video-title", video_title);
|
||
song
|
||
.querySelector(attr)
|
||
.setAttribute("data-video-length", _song_info.length);
|
||
song.querySelector(attr).setAttribute("data-added-by", added_by);
|
||
song.querySelector(attr).setAttribute("data-video-type", "suggested");
|
||
if (_song_info.source == "soundcloud") {
|
||
song
|
||
.querySelector(attr)
|
||
.setAttribute("data-type-thumbnail", _song_info.thumbnail);
|
||
}
|
||
song
|
||
.querySelector(attr)
|
||
.setAttribute("data-video-source", _song_info.source);
|
||
song.querySelector("#list-song").setAttribute("data-video-id", video_id);
|
||
Helper.css(song.querySelector("#list-song"), "display", "inline-flex");
|
||
song
|
||
.querySelector("#list-song")
|
||
.setAttribute("id", "suggested-" + video_id);
|
||
var list_image = song.querySelector(".list-image");
|
||
list_image.classList.remove("list-image");
|
||
list_image.className += " list-suggested-image";
|
||
//song.querySelector(".list-image").setAttribute("class", song.querySelector(".list-image").getAttribute("class").replace("list-image", "list-suggested-image"));
|
||
} else if (filtered) {
|
||
song.querySelector("#list-song").className += " filtered-search-element";
|
||
song.querySelector(".list-votes").innerText = _song_info.tags.join(", ");
|
||
song.querySelector(".vote-text").remove();
|
||
song.querySelector("#list-song").setAttribute("data-video-id", video_id);
|
||
song.querySelector("#list-song").setAttribute("data-video-type", "song");
|
||
song
|
||
.querySelector("#list-song")
|
||
.setAttribute("data-video-source", _song_info.source);
|
||
song
|
||
.querySelector("#list-song")
|
||
.setAttribute("id", "filtered-" + video_id);
|
||
song.classList.remove("hide");
|
||
song.className += " filtered-search-element";
|
||
song.querySelector(".vote-container").setAttribute("title", video_title);
|
||
attr = ".vote-container";
|
||
del_attr = "delete_button";
|
||
|
||
var _temp_duration = Helper.secondsToOther(_song_info.duration);
|
||
song.querySelector(".card-duration").innerText =
|
||
Helper.pad(_temp_duration[0]) + ":" + Helper.pad(_temp_duration[1]);
|
||
}
|
||
if (!embed) {
|
||
song.querySelector(".mobile-delete").remove();
|
||
}
|
||
if (hostMode) {
|
||
song.querySelector(".list-remove").style.display = "none";
|
||
}
|
||
song.querySelector(".list-title").innerText = video_title;
|
||
song.querySelector(".list-title").setAttribute("title", video_title);
|
||
song.querySelector(attr).setAttribute("data-video-id", video_id);
|
||
//song.querySelector(".list-image-placeholder").setAttribute("src", video_thumb_url);
|
||
if (song.querySelectorAll(".list-suggested-image").length > 0) {
|
||
song
|
||
.querySelector(".list-suggested-image")
|
||
.setAttribute(image_attr, video_thumb);
|
||
}
|
||
//song.querySelector("."+del_attr).setAttribute("data-video-id", video_id);
|
||
return song.innerHTML;
|
||
},
|
||
|
||
getIndexOfSong: function(id) {
|
||
try {
|
||
for (var i = 0; i < full_playlist.length; i++) {
|
||
if (full_playlist[i].id == id) return i;
|
||
}
|
||
return -1;
|
||
} catch (e) {
|
||
return -1;
|
||
}
|
||
}
|
||
};
|