diff --git a/server/public/assets/css/style.css b/server/public/assets/css/style.css index a2ef63d6..0d81c143 100755 --- a/server/public/assets/css/style.css +++ b/server/public/assets/css/style.css @@ -1476,14 +1476,18 @@ margin:-1px; } #inner-results { - height: calc(100vh - 64px); + height: calc(100vh - 64px - 76px); overflow-y: scroll; overflow-x: hidden; } +.empty-inner-results { + height: calc(100vh - 64px) !important; +} + #empty-results { text-align:center; - height:100px; + height:calc(100vh - 64px); cursor: default; } diff --git a/server/public/assets/js/channel.js b/server/public/assets/js/channel.js index 8a69c07d..d0c702aa 100644 --- a/server/public/assets/js/channel.js +++ b/server/public/assets/js/channel.js @@ -117,7 +117,9 @@ var Channel = { setup_youtube_listener(); get_list_listener(); setup_suggested_listener(); - setup_viewers_listener(); + if(!client) { + setup_viewers_listener(); + } } else { Helper.css("#channel-load", "display", "none"); Helper.css("#player", "opacity", "1"); @@ -273,11 +275,11 @@ var Channel = { //$("#results" ).hover( function() { Helper.removeClass(".result", "hoverResults"); i = 0; }, function(){ }); document.getElementById("search").focus(); Helper.css("#embed-button", "display", "inline-block"); - document.getElementById("embed-area").value = embed_code(embed_autoplay, embed_width, embed_height, color); document.getElementById("search").setAttribute("placeholder", "Find song on YouTube..."); if(!client) { Helper.addClass("footer", "padding-bottom-novideo"); + document.getElementById("embed-area").value = embed_code(embed_autoplay, embed_width, embed_height, color); } if(!/chrom(e|ium)/.test(navigator.userAgent.toLowerCase()) && !Helper.mobilecheck() && !client){ @@ -451,12 +453,14 @@ var Channel = { } } } - 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); + 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); + } } }, diff --git a/server/public/assets/js/embed.js b/server/public/assets/js/embed.js index 782f6591..9323bf71 100755 --- a/server/public/assets/js/embed.js +++ b/server/public/assets/js/embed.js @@ -66,9 +66,9 @@ function receiveMessage(event) { } window.addEventListener("message", receiveMessage, false); - -window.addEventListener("load", function() { - +console.log("qq"); +window.addEventListener("DOMContentLoaded", function() { + console.log("ads"); if(hash.length >= 3 && hash[2] == "autoplay"){ autoplay = true; Helper.css("#player", "visibility", "hidden"); @@ -374,21 +374,21 @@ addListener("click", ".vote-container", function(e) { }); addListener("click", ".prev_page", function(e) { - e.preventDefault(); + event.preventDefault(); List.dynamicContentPage(-1); }); addListener("click", ".next_page", function(e) { - e.preventDefault(); + event.preventDefault(); List.dynamicContentPage(1); }); addListener("click", ".last_page", function(e){ - e.preventDefault(); + event.preventDefault(); List.dynamicContentPage(10); }); addListener("click", ".first_page", function(e){ - e.preventDefault(); + event.preventDefault(); List.dynamicContentPage(-10); }); diff --git a/server/public/assets/js/frontpage.js b/server/public/assets/js/frontpage.js index 8adc3d3f..e6959278 100755 --- a/server/public/assets/js/frontpage.js +++ b/server/public/assets/js/frontpage.js @@ -112,7 +112,6 @@ var Frontpage = { } document.getElementById("channels").insertAdjacentHTML("beforeend", card.children[0].innerHTML); - //console.log(card.children[0].children[0]); } else { num--; } @@ -312,7 +311,6 @@ var Frontpage = { }, to_channel: function(new_channel, popstate) { - console.log(new_channel); Helper.css("#channel-load", "display", "block"); window.scrollTo(0, 0); frontpage = false; @@ -375,7 +373,7 @@ var Frontpage = { document.getElementsByTagName("main")[0].innerHTML = response.querySelectorAll("main")[0].innerHTML; } else { document.getElementById("main-row").insertAdjacentHTML("beforeend", response.querySelectorAll("#playlist")[0].outerHTML); - document.getElementById("video-container").insertAdjacentHTML("beforeend", response.querySelectorAll("#main_components")[0].outerHTML); + if(!client) document.getElementById("video-container").insertAdjacentHTML("beforeend", response.querySelectorAll("#main_components")[0].outerHTML); document.getElementById("main-row").insertAdjacentHTML("beforeend", "
"); Helper.removeClass("#player", "player_bottom"); Helper.removeClass("#main-row", "frontpage_modified_heights"); diff --git a/server/public/assets/js/functions.js b/server/public/assets/js/functions.js index 24dd4a21..a41abd6a 100644 --- a/server/public/assets/js/functions.js +++ b/server/public/assets/js/functions.js @@ -216,7 +216,6 @@ function get_list_ajax() { } function contextListener(that, e) { - console.log("here"); var parent = that.parentElement; var suggested = false; if(parent.id.indexOf("suggested-") > -1) suggested = true; @@ -235,7 +234,6 @@ function contextListener(that, e) { } else if(top < 0) { top = 15; } - console.log(event.pageX); Helper.css(".context-menu-root", "left", left + "px"); Helper.css(".context-menu-root", "top", top + "px"); Helper.removeClass(".context-menu-root","hide"); @@ -642,21 +640,27 @@ function change_offline(enabled, already_offline){ } } +function pagination_results(e) { + event.preventDefault(); + var that = this; + var pageToken = that.getAttribute("data-pagination"); + var searchInput = that.getAttribute("data-original-search"); + + Helper.addClass(".next-results-button", "disabled"); + Helper.addClass(".prev-results-button", "disabled"); + Search.search(searchInput, false, false, pageToken); +} + function handleEvent(e, target, tried, type) { - //console.log(target, dynamicListeners); - //console.log(e.path, target); - console.log(target); for(var y = 0; y < e.path.length; y++) { var target = e.path[y]; if(dynamicListeners[type] && dynamicListeners[type]["#" + target.id]) { - //console.log(target.id); dynamicListeners[type]["#" + target.id].call(target); return; } else { if(target.classList == undefined) return; for(var i = 0; i < target.classList.length; i++) { if(dynamicListeners[type] && dynamicListeners[type]["." + target.classList[i]]) { - //console.log(target.id); dynamicListeners[type]["." + target.classList[i]].call(target); return; } diff --git a/server/public/assets/js/helpers.js b/server/public/assets/js/helpers.js index 966c32ca..556f3cb3 100755 --- a/server/public/assets/js/helpers.js +++ b/server/public/assets/js/helpers.js @@ -2,11 +2,11 @@ var Helper = { logs: [], log: function(to_log) { if(localStorage.debug === "true") { - console.log("------------ " + new Date() + " ------------"); + console.log("------------ " + new Date() + " ------------");/*RemoveLogging:skip*/ for(var i = 0; i < to_log.length; i++) { - console.log(to_log[i]); + console.log(to_log[i]);/*RemoveLogging:skip*/ } - console.log("------------ " + new Date() + " ------------"); + console.log("------------ " + new Date() + " ------------");/*RemoveLogging:skip*/ } Helper.logs.unshift({log: to_log, date: new Date()}); if(Helper.logs.length > 10) { @@ -19,46 +19,48 @@ var Helper = { }, toggleClass: function(element, className) { - if(typeof(element) == "object") { - if(element.className.indexOf(className) == -1) { - Helper.addClass(element, className); - } else { - Helper.removeClass(element, className); - } - } else if(element.substring(0,1) == "#") { - var elem = document.getElementById(element.substring(1)); - if(elem.className.indexOf(className) == -1) { - Helper.addClass(elem, className); - } else { - Helper.removeClass(elem, className); - } - } else { - var elements; - if(element.substring(0,1) == ".") { - var testSplit = element.substring(1).split(" "); - if(testSplit.length > 1) { - var insideElement = document.getElementsByClassName(testSplit[0]); - elements = []; - for(var i = 0; i < insideElement.length; i++) { - var innards = insideElement[i].querySelectorAll(testSplit[1]); - for(var y = 0; y < innards.length; y++) { - elements.push(innards[y]); - } - } + try { + if(typeof(element) == "object") { + if(element.className.indexOf(className) == -1) { + Helper.addClass(element, className); } else { - elements = document.getElementsByClassName(element.substring(1)); - } - } else { - elements = document.getElementsByTagName(element); - } - for(var i = 0; i < elements.length; i++) { - if(elements[i].className.indexOf(className) == -1) { - Helper.addClass(elements[i], className); - } else { Helper.removeClass(element, className); } + } else if(element.substring(0,1) == "#") { + var elem = document.getElementById(element.substring(1)); + if(elem.className.indexOf(className) == -1) { + Helper.addClass(elem, className); + } else { + Helper.removeClass(elem, className); + } + } else { + var elements; + if(element.substring(0,1) == ".") { + var testSplit = element.substring(1).split(" "); + if(testSplit.length > 1) { + var insideElement = document.getElementsByClassName(testSplit[0]); + elements = []; + for(var i = 0; i < insideElement.length; i++) { + var innards = insideElement[i].querySelectorAll(testSplit[1]); + for(var y = 0; y < innards.length; y++) { + elements.push(innards[y]); + } + } + } else { + elements = document.getElementsByClassName(element.substring(1)); + } + } else { + elements = document.getElementsByTagName(element); + } + for(var i = 0; i < elements.length; i++) { + if(elements[i].className.indexOf(className) == -1) { + Helper.addClass(elements[i], className); + } else { + Helper.removeClass(element, className); + } + } } - } + }catch(e) {} }, css: function(element, attribute, value) { @@ -260,7 +262,6 @@ var Helper = { } } } catch(e) { - console.log(element); if(element.className.indexOf(className) == -1) { element.className += " " + className; } @@ -294,7 +295,7 @@ var Helper = { var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == XMLHttpRequest.DONE) { // XMLHttpRequest.DONE == 4 - if (xmlhttp.status == 200) { + if (xmlhttp.status == 200 || xmlhttp.status == 201 || xmlhttp.status == 202) { obj.success(xmlhttp.responseText, xmlhttp); } else if(obj.hasOwnProperty("error")){ @@ -310,12 +311,6 @@ var Helper = { } } if(obj.data) { - var sendRequest = ""; - if(typeof(obj.data) == "string") JSON.parse(obj.data); - for(key in obj.data) { - sendRequest += key + "=" + obj.data[key] + "&"; - } - sendRequest = sendRequest.substring(0, sendRequest.length - 1); if(typeof(obj.data) == "object") obj.data = JSON.stringify(obj.data); //xmlhttp.send(sendRequest); xmlhttp.send(obj.data); diff --git a/server/public/assets/js/hostcontroller.js b/server/public/assets/js/hostcontroller.js index c1b18cc3..c071de08 100755 --- a/server/public/assets/js/hostcontroller.js +++ b/server/public/assets/js/hostcontroller.js @@ -5,6 +5,7 @@ var Hostcontroller = { old_id: null, host_listener: function(id) { + if(client) return; Helper.log([ "Host-listener triggered", "Host-listener id:" + id @@ -15,15 +16,16 @@ var Hostcontroller = { began = false; Hostcontroller.old_id = id; } + var codeURL = window.location.protocol + "//remote."+window.location.hostname+"/"+id; if(embed) { if(window.parentWindow && window.parentOrigin) { window.parentWindow.postMessage({type: "controller", id: id}, window.parentOrigin); } + } else if(!embed) { + document.querySelector("#code-text").innerText = id; + document.querySelector("#code-qr").setAttribute("src", "https://chart.googleapis.com/chart?chs=221x221&cht=qr&choe=UTF-8&chld=L|1&chl="+codeURL); + document.querySelector("#code-link").setAttribute("href", codeURL); } - var codeURL = window.location.protocol + "//remote."+window.location.hostname+"/"+id; - document.querySelector("#code-text").innerText = id; - document.querySelector("#code-qr").setAttribute("src", "https://chart.googleapis.com/chart?chs=221x221&cht=qr&choe=UTF-8&chld=L|1&chl="+codeURL); - document.querySelector("#code-link").setAttribute("href", codeURL); if(!began) { began = true; setup_host_listener(id); @@ -31,6 +33,7 @@ var Hostcontroller = { }, host_on_action: function(arr) { + if(client) return; if(enabled){ if(arr.type == "volume") { Playercontrols.visualVolume(arr.value); @@ -61,7 +64,10 @@ var Hostcontroller = { }, change_enabled:function(val){ + if(client) return; enabled = val; - document.querySelector(".remote_switch_class").checked = enabled; + try { + document.querySelector(".remote_switch_class").checked = enabled; + }catch(e) {} } }; diff --git a/server/public/assets/js/list.js b/server/public/assets/js/list.js index 5c357801..16220e14 100755 --- a/server/public/assets/js/list.js +++ b/server/public/assets/js/list.js @@ -2,8 +2,8 @@ var List = { empty: false, page: 0, - can_fit: document.querySelectorAll("#wrapper").length > 0 ? Math.round((window.getComputedStyle(document.querySelector("#wrapper"), null).getPropertyValue("height")) / 71) : 0, - element_height: document.querySelectorAll("#wrapper").length > 0 ? ((window.getComputedStyle(document.querySelector("#wrapper"), null).getPropertyValue("height")) / Math.round((window.getComputedStyle(document.querySelector("#wrapper"), null).getPropertyValue("height")) / 71)) - 25 : 0, + can_fit: document.querySelectorAll("#wrapper").length > 0 ? Math.round(parseInt(window.getComputedStyle(document.querySelector("#wrapper"), null).getPropertyValue("height").replace("px", "")) / 71) : 0, + element_height: document.querySelectorAll("#wrapper").length > 0 ? (parseInt(window.getComputedStyle(document.querySelector("#wrapper"), null).getPropertyValue("height").replace("px", "")) / Math.round(parseInt(window.getComputedStyle(document.querySelector("#wrapper"), null).getPropertyValue("height").replace("px", "")) / 71)) - 25 : 0, uris: [], not_found: [], num_songs: 0, @@ -159,17 +159,17 @@ var List = { List.can_fit = Math.round((document.querySelector("#wrapper").offsetHeight) / 91) + 1; List.element_height = ((document.querySelector("#wrapper").offsetHeight) / List.can_fit)-4; } else if(!client){ - List.can_fit = Math.round((window.innerHeight - window.getComputedStyle(document.querySelector(".tabs"), null).getPropertyValue("height") - window.getComputedStyle(document.querySelector("header"), null).getPropertyValue("height") - 64 - 40) / 71)+1; - List.element_height = ((window.innerHeight - window.getComputedStyle(document.querySelector(".tabs"), null).getPropertyValue("height") - window.getComputedStyle(document.querySelector("header"), null).getPropertyValue("height") - 64 - 40) / List.can_fit)-5; + List.can_fit = Math.round((window.innerHeight - parseInt(window.getComputedStyle(document.querySelector(".tabs"), null).getPropertyValue("height").replace("px", "")) - parseInt(window.getComputedStyle(document.querySelector("header"), null).getPropertyValue("height").replace("px", "")) - 64 - 40) / 71)+1; + List.element_height = ((window.innerHeight - parseInt(window.getComputedStyle(document.querySelector(".tabs"), null).getPropertyValue("height").replace("px", "")) - parseInt(window.getComputedStyle(document.querySelector("header"), null).getPropertyValue("height").replace("px", "")) - 64 - 40) / List.can_fit)-5; } else { - List.can_fit = Math.round((window.innerHeight - window.getComputedStyle(document.querySelector("header"), null).getPropertyValue("height") - window.getComputedStyle(document.querySelector(".pageButtons"), null).getPropertyValue("height")) / 80)+1; - List.element_height = ((window.innerHeight - window.getComputedStyle(document.querySelector("header"), null).getPropertyValue("height") - window.getComputedStyle(document.querySelector(".pageButtons"), null).getPropertyValue("height")) / List.can_fit) - 8; + List.can_fit = Math.round((window.innerHeight - parseInt(window.getComputedStyle(document.querySelector("header"), null).getPropertyValue("height").replace("px", ""))) / 80)+1; + List.element_height = ((window.innerHeight - parseInt(window.getComputedStyle(document.querySelector("header"), null).getPropertyValue("height").replace("px", ""))) / List.can_fit) - 8; } if(List.element_height < 55.2 && !client){ List.can_fit = List.can_fit - 1; List.element_height = 55.2; - List.can_fit = Math.round((window.innerHeight - window.getComputedStyle(document.querySelector(".tabs"), null).getPropertyValue("height") - window.getComputedStyle(document.querySelector("header"), null).getPropertyValue("height") - 64 - 40) / 71); - List.element_height = ((window.innerHeight - window.getComputedStyle(document.querySelector(".tabs"), null).getPropertyValue("height") - window.getComputedStyle(document.querySelector("header"), null).getPropertyValue("height") - 64 - 40) / List.can_fit)-5; + List.can_fit = Math.round((window.innerHeight - parseInt(window.getComputedStyle(document.querySelector(".tabs"), null).getPropertyValue("height").replace("px", "")) - parseInt(window.getComputedStyle(document.querySelector("header"), null).getPropertyValue("height").replace("px", "")) - 64 - 40) / 71); + List.element_height = ((window.innerHeight - parseInt(window.getComputedStyle(document.querySelector(".tabs"), null).getPropertyValue("height").replace("px", "")) - parseInt(window.getComputedStyle(document.querySelector("header"), null).getPropertyValue("height").replace("px", "")) - 64 - 40) / List.can_fit)-5; } if(list_html === undefined) list_html = Helper.html("#list-song-html"); full_playlist = msg; @@ -316,7 +316,6 @@ var List = { if(way==-10) { Helper.css(wrapperChildren.slice(List.page, List.page + List.can_fit), "display", "none"); List.page = 0; - //console.log(List.page, List.can_fit, wrapperChildren.slice(List.page, List.page + List.can_fit)); 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"); @@ -407,7 +406,6 @@ var List = { //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"); } - console.log(List.element_height); if(List.page >= document.querySelector("#wrapper").children.length - 1){ List.dynamicContentPage(-1); Helper.css(".next_page_hide", "display", "inline-flex"); @@ -641,10 +639,13 @@ var List = { } }); var i = 0; - List.searchSpotify(full_playlist[i], playlist_id, user_id, full_playlist, i); + List.searchSpotify(full_playlist[i], playlist_id, user_id, full_playlist, i); //}); + }, error: function(e) { } }); + }, error: function(e) { + console.log(e); } }) }, @@ -748,7 +749,7 @@ var List = { List.addToSpotifyPlaylist(List.uris, playlist_id, user_id); Helper.addClass("#playlist_loader_export", "hide"); } - if(document.querySelector(".exported-spotify-list").length == 0) { + if(document.querySelectorAll(".exported-spotify-list").length == 0) { document.querySelector(".exported-list").insertAdjacentHTML("beforeend", "" + chan + ""); } for(var i = 0; i < List.not_found.length; i++) { @@ -854,7 +855,7 @@ var List = { 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").insertAtBeginning("beforeend", "" + chan + ""); + document.querySelector(".exported-list").insertAdjacentHTML("beforeend", "" + chan + ""); Helper.addClass("#playlist_loader_export", "hide"); Helper.addClass(".current_number", "hide"); //$(".youtube_export_button").removeClass("hide"); @@ -967,8 +968,9 @@ var List = { list_image.className += " list-suggested-image"; //song.querySelector(".list-image").setAttribute("class", song.querySelector(".list-image").getAttribute("class").replace("list-image", "list-suggested-image")); } - - song.querySelector(".mobile-delete").remove(); + if(!embed) { + song.querySelector(".mobile-delete").remove(); + } song.querySelector(".list-title").innerText = video_title; song.querySelector(".list-title").setAttribute("title", video_title); song.querySelector(attr).setAttribute("data-video-id", video_id); @@ -976,7 +978,6 @@ var List = { if(song.querySelectorAll(".list-suggested-image").length > 0) { song.querySelector(".list-suggested-image").setAttribute(image_attr,video_thumb); } - //console.log(del_attr, song.querySelector("."+del_attr)); //song.querySelector("."+del_attr).setAttribute("data-video-id", video_id); return song.innerHTML; }, diff --git a/server/public/assets/js/listeners.js b/server/public/assets/js/listeners.js index 7d829ca0..7e3ceeb7 100755 --- a/server/public/assets/js/listeners.js +++ b/server/public/assets/js/listeners.js @@ -367,15 +367,8 @@ addListener("click", "#ethereum-address", function(e) { } }); -addListener("click", ".pagination-results a", function(e) { - event.preventDefault(); - var that = this; - var pageToken = that.getAttribute("data-pagination"); - var searchInput = that.getAttribute("data-original-search"); - - Helper.addClass(".pagination-results a", "disabled"); - Search.search(searchInput, false, false, pageToken); -}); +addListener("click", ".prev-results-button", pagination_results); +addListener("click", ".next-results-button", pagination_results); addListener("click", "#settings", function(e) { event.preventDefault(); @@ -395,7 +388,6 @@ addListener("click", ".accept-delete", function(e) { addListener("click", "#chat_submit", function(e){ - console.log(event); event.preventDefault(); event.stopPropagation(); Chat.chat(document.getElementById("chatForm").input); @@ -472,7 +464,7 @@ addListener("click", ".copy-context-menu", function(e) { event.preventDefault(); var that = this; var parent = that.parentElement; - var id = parent.attr("data-id"); + var id = parent.getAttribute("data-id"); if(id != "") { Helper.css(".copy_video_id", "display", "block"); Helper.setHtml(".copy_video_id", "https://www.youtube.com/watch?v=" + id); @@ -495,9 +487,9 @@ addListener("click", ".find-context-menu", function(e) { event.preventDefault(); var that = this; var parent = that.parentElement; - var id = parent.attr("data-id"); + var id = parent.getAttribute("data-id"); Search.search(id, false, true); - if(Helper.contains(document.getElementsByClassName(".search-container")[0].getAttribute("class").split(" "), "hide")) { + if(Helper.contains(document.getElementsByClassName("search-container")[0].getAttribute("class").split(" "), "hide")) { Search.showSearch(); } Helper.addClass(".context-menu-root", "hide"); @@ -654,9 +646,7 @@ document.addEventListener("keyup", function(e) { } else if((event.keyCode == 91 || event.keyCode == 17) && !find_started){ find_start = false; } - console.log("target = ", event.target); if(event.target.classList.contains("search_input")) { - console.log("To search"); searchTimeout(event); } }, false); @@ -696,7 +686,6 @@ document.addEventListener("input", function(e) { }, true); document.addEventListener("change", function(e) { - console.log(e); handleEvent(e, e.target, false, "change"); }, true); @@ -726,6 +715,7 @@ addListener("click", ".modal-close", function(e){ event.preventDefault(); }); +/* addListener("change", ".password_protected", function(e) { event.preventDefault(); if(this.checked) { @@ -736,7 +726,7 @@ addListener("change", ".password_protected", function(e) { Helper.addClass(".change_user_pass", "hide"); Admin.save(true); } -}); +});*/ addListener("submit", "#user-password-channel-form", function(e) { event.preventDefault(); @@ -808,7 +798,7 @@ addListener("click", ".delete-all-songs", function(e){ M.Modal.getInstance(document.getElementById("delete_song_alert")).open(); }); -addListener("click", ".not-exported-container .not-exported-element #extra-export-container-text .extra-add-text", function(){ +addListener("click", ".extra-add-text", function(){ this.select(); }); @@ -889,7 +879,19 @@ addListener("change", '.offline_switch_class', function() addListener("change", '.conf', function() { - Admin.save(false); + event.preventDefault(); + if(this.classList.contains("password_protected")) { + if(this.checked) { + M.Modal.getInstance(document.getElementById("user_password")).open(); + document.getElementById("user-pass-input").focus(); + } else { + userpass = ""; + Helper.addClass(".change_user_pass", "hide"); + Admin.save(true); + } + } else { + Admin.save(false); + } }); addListener("click", "#clickme", function(){ @@ -971,6 +973,7 @@ addListener("submit", "#listImport", function(e){ addListener("submit", "#listImportZoff", function(e) { event.preventDefault(); var new_channel = document.getElementById("import_zoff").value; + document.getElementById("import_zoff").value = ""; if(new_channel == "") { M.toast({html: "It seems you've entered a invalid channel-name.", displayLength: 4000}); return; @@ -1410,7 +1413,6 @@ addListener("click", ".del_user_suggested", function(e){ }); addListener("click", '#toast-container', function(){ - console.log(this); var toastElement = document.querySelector('.toast'); var toastInstance = M.Toast.getInstance(toastElement); toastInstance.dismiss(); @@ -1439,8 +1441,8 @@ addListener("click", ".generate-channel-name", function(e) { type: "GET", url: "/api/generate_name", success: function(response) { - document.getElementsByClassName(".room_namer")[0].value = ""; - document.getElementsByClassName(".room_namer")[0].value = response; + document.getElementsByClassName("room-namer")[0].value = ""; + document.getElementsByClassName("room-namer")[0].value = response; } }); diff --git a/server/public/assets/js/player.js b/server/public/assets/js/player.js index 7ed208c3..6d71761b 100755 --- a/server/public/assets/js/player.js +++ b/server/public/assets/js/player.js @@ -164,7 +164,7 @@ var Player = { if(full_playlist[0].id == video_id && !mobile_beginning){ List.song_change(full_playlist[0].added); } - Suggestions.fetchYoutubeSuggests(video_id); + if(!client) Suggestions.fetchYoutubeSuggests(video_id); }catch(e){} Player.getTitle(song_title, viewers); @@ -533,7 +533,7 @@ var Player = { //var getTitleViews = document.getElementById('viewers'); document.getElementById("song-title").innerText = title; - document.getElementById("viewers").innerHtml = outPutWord + " " + v; + if(!client) document.getElementById("viewers").innerHTML = outPutWord + " " + v; document.getElementById("song-title").setAttribute("title", title); //elem.title = title; if(chromecastAvailable){ @@ -624,7 +624,6 @@ var Player = { }, setBGimage: function(c){ - console.log(c); var color = c.color; if(window.location.pathname != "/" && ((offline && c.only) || (!offline && !c.only) || (!offline && c.only))) { document.getElementById("main-container").style.backgroundColor = Helper.rgbToHsl(color,true); diff --git a/server/public/assets/js/remotecontroller.js b/server/public/assets/js/remotecontroller.js index 2f0b1713..0c6c18b3 100755 --- a/server/public/assets/js/remotecontroller.js +++ b/server/public/assets/js/remotecontroller.js @@ -35,19 +35,15 @@ window.addEventListener("DOMContentLoaded", function (){ function handleEvent(e, target, tried, type) { - //console.log(target, dynamicListeners); - //console.log(e.path, target); for(var y = 0; y < e.path.length; y++) { var target = e.path[y]; if(dynamicListeners[type] && dynamicListeners[type]["#" + target.id]) { - //console.log(target.id); dynamicListeners[type]["#" + target.id].call(target); return; } else { if(target.classList == undefined) return; for(var i = 0; i < target.classList.length; i++) { if(dynamicListeners[type] && dynamicListeners[type]["." + target.classList[i]]) { - //console.log(target.id); dynamicListeners[type]["." + target.classList[i]].call(target); return; } diff --git a/server/public/assets/js/search.js b/server/public/assets/js/search.js index 6645338a..d6b15e46 100755 --- a/server/public/assets/js/search.js +++ b/server/public/assets/js/search.js @@ -69,7 +69,7 @@ var Search = { document.getElementById("results").innerHTML = ""; Helper.css("#results", "display", "block"); //$("").appendTo($("#results")).show("blind", 83.33); - document.getElementById("results").insertAdjacentHTML("beforeend", ""); + document.getElementById("results").insertAdjacentHTML("beforeend", "