mirror of
https://github.com/KevinMidboe/zoff.git
synced 2025-10-29 18:00:23 +00:00
500 lines
13 KiB
JavaScript
Executable File
500 lines
13 KiB
JavaScript
Executable File
var chan = $("#chan").html();
|
|
var w_p = true;
|
|
var hasadmin = 0;
|
|
var showToggle = true;
|
|
var list_html = $("#list-song-html").html();
|
|
var blink_interval_exists = false;
|
|
var unseen = false;
|
|
var timer = 0;
|
|
var api_key = "***REMOVED***";
|
|
var result_html = $("#temp-results-container");
|
|
var empty_results_html = $("#empty-results-container").html();
|
|
var searching = false
|
|
var time_regex = /P((([0-9]*\.?[0-9]*)Y)?(([0-9]*\.?[0-9]*)M)?(([0-9]*\.?[0-9]*)W)?(([0-9]*\.?[0-9]*)D)?)?(T(([0-9]*\.?[0-9]*)H)?(([0-9]*\.?[0-9]*)M)?(([0-9]*\.?[0-9]*)S)?)?/
|
|
var conf = [];
|
|
var music = 0;
|
|
var frontpage = 1;
|
|
var adminpass = "";
|
|
var filesadded = "";
|
|
var player_ready = false;
|
|
var viewers = 1;
|
|
var paused = false;
|
|
var playing = false;
|
|
var SAMPLE_RATE = 6000; // 6 seconds
|
|
var lastSample = Date.now();
|
|
var began = false;
|
|
var i = -1;
|
|
var lazy_load = true;
|
|
var embed = false;
|
|
var autoplay = true;
|
|
|
|
var id;
|
|
var full_playlist;
|
|
var conf;
|
|
var blink_interval;
|
|
var tag;
|
|
var firstScriptTag;
|
|
var ytplayer;
|
|
var title;
|
|
var viewers;
|
|
var video_id;
|
|
var list;
|
|
var seekTo;
|
|
var song_title;
|
|
var previous_video_id;
|
|
var socket;
|
|
var connection_options = {
|
|
'sync disconnect on unload':true,
|
|
'secure': true,
|
|
'force new connection': true
|
|
};
|
|
|
|
$().ready(function(){init();});
|
|
|
|
|
|
function init(){
|
|
|
|
chan = $("#chan").html();
|
|
if(window.location.hostname == "zoff.no") add = "https://zoff.no";
|
|
else add = "localhost";
|
|
socket = io.connect(''+add+':8880', connection_options);
|
|
|
|
socket.on("get_list", function(){
|
|
setTimeout(function(){socket.emit('list', chan.toLowerCase())},1000);
|
|
});
|
|
|
|
socket.on("suggested", function(params){
|
|
var single = true;
|
|
if(params.id == undefined)
|
|
single = false;
|
|
setTimeout(function(){Suggestions.catchUserSuggests(params, single)}, 1000);
|
|
});
|
|
|
|
setTimeout(function(){
|
|
Youtube.stopInterval= false;
|
|
//window.vote = List.vote;
|
|
//window.submit = Search.submit;
|
|
//window.submitAndClose = Search.submitAndClose;
|
|
|
|
if(!localStorage["list_update"] || localStorage["list_update"] != "13.06.15")
|
|
{
|
|
localStorage.setItem("list_update", "13.06.15");
|
|
window.location.reload(true);
|
|
}
|
|
Youtube.setup_youtube_listener(chan);
|
|
Admin.admin_listener();
|
|
List.channel_listener();
|
|
|
|
$('ul.tabs').tabs();
|
|
$("#settings").sideNav({
|
|
menuWidth: 300, // Default is 240
|
|
edge: 'right', // Choose the horizontal origin
|
|
closeOnClick: false // Closes side-nav on <a> clicks, useful for Angular/Meteor
|
|
});
|
|
$('.collapsible').collapsible({
|
|
accordion : true // A setting that changes the collapsible behavior to expandable instead of the default accordion style
|
|
});
|
|
|
|
//awdwad
|
|
$(".video-container").resizable({
|
|
start: function(event, ui) {
|
|
$('iframe').css('pointer-events','none');
|
|
},
|
|
stop: function(event, ui) {
|
|
$('iframe').css('pointer-events','auto');
|
|
Crypt.set_width($(this).width());
|
|
},
|
|
handles: "e",
|
|
minWidth: 350
|
|
});
|
|
|
|
/*
|
|
if(localStorage[chan.toLowerCase()])
|
|
{
|
|
if(localStorage[chan.toLowerCase()].length != 64)
|
|
localStorage.removeItem(chan.toLowerCase());
|
|
else
|
|
socket.emit("password", [localStorage[chan.toLowerCase()], chan.toLowerCase()]);
|
|
}*/
|
|
|
|
if(/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream){
|
|
document.getElementById("search").blur();
|
|
Youtube.readyLooks();
|
|
}else{
|
|
Chat.setup_chat_listener(chan);
|
|
Chat.allchat_listener();
|
|
Hostcontroller.host_listener();
|
|
window.onYouTubeIframeAPIReady = Youtube.onYouTubeIframeAPIReady;
|
|
Youtube.loadPlayer();
|
|
|
|
$("#chat-btn").sideNav({
|
|
menuWidth: 272, // Default is 240
|
|
edge: 'left', // Choose the horizontal origin
|
|
closeOnClick: false // Closes side-nav on <a> clicks, useful for Angular/Meteor
|
|
});
|
|
|
|
$(".drag-target")[1].remove();
|
|
|
|
if(!Helper.msieversion()) Notification.requestPermission();
|
|
if(navigator.userAgent.toLowerCase().indexOf("firefox") > -1) //quickdickfix for firefoxs weird percent handling
|
|
$(".main").height(window.innerHeight-64);
|
|
|
|
git_info = $.ajax({ type: "GET",
|
|
url: "https://api.github.com/repos/zoff-music/zoff/commits",
|
|
async: false
|
|
}).responseText;
|
|
|
|
git_info = $.parseJSON(git_info);
|
|
$("#latest-commit").html("Latest Commit: <br>"
|
|
+ git_info[0].commit.author.date.substring(0,10)
|
|
+ ": " + git_info[0].committer.login
|
|
+ "<br><a href='"+git_info[0].html_url+"'>"
|
|
+ git_info[0].sha.substring(0,10) + "</a>: "
|
|
+ git_info[0].commit.message+"<br");
|
|
|
|
Helper.sample();
|
|
}
|
|
|
|
$( "#results" ).hover( function() { $("div.result").removeClass("hoverResults"); i = 0; }, function(){ });
|
|
$("#search").focus();
|
|
|
|
$('#base').bind("keyup keypress", function(e) {
|
|
var code = e.keyCode || e.which;
|
|
if (code == 13) {
|
|
e.preventDefault();
|
|
return false;
|
|
}
|
|
});
|
|
|
|
$(".search_input").focus();
|
|
$(".search_input").keyup(function(event) {
|
|
search_input = $(this).val();
|
|
|
|
if (event.keyCode != 40 && event.keyCode != 38 && event.keyCode != 13 && event.keyCode != 39 && event.keyCode != 37) {
|
|
if(search_input.length < 3){$("#results").html("");}
|
|
if(event.keyCode == 13){
|
|
Search.search(search_input);
|
|
}else{
|
|
i = 0;
|
|
timer=100;
|
|
}
|
|
}
|
|
|
|
|
|
});
|
|
|
|
setInterval(function(){
|
|
timer--;
|
|
if(timer===0){
|
|
Search.search($(".search_input").val());
|
|
}
|
|
}, 1);
|
|
}, 1000);
|
|
|
|
$("#embed-button").css("display", "inline-block");
|
|
$("#embed-area").val('<embed src="https://zoff.no/embed.html#' + chan.toLowerCase() + '&autplay" width="600px" height="300px">');
|
|
|
|
}
|
|
|
|
window.init = init;
|
|
|
|
$(document).keyup(function(e) {
|
|
if(event.keyCode == 27){
|
|
$("#results").html("");
|
|
if(!Helper.contains($("#search-wrapper").attr("class").split(" "), "hide"))
|
|
$("#search-wrapper").toggleClass("hide");
|
|
if(Helper.contains($("#song-title").attr("class").split(" "), "hide"))
|
|
$("#song-title").toggleClass("hide");
|
|
|
|
if($("#search-btn i").attr('class') == "mdi-navigation-close")
|
|
{
|
|
$("#search-btn i").toggleClass("mdi-navigation-close");
|
|
$("#search-btn i").toggleClass("mdi-action-search");
|
|
}
|
|
$("#results").toggleClass("hide");
|
|
}else if ($("div.result").length > 2){
|
|
children = $("#mock-div").children();
|
|
if (e.keyCode == 40) {
|
|
$(children[i-1]).removeClass("hoverResults");
|
|
$(children[i]).addClass("hoverResults");
|
|
if(i < children.length -2)
|
|
i++;
|
|
} else if (e.keyCode == 38) {
|
|
if(i > 1)
|
|
i--;
|
|
$(children[i]).removeClass("hoverResults");
|
|
$(children[i-1]).addClass("hoverResults");
|
|
} else if(e.keyCode == 13) {
|
|
i = 0;
|
|
var elem = document.getElementsByClassName("hoverResults")[0];
|
|
if (typeof elem.onclick == "function") {
|
|
elem.onclick.apply(elem);
|
|
}
|
|
$("div.hoverResults").removeClass("hoverResults");
|
|
$("#results").html('');
|
|
document.getElementById("search").value = "";
|
|
}
|
|
}
|
|
});
|
|
|
|
$('input[class=conf]').change(function()
|
|
{
|
|
Admin.save();
|
|
});
|
|
|
|
$("#clickme").click(function(){
|
|
Youtube.ytplayer.playVideo();
|
|
});
|
|
|
|
$('#listImport').on("submit", function(){
|
|
Search.importPlaylist(document.getElementById("import").value);
|
|
});
|
|
|
|
$(window).focus(function(){
|
|
if(unseen)
|
|
{
|
|
$("#favicon").attr("href", "static/images/favicon.png");
|
|
unseen = false;
|
|
}
|
|
});
|
|
|
|
$(document).on("click", "#chat-btn", function(){
|
|
$("#text-chat-input").focus();
|
|
//$("#chat-btn").css("color", "white");
|
|
$("#chat-btn i").css("opacity", 1);
|
|
clearInterval(blink_interval);
|
|
blink_interval_exists = false;
|
|
unseen = false;
|
|
$("#favicon").attr("href", "static/images/favicon.png");
|
|
});
|
|
|
|
$(document).on("click", ".chat-tab", function(){
|
|
$("#text-chat-input").focus();
|
|
});
|
|
|
|
|
|
$(document).on("click", "#skip", function(e){
|
|
e.preventDefault();
|
|
List.skip();
|
|
});
|
|
|
|
$(document).on("click", "#chan", function(e){
|
|
e.preventDefault();
|
|
List.show();
|
|
});
|
|
|
|
$(document).on("submit", "#adminForm", function(e){
|
|
e.preventDefault();
|
|
Admin.pass_save();
|
|
});
|
|
|
|
$(document).on("submit", "#chatForm", function(){
|
|
Chat.chat(document.getElementById("chatForm").input);
|
|
});
|
|
|
|
$(document).on("click", "#shuffle", function(e)
|
|
{
|
|
e.preventDefault();
|
|
Admin.shuffle();
|
|
});
|
|
|
|
$(document).on("click", "#search-btn", function(e)
|
|
{
|
|
e.preventDefault();
|
|
Search.showSearch();
|
|
});
|
|
|
|
$(document).on("click", "#song-title", function(e)
|
|
{
|
|
e.preventDefault();
|
|
Search.showSearch();
|
|
});
|
|
|
|
$(document).on("click", "#admin-lock", function(e)
|
|
{
|
|
e.preventDefault();
|
|
Admin.log_out();
|
|
});
|
|
|
|
$(document).on("click", "#closeSettings", function(e)
|
|
{
|
|
e.preventDefault();
|
|
Admin.hide_settings();
|
|
});
|
|
|
|
$(document).on( "click", "#temp-results", function(e){
|
|
if($(e.target).html() != $("<i class='mdi-av-playlist-add'></i>").html()){
|
|
var id = $(this).attr("data-video-id");
|
|
var title = $(this).attr("data-video-title");
|
|
var length = $(this).attr("data-video-length");
|
|
|
|
Search.submitAndClose(id, title, length);
|
|
}
|
|
});
|
|
|
|
$(document).on( "click", "#add-many", function(e){
|
|
var id = $(this).attr("data-video-id");
|
|
var title = $(this).attr("data-video-title");
|
|
var length = $(this).attr("data-video-length");
|
|
|
|
Search.submit(id, title, length);
|
|
});
|
|
|
|
$(document).on( "click", ".vote-container", function(e){
|
|
var id = $(this).attr("data-video-id");
|
|
List.vote(id, "pos");
|
|
});
|
|
|
|
$(document).on( "click", "#del", function(e){
|
|
var id = $(this).attr("data-video-id");
|
|
List.vote(id, "del");
|
|
});
|
|
|
|
$(document).on( "click", ".add-suggested", function(e){
|
|
var id = $(this).attr("data-video-id");
|
|
var title = $(this).attr("data-video-title");
|
|
var length = $(this).attr("data-video-length");
|
|
|
|
|
|
Search.submit(id, title, length);
|
|
$("#suggested-" + id).remove();
|
|
});
|
|
|
|
$(document).on( "click", "#del_suggested", function(e){
|
|
var id = $(this).attr("data-video-id");
|
|
|
|
$("#suggested-" + id).remove();
|
|
});
|
|
|
|
$(document).on( "click", "#del_user_suggested", function(e){
|
|
var id = $(this).attr("data-video-id");
|
|
$("#suggested-" + id).remove();
|
|
List.vote(id, "del");
|
|
});
|
|
|
|
$(document).on('click', '#toast-container', function(){
|
|
$(this).fadeOut(function(){
|
|
$(this).remove();
|
|
});
|
|
});
|
|
|
|
$(document).on("click", "#embed-area", function(){
|
|
this.select();
|
|
});
|
|
|
|
$(document).on("click", ".brand-logo-navigate", function(e){
|
|
e.preventDefault();
|
|
|
|
window.history.pushState("to the frontpage!", "Title", "/");
|
|
onepage_load();
|
|
});
|
|
|
|
window.onpopstate = function(e){
|
|
onepage_load();
|
|
}
|
|
|
|
function onepage_load(){
|
|
|
|
var url_split = window.location.href.split("/");
|
|
|
|
if(url_split[3] == "" || url_split[3].substring(0,1) == "#"){
|
|
$("#channel-load").css("display", "block");
|
|
window.scrollTo(0, 0);
|
|
|
|
|
|
Youtube.stopInterval = true;
|
|
Admin.display_logged_out();
|
|
Admin.beginning = true;
|
|
chan = "";
|
|
$("#embed-button").css("display", "none");
|
|
|
|
socket.removeAllListeners();
|
|
|
|
$.ajax({
|
|
url: "php/nochan_content.php",
|
|
success: function(e){
|
|
|
|
socket.disconnect();
|
|
|
|
document.getElementById("volume-button").removeEventListener("click", Playercontrols.mute_video);
|
|
document.getElementById("playpause").removeEventListener("click", Playercontrols.play_pause);
|
|
document.getElementById("fullscreen").removeEventListener("click", Playercontrols.fullscreen);
|
|
|
|
setTimeout(function(){
|
|
/*delete Admin
|
|
delete Chat
|
|
delete Crypt
|
|
delete Hostcontroller
|
|
delete Playercontrols
|
|
delete List
|
|
delete Search
|
|
delete Suggestions
|
|
delete Youtube
|
|
delete chan;
|
|
delete w_p;
|
|
delete hasadmin;
|
|
delete showToggle;
|
|
delete list_html;
|
|
delete blink_interval_exists;
|
|
delete unseen;
|
|
delete timer;
|
|
delete api_key;
|
|
delete result_html;
|
|
delete empty_results_html;
|
|
delete searching;
|
|
delete time_regex;
|
|
delete conf;
|
|
delete music;
|
|
delete frontpage;
|
|
delete adminpass;
|
|
delete filesadded;
|
|
delete player_ready;
|
|
delete viewers;
|
|
delete paused;
|
|
delete playing;
|
|
delete SAMPLE_RATE;
|
|
delete lastSample;
|
|
delete began;
|
|
delete i;
|
|
delete id;
|
|
delete full_playlist;
|
|
delete conf;
|
|
delete blink_interval;
|
|
delete tag;
|
|
delete firstScriptTag;
|
|
delete Youtube.ytplayer;
|
|
delete title;
|
|
delete viewers;
|
|
delete video_id;
|
|
delete list;
|
|
delete seekTo;
|
|
delete song_title;
|
|
delete previous_video_id;
|
|
delete connection_options;
|
|
delete socket;
|
|
delete window.onYouTubeIframeAPIReady;*/
|
|
Youtube.ytplayer.destroy();
|
|
|
|
$(".drag-target").remove();
|
|
$(".sidenav-overlay").remove();
|
|
$("main").attr("class", "center-align container");
|
|
$("body").attr("id", "");
|
|
$("body").attr("style", "");
|
|
$("header").html($($(e)[0]).html());
|
|
$($(e)[2]).insertAfter("header");
|
|
$($(e)[4]).insertAfter(".mega");
|
|
$("main").html($($(e)[8]).html());
|
|
|
|
if($("#alreadychannel").length == 0) $("head").append("<div id='alreadychannel'></div")
|
|
if($("#alreadyfp").length == 1) window.initfp();
|
|
else $("#scripts").append($($(e)[10]).html());
|
|
$("#channel-load").css("display", "none");
|
|
}, 1000);
|
|
|
|
document.title = "Zöff";
|
|
|
|
|
|
}
|
|
});
|
|
}
|
|
} |