mirror of
https://github.com/KevinMidboe/zoff.git
synced 2025-10-29 18:00:23 +00:00
734 lines
32 KiB
JavaScript
734 lines
32 KiB
JavaScript
var Channel = {
|
||
init: function() {
|
||
if(window.location.hash == "#small" || inIframe()) {
|
||
small_player = true;
|
||
document.querySelector("footer").style.display = "none";
|
||
//addJoinBox();
|
||
//hideAllExtra();
|
||
//document.querySelectorAll(".tab.col.s3")[1].remove();
|
||
//document.querySelectorAll(".tab.col.s3")[1].remove();
|
||
}
|
||
if(client) {
|
||
Helper.addClass(".tabs", "hide");
|
||
Helper.removeClass("#wrapper", "tabs_height");
|
||
Helper.addClass("#wrapper", "client-wrapper");
|
||
if(!Helper.mobilecheck()) {
|
||
Helper.tooltip(".skip_next_client", {
|
||
delay: 5,
|
||
position: "bottom",
|
||
html: "Skip"
|
||
});
|
||
}
|
||
Helper.addClass("#chan", "chan-client");
|
||
Helper.addClass("#results", "client-results-height");
|
||
Helper.addClass(".pagination-results", "client-pagination-height");
|
||
Helper.addClass(".control-list", "client-control-list");
|
||
} else {
|
||
if(!api_key.hasOwnProperty("soundcloud")) soundcloud_enabled = false;
|
||
else {
|
||
/*SC.initialize({
|
||
client_id: api_key.soundcloud
|
||
}, function() {
|
||
});*/
|
||
}
|
||
if(cast_ready_connect || chromecastAvailable || chromecastReady) {
|
||
Helper.addClass(".volume-container", "volume-container-cast");
|
||
}
|
||
if(!embed) {
|
||
document.querySelector("#main-container").insertAdjacentHTML("beforeend", "<a id='hide-playlist' class='hide-on-small-only hide-playlist-button' href='#!'><i class='material-icons'>keyboard_arrow_right</i></div>");
|
||
document.querySelector("#hide-playlist").style.left = (document.querySelector("#video-container").offsetWidth - document.querySelector("#hide-playlist").offsetWidth) + "px";
|
||
}
|
||
//Player.soundcloud_player = document.querySelector("#soundcloud_player");
|
||
}
|
||
List.calculate_song_heights();
|
||
Admin.logged_in = false;
|
||
Admin.display_logged_out();
|
||
number_suggested = 0;
|
||
var no_socket = true;
|
||
|
||
//chan = Helper.decodeChannelName(Helper.html("#chan"));
|
||
var _p = window.location.pathname;
|
||
if(_p.substring(0,1) == "/") _p = _p.substring(1);
|
||
if(_p.substring(_p.length - 1) == "/") _p = _p.substring(0, _p.length - 1);
|
||
chan = Helper.decodeChannelName(_p);
|
||
|
||
mobile_beginning = Helper.mobilecheck();
|
||
var side = Helper.mobilecheck() ? "left" : "right";
|
||
|
||
if(window.location.hostname != "localhost") {
|
||
var page = window.location.pathname;
|
||
if(page.substring(page.length - 1) != "/") page += "/";
|
||
ga('send', 'pageview', page);
|
||
}
|
||
|
||
window.onpopstate = function(e){
|
||
Channel.onepage_load();
|
||
};
|
||
|
||
if(window.location.hostname == "fb.zoff.me") {
|
||
Helper.addClass("footer", "hide");
|
||
}
|
||
|
||
if(window.location.hostname != "fb.zoff.me") Channel.share_link_modifier();
|
||
if(window.location.hostname == "zoff.me" || window.location.hostname == "fb.zoff.me") add = "https://zoff.me";
|
||
else add = window.location.hostname;
|
||
|
||
if(Player !== undefined && !client) {
|
||
Player.stopInterval = false;
|
||
}
|
||
|
||
if(!client) {
|
||
//Helper.tabs('.playlist-tabs');
|
||
Helper.tabs('.playlist-tabs-loggedIn', {
|
||
onShow: function(e) {
|
||
if(this.index == 2) {
|
||
document.getElementById("text-chat-input").focus();
|
||
Chat.channel_received = 0;
|
||
Chat.all_received = 0;
|
||
Helper.addClass(document.querySelector(".chat-link span.badge.new.white"), "hide");
|
||
document.getElementById("favicon").setAttribute("href", "/assets/images/favicon.png");
|
||
|
||
chat_active = true;
|
||
unseen = false;
|
||
chat_unseen = false;
|
||
document.getElementsByClassName("chat-link")[0].setAttribute("style", "color: white !important;");
|
||
blinking = false;
|
||
//Helper.css("#chat-container", "display", "block");
|
||
//Helper.css("#wrapper", "display", "none");
|
||
//Helper.css("#suggestions", "display", "none");
|
||
document.getElementById("text-chat-input").focus();
|
||
Helper.css("#pageButtons", "display", "none");
|
||
scrollChat();
|
||
window.scrollTo(0, 0);
|
||
}
|
||
}
|
||
});
|
||
|
||
if(window.location.hash == "#chat-container") {
|
||
M.Tabs.getInstance(document.querySelector('.playlist-tabs-loggedIn')).select("chat-container");
|
||
} else if(window.location.hash == "#suggestions") {
|
||
M.Tabs.getInstance(document.querySelector('.playlist-tabs-loggedIn')).select("suggestions");
|
||
} else if(window.location.hash == "#wrapper") {
|
||
M.Tabs.getInstance(document.querySelector('.playlist-tabs-loggedIn')).select("wrapper");
|
||
}
|
||
|
||
Helper.tabs('.chatTabs');
|
||
}
|
||
Helper.tabs('.results-tabs');
|
||
var sidenavElem = document.getElementsByClassName("sidenav")[0];
|
||
M.Sidenav.init(sidenavElem, {
|
||
menuWidth: 310,
|
||
edge: side,
|
||
closeOnClick: false,
|
||
draggable: Helper.mobilecheck(),
|
||
onOpenStart: function(el) {
|
||
Helper.addClass(".hamburger-sidenav", "open");
|
||
},
|
||
onCloseStart: function(el) {
|
||
Helper.removeClass(".hamburger-sidenav", "open");
|
||
},
|
||
});
|
||
M.Collapsible.init(document.getElementsByClassName("settings-collapsible")[0], {
|
||
accordion : true
|
||
});
|
||
|
||
if(!client) {
|
||
M.Modal.init(document.getElementById("embed"), {
|
||
onCloseStart: function() {
|
||
document.querySelector(".embed-preview").innerHTML = "";
|
||
}
|
||
});
|
||
} else {
|
||
Helper.removeElement("#embed");
|
||
Helper.removeElement(".embed-button-footer");
|
||
Helper.removeElement(".tabs");
|
||
}
|
||
M.Modal.init(document.getElementById("help"));
|
||
M.Modal.init(document.getElementById("contact"));
|
||
M.Modal.init(document.getElementById("channel-share-modal"));
|
||
M.Modal.init(document.getElementById("delete_song_alert"), {
|
||
dismissible: false
|
||
});
|
||
M.Modal.init(document.getElementById("user_password"), {
|
||
dismissible: false,
|
||
});
|
||
|
||
Channel.spotify_is_authenticated(spotify_authenticated);
|
||
|
||
result_html = document.getElementById("temp-results-container");
|
||
pagination_buttons_html = "<div class='pagination-results'>" + document.getElementsByClassName("pagination-results")[0].cloneNode(true).innerHTML + "</div>";
|
||
empty_results_html = Helper.html("#empty-results-container");
|
||
not_import_html = Helper.html(".not-imported-container");
|
||
not_export_html = Helper.html(".not-exported-container");
|
||
Helper.setHtml(".not-imported-container", "");
|
||
Helper.setHtml(".not-exported-container", "");
|
||
|
||
if(socket === undefined){
|
||
no_socket = false;
|
||
socket = io.connect(''+add+':8080', connection_options);
|
||
socket.on('update_required', function(msg) {
|
||
if(window.location.hostname == "localhost" || debug == true) {
|
||
console.error(msg);
|
||
return;
|
||
}
|
||
window.location.reload(true);
|
||
});
|
||
}
|
||
|
||
Crypt.init();
|
||
|
||
setup_auth_listener();
|
||
|
||
if(Crypt.get_offline()){
|
||
document.getElementsByClassName("offline_switch_class")[0].checked = true;
|
||
change_offline(true, offline);
|
||
}
|
||
if(!Helper.mobilecheck() && (document.querySelectorAll("#alreadychannel").length === 0 || !Hostcontroller.old_id || document.getElementById("code-text").innerText.toUpperCase() == "ABBADUR")) setup_host_initialization();
|
||
setup_suggested_listener();
|
||
if(!Helper.mobilecheck()) {
|
||
showOnSmallNotMobile();
|
||
}
|
||
if(document.querySelectorAll("#alreadychannel").length === 0 || Helper.mobilecheck()){
|
||
setup_now_playing_listener();
|
||
get_list_listener();
|
||
|
||
if(!client) {
|
||
setup_viewers_listener();
|
||
}
|
||
} else {
|
||
Helper.css("#channel-load", "display", "none");
|
||
Helper.css("#player", "opacity", "1");
|
||
Helper.css("#controls", "opacity", "1");
|
||
Helper.css(".playlist", "opacity", "1");
|
||
if(!client) {
|
||
Player.readyLooks();
|
||
Playercontrols.initYoutubeControls(Player.player);
|
||
Playercontrols.initSlider();
|
||
if(player_ready) {
|
||
try {
|
||
Player.player.setVolume(Crypt.get_volume());
|
||
} catch(e){}
|
||
try {
|
||
if(scUsingWidget) Player.soundcloud_player.setVolume(embed ? 1 : Crypt.get_volume());
|
||
else Player.soundcloud_player.setVolume(embed ? 1 : Crypt.get_volume() / 100);
|
||
} catch(e){}
|
||
}
|
||
Helper.removeClass(".video-container", "no-opacity");
|
||
var codeURL = "https://remote."+window.location.hostname+"/"+id;
|
||
Helper.setHtml("#code-text", id);
|
||
document.getElementById("code-qr").setAttribute("src", "https://chart.googleapis.com/chart?chs=221x221&cht=qr&choe=UTF-8&chld=L|1&chl="+codeURL);
|
||
document.getElementById("code-link").setAttribute("href", codeURL);
|
||
}
|
||
}
|
||
|
||
|
||
if(!client) {
|
||
if(!Helper.mobilecheck()) {
|
||
var shareCodeUrl = window.location.protocol + "//client."+window.location.hostname+"/r/"+btoa(encodeURIComponent(chan.toLowerCase()));
|
||
document.getElementById("share-join-qr").setAttribute("src", "https://chart.googleapis.com/chart?chs=221x221&cht=qr&choe=UTF-8&chld=L|1&chl="+shareCodeUrl);
|
||
Helper.setHtml("#channel-name-join", "client." + window.location.hostname + "/" + encodeURIComponent(chan.toLowerCase()));
|
||
} /*else if(small_player) {
|
||
document.querySelector("#channel-share-modal .modal-content").innerHTML = "<p>To listen to this channel with more features, go to</p><p>https://zoff.me/" + encodeURIComponent(chan.toLowerCase()) + "</p><img src='/assets/images/favicon.png' height='100' width='100' alt='circle-logo-zoff'>";
|
||
//M.Modal.getInstance(document.getElementById("channel-share-modal")).open();
|
||
if(!Helper.mobilecheck()) {
|
||
setTimeout(function() {
|
||
M.Modal.getInstance(document.getElementById("channel-share-modal")).close();
|
||
}, 10000);
|
||
}
|
||
}*/
|
||
} else {
|
||
Helper.removeElement(".video-container");
|
||
Helper.removeElement(".offline-panel");
|
||
Helper.removeElement(".remote-panel");
|
||
Helper.removeElement(".mobile-remote-panel");
|
||
Helper.removeElement(".import-panel");
|
||
Helper.removeElement(".export-panel");
|
||
}
|
||
if(no_socket || Helper.mobilecheck()){
|
||
emit_list();
|
||
}
|
||
|
||
if(!Helper.mobilecheck()) {
|
||
if(!client) {
|
||
Helper.tooltip("#chan", {
|
||
delay: 5,
|
||
position: "bottom",
|
||
html: "Show join URL",
|
||
});
|
||
}
|
||
|
||
Helper.tooltip("#viewers", {
|
||
delay: 5,
|
||
position: "top",
|
||
html: "Viewers"
|
||
});
|
||
|
||
Helper.tooltip("#addToOtherList", {
|
||
delay: 5,
|
||
position: "top",
|
||
html: "Add to other playlist"
|
||
});
|
||
|
||
Helper.tooltip("#fullscreen", {
|
||
delay: 5,
|
||
position: "top",
|
||
html: "Fullscreen"
|
||
});
|
||
|
||
Helper.tooltip(".search-btn-container", {
|
||
delay: 5,
|
||
position: "bottom",
|
||
html: "Search"
|
||
});
|
||
|
||
|
||
Helper.tooltip(".shuffle-btn-container", {
|
||
delay: 5,
|
||
position: "bottom",
|
||
html: "Shuffle",
|
||
});
|
||
|
||
Helper.tooltip("#settings", {
|
||
delay: 5,
|
||
position: "bottom",
|
||
html: "Settings",
|
||
});
|
||
}
|
||
|
||
if(!client) {
|
||
window.onYouTubeIframeAPIReady = Player.onYouTubeIframeAPIReady;
|
||
if(Player.player === "" || Player.player === undefined || Helper.mobilecheck()) Player.loadPlayer();
|
||
} else {
|
||
Player.loadSoundCloudPlayer();
|
||
}
|
||
//}
|
||
|
||
if(Helper.mobilecheck()) {
|
||
if(!client) {
|
||
Mobile_remote.initiate_volume();
|
||
}
|
||
Helper.addClass(".close-settings", "hide");
|
||
} else {
|
||
if(!client) {
|
||
Channel.window_width_volume_slider();
|
||
}
|
||
}
|
||
|
||
setup_admin_listener();
|
||
setup_list_listener();
|
||
if(!client) {
|
||
setup_chat_listener();
|
||
get_history();
|
||
}
|
||
if(client || Helper.mobilecheck()){
|
||
get_list_ajax();
|
||
get_np_ajax();
|
||
|
||
}
|
||
|
||
try {
|
||
if(!Helper.msieversion() && !Helper.mobilecheck() && !client && Notification != undefined) Notification.requestPermission();
|
||
}catch(e){}
|
||
document.getElementsByClassName("search_input")[0].focus();
|
||
|
||
Helper.sample();
|
||
if(!Helper.mobilecheck() && !client) {
|
||
Helper.tooltip('.castButton', {
|
||
delay: 5,
|
||
position: "top",
|
||
html: "Cast Zoff to TV"
|
||
});
|
||
|
||
/*$("#color_embed").spectrum({
|
||
color: "#808080",
|
||
change: function(c) {
|
||
color = c.toHexString().substring(1); // #ff0000
|
||
document.getElementById("embed-area").value = embed_code(embed_autoplay, embed_width, embed_height, color);
|
||
},
|
||
appendTo: "#embed",
|
||
containerClassName: 'polyfill-color z-depth-4',
|
||
show: function(color) {
|
||
},
|
||
});*/
|
||
|
||
/*Helper.addClass(".sp-choose", "hide");
|
||
Helper.addClass(".sp-cancel", "btn-flat waves-effect waves-red");
|
||
Helper.removeClass(".sp-cancel", "sp-cancel");
|
||
document.getElementsByClassName("sp-button-container")[0].insertAdjacentHTML("beforeend", "<a href='#' class='btn-flat waves-effect waves-green sp-choose-link'>CHOOSE</a>");
|
||
*/
|
||
}
|
||
|
||
addListener("click", ".sp-choose-link", function(e) {
|
||
event.preventDefault();
|
||
document.getElementsByClassName("sp-choose")[0].click();
|
||
});
|
||
|
||
//$("#results" ).hover( function() { Helper.removeClass(".result", "hoverResults"); i = 0; }, function(){ });
|
||
document.getElementById("search").focus();
|
||
Helper.css("#embed-button", "display", "inline-block");
|
||
document.getElementById("search").setAttribute("placeholder", "Search...");
|
||
|
||
if(!client) {
|
||
Helper.addClass("footer", "padding-bottom-novideo");
|
||
document.getElementById("embed-area").value = embed_code(embed_autoplay, embed_width, embed_height, color, embed_videoonly, embed_localmode);
|
||
}
|
||
|
||
if(!/chrom(e|ium)/.test(navigator.userAgent.toLowerCase()) && !Helper.mobilecheck() && !client){
|
||
Helper.css(".castButton", "display", "none");
|
||
}
|
||
|
||
Helper.log(["chromecastAvailable " + chromecastAvailable, "chromecastReady " + chromecastReady]);
|
||
|
||
if(chromecastAvailable && !client){
|
||
hide_native(1);
|
||
} else if(chromecastReady && !client) {
|
||
initializeCastApi();
|
||
} else if(!client){
|
||
window['__onGCastApiAvailable'] = function(loaded, errorInfo) {
|
||
if (loaded) {
|
||
setTimeout(function(){
|
||
chromecastReady = true;
|
||
initializeCastApi();
|
||
}, 1000);
|
||
} else {
|
||
chromecastReady = true;
|
||
}
|
||
}
|
||
}
|
||
Channel.listeners(true);
|
||
Channel.add_context_menu();
|
||
|
||
if(!Helper.mobilecheck() && navigator.userAgent.match(/iPad/i) == null){
|
||
setTimeout(function(){Channel.set_title_width();}, 100);
|
||
}
|
||
},
|
||
|
||
set_title_width: function(start){
|
||
if(window.innerWidth > 600){
|
||
var add_width = document.getElementsByClassName("brand-logo")[0].offsetWidth
|
||
if(start){
|
||
add_width = window.innerWidth * 0.15;
|
||
}
|
||
var test_against_width = window.innerWidth - document.getElementsByClassName("control-list")[0].offsetWidth - add_width - 11;
|
||
title_width = test_against_width;
|
||
document.getElementsByClassName("title-container")[0].style.width = title_width + "px";
|
||
} else {
|
||
document.getElementsByClassName("title-container")[0].style.width = "100%";
|
||
}
|
||
},
|
||
|
||
spotify_is_authenticated: function(bool){
|
||
if(bool){
|
||
Helper.log([
|
||
"Spotify is authenticated",
|
||
"access_token: " + access_token_data.access_token,
|
||
"token_type:" + access_token_data.token_type,
|
||
"expires_in: " + access_token_data.expires_in
|
||
]);
|
||
|
||
Helper.css(".spotify_authenticated", "display", "block");
|
||
Helper.css(".spotify_unauthenticated", "display", "none");
|
||
} else {
|
||
Helper.log(["Spotify is not authenticated"]);
|
||
Helper.css(".spotify_authenticated", "display", "none");
|
||
Helper.css(".spotify_unauthenticated", "display", "flex");
|
||
}
|
||
},
|
||
|
||
add_context_menu: function() {
|
||
addListener("contextmenu", ".vote-container", function(e) {
|
||
if(hostMode) {
|
||
return;
|
||
}
|
||
this.preventDefault();
|
||
this.preventDefault();
|
||
var that = this;
|
||
contextListener(e, that);
|
||
});
|
||
|
||
addListener("contextmenu", ".add-suggested", function(e) {
|
||
this.preventDefault();
|
||
var that = this;
|
||
contextListener(e, that);
|
||
});
|
||
|
||
addListener("click", ".list-remove", function(e) {
|
||
this.preventDefault();
|
||
var that = this;
|
||
contextListener(e, that);
|
||
});
|
||
},
|
||
|
||
share_link_modifier: function(){
|
||
document.getElementById("facebook-code-link").setAttribute("href", "https://www.facebook.com/sharer/sharer.php?u=https://zoff.me/" + chan.toLowerCase());
|
||
document.getElementById("facebook-code-link").setAttribute("onclick", "window.open('https://www.facebook.com/sharer/sharer.php?u=https://zoff.me/" + chan.toLowerCase() + "', 'Share Playlist','width=600,height=300'); return false;");
|
||
document.getElementById("twitter-code-link").setAttribute("href", "https://twitter.com/intent/tweet?url=https://zoff.me/" + chan.toLowerCase() + "&text=Check%20out%20this%20playlist%20" + chan.toLowerCase() + "%20on%20Zoff!&via=zoffmusic");
|
||
document.getElementById("twitter-code-link").setAttribute("onclick", "window.open('https://twitter.com/intent/tweet?url=https://zoff.me/" + chan.toLowerCase() + "/&text=Check%20out%20this%20playlist%20" + chan.toLowerCase() + "%20on%20Zoff!&via=zoffmusic','Share Playlist','width=600,height=300'); return false;");
|
||
},
|
||
|
||
window_width_volume_slider: function() {
|
||
if(window.innerWidth <= 600 && slider_type == "horizontal") {
|
||
slider_type = "vertical";
|
||
Playercontrols.initSlider();
|
||
} else if(window.innerWidth > 600 && slider_type == "vertical") {
|
||
slider_type = "horizontal";
|
||
Playercontrols.initSlider();
|
||
Helper.removeClass(".volume-container", "hide");
|
||
}
|
||
},
|
||
|
||
listeners: function(on) {
|
||
var scrollListener = function(e) {
|
||
if(!programscroll) {
|
||
userscroll = true;
|
||
if(document.getElementById("chatchannel").scrollTop + document.getElementById("chatchannel").offsetHeight >= document.getElementById("chatchannel").scrollHeight) {
|
||
userscroll = false;
|
||
}
|
||
}
|
||
}
|
||
var scrollAllListener = function(e) {
|
||
if(!programscroll) {
|
||
userscroll = true;
|
||
if(document.getElementById("chatall").scrollTop+ document.getElementById("chatall").offsetHeight >= document.getElementById("chatall").scrollHeight) {
|
||
userscroll = false;
|
||
}
|
||
}
|
||
}
|
||
if(!client) {
|
||
if(on) {
|
||
document.getElementById("chatchannel").addEventListener("scroll", scrollListener);
|
||
document.getElementById("chatall").addEventListener("scroll", scrollListener);
|
||
} else {
|
||
document.getElementById("chatchannel").removeEventListener("scroll", scrollListener);
|
||
document.getElementById("chatall").removeEventListener("scroll", scrollAllListener);
|
||
}
|
||
}
|
||
},
|
||
|
||
onepage_load: function(){
|
||
if(changing_to_frontpage) return;
|
||
if(user_auth_started) {
|
||
clearTimeout(durationTimeout);
|
||
Player.stopInterval = true;
|
||
user_auth_avoid = true;
|
||
if(!Helper.mobilecheck()) {
|
||
Helper.tooltip('.castButton', "destroy");
|
||
Helper.tooltip("#viewers", "destroy");
|
||
Helper.tooltip('#addToOtherList', 'destroy');
|
||
//$('.castButton-unactive').tooltip("destroy");
|
||
Helper.tooltip("#offline-mode", "destroy");
|
||
Helper.tooltip('#admin-lock', "destroy");
|
||
}
|
||
}
|
||
var url_split = window.location.href.split("/");
|
||
if(url_split[3].substr(0,1) != "#!" && url_split[3] !== "" && !(url_split.length == 5 && url_split[4].substr(0,1) == "#")){
|
||
socket.emit("change_channel", {
|
||
channel: channel_before_move
|
||
});
|
||
Admin.beginning = true;
|
||
|
||
chan = url_split[3].replace("#", "");
|
||
document.getElementById("chan").innerHTML = Helper.upperFirst(chan);
|
||
var add = "";
|
||
w_p = true;
|
||
//if(private_channel) add = Crypt.getCookie("_uI") + "_";
|
||
|
||
socket.emit("list", {version: parseInt(_VERSION), channel: add + chan.toLowerCase()});
|
||
} else if(url_split[3] === "") {
|
||
/*if(client) {
|
||
var host = window.location.hostname.split(".");
|
||
window.location.hostname = host[host.length -1];
|
||
}*/
|
||
Admin.display_logged_out();
|
||
if(hostMode) {
|
||
Helper.removeClass("#main-row", "fullscreened");
|
||
document.querySelector(".host_switch_class").checked = false
|
||
enable_host_mode(false);
|
||
}
|
||
var channel_before_move = chan.toLowerCase();
|
||
clearTimeout(timed_remove_check);
|
||
changing_to_frontpage = true;
|
||
user_change_password = false;
|
||
clearTimeout(width_timeout);
|
||
if(fireplace_initiated){
|
||
fireplace_initiated = false;
|
||
Player.fireplace.destroy();
|
||
Helper.css("#fireplace_player", "display", "none");
|
||
}
|
||
Helper.css("#channel-load", "display", "block");
|
||
window.scrollTo(0, 0);
|
||
|
||
//Player.stopInterval = true;
|
||
Admin.beginning = true;
|
||
began = false;
|
||
durationBegun = false;
|
||
|
||
Helper.css("#embed-button", "display", "none");
|
||
if(!Helper.mobilecheck()) {
|
||
Helper.tooltip(".castButton", "destroy");
|
||
Helper.tooltip('#addToOtherList', 'destroy');
|
||
Helper.tooltip("#viewers", "destroy");
|
||
Helper.tooltip("#offline-mode", "destroy");
|
||
Helper.tooltip("search-btn", "destroy");
|
||
Helper.tooltip('#fullscreen', "destroy");
|
||
if(M.Tooltip.getInstance(document.getElementById("admin-lock")) != undefined) {
|
||
Helper.tooltip('#admin-lock', "destroy");
|
||
}
|
||
Helper.tooltip(".search-btn-container", "destroy");
|
||
Helper.tooltip(".shuffle-btn-container", "destroy");
|
||
Helper.tooltip("#settings", "destroy");
|
||
}
|
||
Helper.removeElement("#seekToDuration");
|
||
|
||
M.Sidenav.getInstance(document.getElementsByClassName("sidenav")[0]).destroy();
|
||
if(!client) {
|
||
if(!Helper.mobilecheck()) {
|
||
Helper.tooltip("#chan", "destroy");
|
||
}
|
||
var tap_1 = document.querySelectorAll(".tap-target")
|
||
if(tap_1.length > 0 && M.TapTarget.getInstance(tap_1[0])) {
|
||
M.TapTarget.getInstance(tap_1[0]).close();
|
||
}
|
||
}
|
||
clearTimeout(tap_target_timeout);
|
||
//before_toast();
|
||
if(Helper.mobilecheck() || user_auth_avoid || client) {
|
||
Helper.log(["Removing all listeners"]);
|
||
//socket.emit("change_channel");
|
||
//removeAllListeners();
|
||
//socket.removeEventListener(id);
|
||
socket.emit("left_channel", {
|
||
channel: channel_before_move
|
||
});
|
||
socket.emit("change_channel", {
|
||
channel: channel_before_move
|
||
});
|
||
chan = "";
|
||
socket.removeEventListener("np");
|
||
socket.removeEventListener("id");
|
||
socket.removeEventListener(id);
|
||
//socket.disconnect();
|
||
}
|
||
socket.removeEventListener("chat.all");
|
||
socket.removeEventListener("chat");
|
||
socket.removeEventListener("conf");
|
||
socket.removeEventListener("pw");
|
||
socket.removeEventListener("toast");
|
||
//socket.removeEventListener("id");
|
||
socket.removeEventListener("channel");
|
||
socket.removeEventListener("auth_required");
|
||
socket.removeEventListener("auth_accepted");
|
||
socket.removeEventListener("suggested");
|
||
socket.removeEventListener("color");
|
||
socket.removeEventListener("chat_history");
|
||
Helper.ajax({
|
||
url: "/",
|
||
method: "GET",
|
||
success: function(e){
|
||
|
||
if(!client) {
|
||
document.querySelector("#hide-playlist").remove();
|
||
if(hiddenPlaylist) document.querySelector("main").style.maxWidth = "";
|
||
hiddenPlaylist = false;
|
||
document.getElementById("volume-button").removeEventListener("click", Playercontrols.mute_video);
|
||
document.getElementById("playpause").removeEventListener("click", Playercontrols.play_pause);
|
||
document.getElementById("fullscreen").removeEventListener("click", Playercontrols.fullscreen);
|
||
}
|
||
Channel.listeners(false);
|
||
if(Helper.mobilecheck() || user_auth_avoid) {
|
||
video_id = "";
|
||
song_title = "";
|
||
}
|
||
|
||
document.querySelectorAll("meta[name=theme-color]")[0].setAttribute("content", "#2D2D2D");
|
||
|
||
if(!Helper.mobilecheck() && !user_auth_avoid){
|
||
Helper.removeElement("#playbar");
|
||
Helper.removeElement("#main_components");
|
||
Helper.addClass("#player_overlay", "player_bottom");
|
||
Helper.addClass("#player", "player_bottom");
|
||
Helper.addClass(".video-container", "frontpage-player");
|
||
Helper.addClass("#main-row", "frontpage_modified_heights");
|
||
Helper.css("#player", "opacity", "1");
|
||
Helper.removeClass("#video-container", "no-opacity");
|
||
document.getElementById("main-row").insertAdjacentHTML("afterbegin", "<div id='player_bottom_overlay' class='player player_bottom'></div>");
|
||
document.getElementById("player_bottom_overlay").insertAdjacentHTML("afterbegin", "<a id='closePlayer' title='Close Player'><i class='material-icons'>close</i></a>");
|
||
document.getElementById("player_bottom_overlay").setAttribute("data-channel", channel_before_move.toLowerCase());
|
||
Helper.removeElement("#playlist");
|
||
} else {
|
||
try{
|
||
Player.player.destroy();
|
||
} catch(error){}
|
||
try {
|
||
Player.soundcloud_dead = true;
|
||
Player.soundcloud_player.kill();
|
||
} catch(error){}
|
||
Player.player = "";
|
||
document.title = "Zoff";
|
||
}
|
||
|
||
var response = document.createElement("div");
|
||
response.innerHTML = e;
|
||
|
||
var newList = response.querySelector("#lists-script").innerHTML;
|
||
newList = newList.trim().replace("window.lists = ", "").replace("window.lists=", "");
|
||
newList = newList.substring(0, newList.length);
|
||
window.lists = JSON.parse(newList);
|
||
|
||
response.querySelector("#lists-script").remove();
|
||
Helper.removeElement("#sidenav-overlay");
|
||
document.getElementsByTagName("main")[0].className = "center-align container";
|
||
Helper.removeClass("#main-container", "channelpage");
|
||
document.getElementById("main-container").setAttribute("style", "");
|
||
document.getElementsByTagName("header")[0].innerHTML = response.querySelectorAll("header")[0].outerHTML;
|
||
|
||
document.getElementsByTagName("header")[0].insertAdjacentHTML("afterend", response.querySelectorAll(".section.mega")[0].outerHTML);
|
||
//document.getElementsByTagName("header")[0].insertAdjacentHTML("afterend", response.querySelectorAll(".section.mobile-search")[0].innerHTML);
|
||
if(Helper.mobilecheck() || user_auth_avoid) {
|
||
document.getElementsByTagName("main")[0].innerHTML = response.querySelectorAll("main")[0].innerHTML;
|
||
} else {
|
||
document.getElementsByTagName("main")[0].insertAdjacentHTML("beforeend", response.querySelectorAll("#main_section_frontpage")[0].outerHTML);
|
||
}
|
||
Helper.removeClass(".page-footer", "padding-bottom-extra");
|
||
Helper.removeClass(".page-footer", "padding-bottom-novideo");
|
||
document.getElementById("favicon").setAttribute("href", "/assets/images/favicon-32x32.png");
|
||
|
||
Helper.log(["Socket", socket]);
|
||
if(document.querySelectorAll("#alreadyfp").length == 1){
|
||
Frontpage.init();
|
||
}else {
|
||
fromChannel = true;
|
||
frontpage = true;
|
||
Frontpage.init();
|
||
}
|
||
|
||
changing_to_frontpage = false;
|
||
|
||
if(document.querySelectorAll("#alreadychannel").length === 0 && !user_auth_avoid){
|
||
document.getElementsByTagName("head")[0].insertAdjacentHTML("beforeend", "<div id='alreadychannel'></div");
|
||
} else if(user_auth_avoid) {
|
||
Helper.removeElement("#alreadychannel");
|
||
}
|
||
Helper.css("#channel-load", "display", "none");
|
||
user_auth_avoid = false;
|
||
}
|
||
});
|
||
}
|
||
}
|
||
}
|
||
|
||
function get_history() {
|
||
if(socket && socket.id) {
|
||
/*var p = Crypt.get_userpass();
|
||
if(p == undefined) p = "";
|
||
var c = Crypt.crypt_pass(p, true);
|
||
if(c == undefined) c = "";*/
|
||
socket.emit("get_history", {channel: chan.toLowerCase(), all: false});
|
||
socket.emit("get_history", {channel: chan.toLowerCase(), all: true});
|
||
} else {
|
||
setTimeout(function() {
|
||
get_history();
|
||
}, 50);
|
||
}
|
||
}
|