mirror of
https://github.com/KevinMidboe/zoff.git
synced 2025-10-29 18:00:23 +00:00
Fixed issue with volumeslider being messed up on windowresize
This commit is contained in:
Kasper Rynning-Tønnesen
@@ -11,6 +11,7 @@ var time_regex = /P((([0-9]*\.?[0-9]*)Y)?(([0-9]*\.?[0-9]*)M)?(([0-9]*
|
|||||||
var conf = [];
|
var conf = [];
|
||||||
var private_channel = false;
|
var private_channel = false;
|
||||||
var music = 0;
|
var music = 0;
|
||||||
|
var slider_type = "horizontal";
|
||||||
var gotten_np = false;
|
var gotten_np = false;
|
||||||
var frontpage = 1;
|
var frontpage = 1;
|
||||||
var empty_clear = false;
|
var empty_clear = false;
|
||||||
@@ -335,183 +336,173 @@ function init(){
|
|||||||
tooltip: "Search"
|
tooltip: "Search"
|
||||||
});
|
});
|
||||||
|
|
||||||
/*$("#prev").tooltip({
|
|
||||||
delay: 5,
|
$("#shuffle").tooltip({
|
||||||
position: "bottom",
|
delay: 5,
|
||||||
tooltip: "Previous",
|
position: "bottom",
|
||||||
|
tooltip: "Shuffle",
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#settings").tooltip({
|
||||||
|
delay: 5,
|
||||||
|
position: "bottom",
|
||||||
|
tooltip: "Settings",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
window.onYouTubeIframeAPIReady = Player.onYouTubeIframeAPIReady;
|
||||||
|
if(Player.player === "" || Player.player === undefined || Helper.mobilecheck()) Player.loadPlayer();
|
||||||
|
//}
|
||||||
|
|
||||||
|
if(Helper.mobilecheck()) {
|
||||||
|
Mobile_remote.initiate_volume();
|
||||||
|
} else {
|
||||||
|
$('input#chan_description').characterCounter();
|
||||||
|
window_width_volume_slider();
|
||||||
|
}
|
||||||
|
|
||||||
|
setup_admin_listener();
|
||||||
|
setup_list_listener();
|
||||||
|
setup_chat_listener();
|
||||||
|
|
||||||
|
socket.emit("get_history", {channel: chan.toLowerCase(), all: false});
|
||||||
|
socket.emit("get_history", {channel: chan.toLowerCase(), all: true});
|
||||||
|
|
||||||
|
if(!Helper.mobilecheck() && $("#alreadychannel").length === 0) setup_host_initialization();
|
||||||
|
|
||||||
|
if(!Helper.msieversion() && !Helper.mobilecheck()) Notification.requestPermission();
|
||||||
|
|
||||||
|
$(".search_input").focus();
|
||||||
|
|
||||||
|
Helper.sample();
|
||||||
|
if(!Helper.mobilecheck()) {
|
||||||
|
$('.castButton').tooltip({
|
||||||
|
delay: 5,
|
||||||
|
position: "top",
|
||||||
|
tooltip: "Cast Zoff to TV"
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#color_embed").spectrum({
|
||||||
|
color: "#808080",
|
||||||
|
change: function(c) {
|
||||||
|
color = c.toHexString().substring(1); // #ff0000
|
||||||
|
$("#embed-area").val(embed_code(embed_autoplay, embed_width, embed_height, color));
|
||||||
|
},
|
||||||
|
appendTo: "#embed",
|
||||||
|
containerClassName: 'polyfill-color z-depth-4',
|
||||||
|
show: function(color) {
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
$(".sp-choose").addClass("hide");
|
||||||
|
$(".sp-cancel").addClass("btn-flat waves-effect waves-red");
|
||||||
|
$(".sp-cancel").removeClass("sp-cancel");
|
||||||
|
$(".sp-button-container").append("<a href='#' class='btn-flat waves-effect waves-green sp-choose-link'>CHOOSE</a>");
|
||||||
|
}
|
||||||
|
|
||||||
|
$(".sp-choose-link").on("click", function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
$(".sp-choose").trigger("click");
|
||||||
});
|
});
|
||||||
|
|
||||||
$("#skip").tooltip({
|
$("#results" ).hover( function() { $("div.result").removeClass("hoverResults"); i = 0; }, function(){ });
|
||||||
delay: 5,
|
$("#search").focus();
|
||||||
position: "bottom",
|
$("#embed-button").css("display", "inline-block");
|
||||||
tooltip: "Skip",
|
$("#embed-area").val(embed_code(embed_autoplay, embed_width, embed_height, color));
|
||||||
});*/
|
$("#search").attr("placeholder", "Find song on YouTube...");
|
||||||
|
|
||||||
$("#shuffle").tooltip({
|
if(!$("footer").hasClass("padding-bottom-novideo")) {
|
||||||
delay: 5,
|
$("footer").addClass("padding-bottom-novideo");
|
||||||
position: "bottom",
|
}
|
||||||
tooltip: "Shuffle",
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#settings").tooltip({
|
if(!/chrom(e|ium)/.test(navigator.userAgent.toLowerCase()) && !Helper.mobilecheck()){
|
||||||
delay: 5,
|
$(".castButton").css("display", "none");
|
||||||
position: "bottom",
|
}
|
||||||
tooltip: "Settings",
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
window.onYouTubeIframeAPIReady = Player.onYouTubeIframeAPIReady;
|
Helper.log("chromecastAvailable" + chromecastAvailable);
|
||||||
if(Player.player === "" || Player.player === undefined || Helper.mobilecheck()) Player.loadPlayer();
|
Helper.log("chromecastAvailable" + chromecastReady);
|
||||||
//}
|
|
||||||
|
|
||||||
if(Helper.mobilecheck()) {
|
if(chromecastAvailable){
|
||||||
Mobile_remote.initiate_volume();
|
hide_native(1);
|
||||||
} else {
|
} else if(chromecastReady) {
|
||||||
$('input#chan_description').characterCounter();
|
initializeCastApi();
|
||||||
}
|
} else {
|
||||||
|
window['__onGCastApiAvailable'] = function(loaded, errorInfo) {
|
||||||
setup_admin_listener();
|
if (loaded) {
|
||||||
setup_list_listener();
|
setTimeout(function(){
|
||||||
setup_chat_listener();
|
chromecastReady = true;
|
||||||
|
initializeCastApi();
|
||||||
socket.emit("get_history", {channel: chan.toLowerCase(), all: false});
|
}, 1000);
|
||||||
socket.emit("get_history", {channel: chan.toLowerCase(), all: true});
|
} else {
|
||||||
|
|
||||||
if(!Helper.mobilecheck() && $("#alreadychannel").length === 0) setup_host_initialization();
|
|
||||||
|
|
||||||
if(!Helper.msieversion() && !Helper.mobilecheck()) Notification.requestPermission();
|
|
||||||
|
|
||||||
$(".search_input").focus();
|
|
||||||
|
|
||||||
Helper.sample();
|
|
||||||
if(!Helper.mobilecheck()) {
|
|
||||||
$('.castButton').tooltip({
|
|
||||||
delay: 5,
|
|
||||||
position: "top",
|
|
||||||
tooltip: "Cast Zoff to TV"
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#color_embed").spectrum({
|
|
||||||
color: "#808080",
|
|
||||||
change: function(c) {
|
|
||||||
color = c.toHexString().substring(1); // #ff0000
|
|
||||||
$("#embed-area").val(embed_code(embed_autoplay, embed_width, embed_height, color));
|
|
||||||
},
|
|
||||||
appendTo: "#embed",
|
|
||||||
containerClassName: 'polyfill-color z-depth-4',
|
|
||||||
show: function(color) {
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
$(".sp-choose").addClass("hide");
|
|
||||||
$(".sp-cancel").addClass("btn-flat waves-effect waves-red");
|
|
||||||
$(".sp-cancel").removeClass("sp-cancel");
|
|
||||||
$(".sp-button-container").append("<a href='#' class='btn-flat waves-effect waves-green sp-choose-link'>CHOOSE</a>");
|
|
||||||
}
|
|
||||||
|
|
||||||
$(".sp-choose-link").on("click", function(e) {
|
|
||||||
e.preventDefault();
|
|
||||||
$(".sp-choose").trigger("click");
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#results" ).hover( function() { $("div.result").removeClass("hoverResults"); i = 0; }, function(){ });
|
|
||||||
$("#search").focus();
|
|
||||||
$("#embed-button").css("display", "inline-block");
|
|
||||||
$("#embed-area").val(embed_code(embed_autoplay, embed_width, embed_height, color));
|
|
||||||
$("#search").attr("placeholder", "Find song on YouTube...");
|
|
||||||
|
|
||||||
if(!$("footer").hasClass("padding-bottom-novideo")) {
|
|
||||||
$("footer").addClass("padding-bottom-novideo");
|
|
||||||
}
|
|
||||||
|
|
||||||
if(!/chrom(e|ium)/.test(navigator.userAgent.toLowerCase()) && !Helper.mobilecheck()){
|
|
||||||
$(".castButton").css("display", "none");
|
|
||||||
}
|
|
||||||
|
|
||||||
Helper.log("chromecastAvailable" + chromecastAvailable);
|
|
||||||
Helper.log("chromecastAvailable" + chromecastReady);
|
|
||||||
|
|
||||||
if(chromecastAvailable){
|
|
||||||
hide_native(1);
|
|
||||||
} else if(chromecastReady) {
|
|
||||||
initializeCastApi();
|
|
||||||
} else {
|
|
||||||
window['__onGCastApiAvailable'] = function(loaded, errorInfo) {
|
|
||||||
if (loaded) {
|
|
||||||
setTimeout(function(){
|
|
||||||
chromecastReady = true;
|
chromecastReady = true;
|
||||||
initializeCastApi();
|
}
|
||||||
}, 1000);
|
|
||||||
} else {
|
|
||||||
chromecastReady = true;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
$.contextMenu({
|
$.contextMenu({
|
||||||
selector: '.playlist-element',
|
selector: '.playlist-element',
|
||||||
reposition: true,
|
reposition: true,
|
||||||
autoHide: true,
|
autoHide: true,
|
||||||
items: {
|
items: {
|
||||||
copy: {
|
copy: {
|
||||||
name: "Copy link",
|
name: "Copy link",
|
||||||
callback: function(key, opt){
|
callback: function(key, opt){
|
||||||
var this_id = $(this[0]).attr("data-video-id");
|
var this_id = $(this[0]).attr("data-video-id");
|
||||||
var this_url = "https://www.youtube.com/watch?v=" + this_id;
|
var this_url = "https://www.youtube.com/watch?v=" + this_id;
|
||||||
$(".copy_video_id").css("display", "block");
|
$(".copy_video_id").css("display", "block");
|
||||||
$(".copy_video_id").text(this_url);
|
$(".copy_video_id").text(this_url);
|
||||||
var copyTextarea = document.querySelector('.copy_video_id');
|
var copyTextarea = document.querySelector('.copy_video_id');
|
||||||
copyTextarea.select();
|
copyTextarea.select();
|
||||||
var successful = document.execCommand('copy');
|
var successful = document.execCommand('copy');
|
||||||
if(successful) {
|
if(successful) {
|
||||||
Materialize.toast("Copied!", 2000, "green lighten");
|
Materialize.toast("Copied!", 2000, "green lighten");
|
||||||
} else {
|
} else {
|
||||||
Materialize.toast("Error copying..", 2000, "red lighten");
|
Materialize.toast("Error copying..", 2000, "red lighten");
|
||||||
|
}
|
||||||
|
$(".copy_video_id").css("display", "none");
|
||||||
}
|
}
|
||||||
$(".copy_video_id").css("display", "none");
|
},
|
||||||
}
|
similar: {
|
||||||
},
|
name: "Find Similar",
|
||||||
similar: {
|
callback: function(key, opt) {
|
||||||
name: "Find Similar",
|
var this_id = $(this[0]).attr("data-video-id");
|
||||||
callback: function(key, opt) {
|
Search.search(this_id, false, true);
|
||||||
var this_id = $(this[0]).attr("data-video-id");
|
if(Helper.contains($(".search-container").attr("class").split(" "), "hide")) {
|
||||||
Search.search(this_id, false, true);
|
Search.showSearch();
|
||||||
if(Helper.contains($(".search-container").attr("class").split(" "), "hide")) {
|
}
|
||||||
Search.showSearch();
|
|
||||||
}
|
}
|
||||||
}
|
},
|
||||||
},
|
"sep1": "---------",
|
||||||
"sep1": "---------",
|
delete: {
|
||||||
delete: {
|
name: "Delete",
|
||||||
name: "Delete",
|
callback: function(key, opt) {
|
||||||
callback: function(key, opt) {
|
var this_id = $(this[0]).attr("data-video-id");
|
||||||
var this_id = $(this[0]).attr("data-video-id");
|
var this_type = $(this[0]).attr("data-video-type");
|
||||||
var this_type = $(this[0]).attr("data-video-type");
|
|
||||||
|
|
||||||
if(this_type == "suggested") {
|
if(this_type == "suggested") {
|
||||||
number_suggested = number_suggested - 1;
|
number_suggested = number_suggested - 1;
|
||||||
if(number_suggested < 0) number_suggested = 0;
|
if(number_suggested < 0) number_suggested = 0;
|
||||||
|
|
||||||
var to_display = number_suggested > 9 ? "9+" : number_suggested;
|
var to_display = number_suggested > 9 ? "9+" : number_suggested;
|
||||||
if(!$(".suggested-link span.badge.new.white").hasClass("hide") && to_display == 0){
|
if(!$(".suggested-link span.badge.new.white").hasClass("hide") && to_display == 0){
|
||||||
$(".suggested-link span.badge.new.white").addClass("hide");
|
$(".suggested-link span.badge.new.white").addClass("hide");
|
||||||
|
}
|
||||||
|
|
||||||
|
$(".suggested-link span.badge.new.white").text(to_display);
|
||||||
}
|
}
|
||||||
|
|
||||||
$(".suggested-link span.badge.new.white").text(to_display);
|
List.vote(this_id, "del");
|
||||||
|
},
|
||||||
|
disabled: function(key, opt) {
|
||||||
|
return w_p;
|
||||||
}
|
}
|
||||||
|
|
||||||
List.vote(this_id, "del");
|
|
||||||
},
|
|
||||||
disabled: function(key, opt) {
|
|
||||||
return w_p;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
});
|
||||||
});
|
|
||||||
|
|
||||||
if(!Helper.mobilecheck() && navigator.userAgent.match(/iPad/i) == null){
|
if(!Helper.mobilecheck() && navigator.userAgent.match(/iPad/i) == null){
|
||||||
setTimeout(function(){set_title_width();}, 100);
|
setTimeout(function(){set_title_width();}, 100);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
initializeCastApi = function() {
|
initializeCastApi = function() {
|
||||||
@@ -1041,10 +1032,10 @@ $(document).on("click", ".accept-delete", function(e) {
|
|||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
/*var delete_id = $(this).attr("data-video-id");
|
/*var delete_id = $(this).attr("data-video-id");
|
||||||
if(delete_id) {
|
if(delete_id) {
|
||||||
List.vote(delete_id, 'del');
|
List.vote(delete_id, 'del');
|
||||||
}*/
|
}*/
|
||||||
socket.emit("delete_all", {channel: chan.toLowerCase(), adminpass: adminpass == "" ? "" : Crypt.crypt_pass(adminpass), pass: embed ? '' : Crypt.crypt_pass(Crypt.get_userpass(chan.toLowerCase()))});
|
socket.emit("delete_all", {channel: chan.toLowerCase(), adminpass: adminpass == "" ? "" : Crypt.crypt_pass(adminpass), pass: embed ? '' : Crypt.crypt_pass(Crypt.get_userpass(chan.toLowerCase()))});
|
||||||
$("#delete_song_alert").modal("close");
|
$("#delete_song_alert").modal("close");
|
||||||
});
|
});
|
||||||
|
|
||||||
$(document).keyup(function(event) {
|
$(document).keyup(function(event) {
|
||||||
@@ -1689,8 +1680,20 @@ $(window).resize(function(){
|
|||||||
set_title_width();
|
set_title_width();
|
||||||
if($("#controls").length > 0 && !Helper.mobilecheck()) $("#seekToDuration").css("top", $("#controls").position().top - 55);
|
if($("#controls").length > 0 && !Helper.mobilecheck()) $("#seekToDuration").css("top", $("#controls").position().top - 55);
|
||||||
else if($("#controls").length > 0) $("#seekToDuration").css("top", $("#controls").position().top - 20);
|
else if($("#controls").length > 0) $("#seekToDuration").css("top", $("#controls").position().top - 20);
|
||||||
|
|
||||||
|
window_width_volume_slider();
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
|
|
||||||
|
function window_width_volume_slider() {
|
||||||
|
if(window.innerWidth <= 600 && slider_type == "horizontal") {
|
||||||
|
Playercontrols.initSlider(true);
|
||||||
|
slider_type = "vertical";
|
||||||
|
} else if(window.innerWidth > 600 && slider_type == "vertical") {
|
||||||
|
Playercontrols.initSlider();
|
||||||
|
slider_type = "horizontal";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
$(document).on( "click", ".result-object", function(e){
|
$(document).on( "click", ".result-object", function(e){
|
||||||
var $html = $(e.target);
|
var $html = $(e.target);
|
||||||
|
|||||||
@@ -17,9 +17,10 @@ var Playercontrols = {
|
|||||||
$("#fullscreen").on("click", Playercontrols.fullscreen);
|
$("#fullscreen").on("click", Playercontrols.fullscreen);
|
||||||
},
|
},
|
||||||
|
|
||||||
initSlider: function() {
|
initSlider: function(vertical) {
|
||||||
try {
|
try {
|
||||||
vol = (Crypt.get_volume());
|
vol = (Crypt.get_volume());
|
||||||
|
$("#volume").slider( "destroy" );
|
||||||
} catch(e){}
|
} catch(e){}
|
||||||
var slider_values = {
|
var slider_values = {
|
||||||
min: 0,
|
min: 0,
|
||||||
@@ -28,12 +29,11 @@ var Playercontrols = {
|
|||||||
range: "min",
|
range: "min",
|
||||||
animate: true,
|
animate: true,
|
||||||
slide: function(event, ui) {
|
slide: function(event, ui) {
|
||||||
|
|
||||||
Playercontrols.setVolume(ui.value);
|
Playercontrols.setVolume(ui.value);
|
||||||
try{Crypt.set_volume(ui.value);}catch(e){}
|
try{Crypt.set_volume(ui.value);}catch(e){}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
if(Helper.mobilecheck()) {
|
if(Helper.mobilecheck() || vertical) {
|
||||||
slider_values.orientation = "vertical";
|
slider_values.orientation = "vertical";
|
||||||
$(".volume-container").toggleClass("hide");
|
$(".volume-container").toggleClass("hide");
|
||||||
}
|
}
|
||||||
@@ -109,7 +109,7 @@ var Playercontrols = {
|
|||||||
},
|
},
|
||||||
|
|
||||||
mute_video: function() {
|
mute_video: function() {
|
||||||
if(Helper.mobilecheck()) {
|
if(Helper.mobilecheck() || slider_type == "vertical") {
|
||||||
$(".volume-container").toggleClass("hide");
|
$(".volume-container").toggleClass("hide");
|
||||||
} else {
|
} else {
|
||||||
if(!Player.player.isMuted()) {
|
if(!Player.player.isMuted()) {
|
||||||
|
|||||||
Reference in New Issue
Block a user