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", "keyboard_arrow_right"); 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("advanced_filter"), { onCloseEnd: function() { document.querySelector(".filter-results").innerHTML = ""; document.getElementById("filtersearch_input").value = ""; document.getElementById("filtersearch_input").blur(); }, onOpenEnd: function() { document.getElementById("filtersearch_input").focus(); } }); M.FormSelect.init(document.querySelector('.category-advanced-select')); 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 = "
" + document.getElementsByClassName("pagination-results")[0].cloneNode(true).innerHTML + "
"; 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, connection_options); socket.on('update_required', function(msg) { if(window.location.hostname == "localhost") { 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 = "

To listen to this channel with more features, go to

https://zoff.me/" + encodeURIComponent(chan.toLowerCase()) + "

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", "
CHOOSE"); */ } 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", "
"); document.getElementById("player_bottom_overlay").insertAdjacentHTML("afterbegin", "close"); 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", "