KevinMidboe/zoff
1
0
Fork 0
mirror of https://github.com/KevinMidboe/zoff.git synced 2025-10-29 18:00:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added a host-mode

Browse Source 
- Fullscreen video + playlist
- Removed fullscreenbutton in host-mode
- Removed skip-button in host-mode
- Disabled skipping in host-mode
- Removed buttons and rightclick menus in host-mode
- Host mode for easily having a computer playing at a party without being able to modifying the currently playing video/song
This commit is contained in:
Kasper Rynning-Tønnesen
2018-06-06 15:58:28 +02:00
parent 476f44c7e2
commit 6636c8481a
7 changed files with 123 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
server/public/assets/js/channel.js
View File

@@ -435,6 +435,9 @@ var Channel = {
add_context_menu: function() {
addListener("contextmenu", ".vote-container", function(e) {
if(hostMode) {
return;
}
this.preventDefault();
this.preventDefault();
var that = this;

68
server/public/assets/js/functions.js
View File

@@ -446,6 +446,69 @@ function setup_now_playing_listener(){
socket.on("np", Player.now_playing_listener);
}
function exitHandler(event) {
if (document.webkitIsFullScreen || document.mozFullScreen || document.msFullscreenElement !== null) {
if(!document.getElementById("main-row").classList.contains("fullscreened")) {
Helper.addClass("#main-row", "fullscreened");
} else {
Helper.removeClass("#main-row", "fullscreened");
document.querySelector(".host_switch_class").checked = false
enable_host_mode(false);
}
}
}
function enable_host_mode(enabled) {
if(!hostMode) {
var playerElement = document.querySelector("main");
var requestFullScreen = playerElement.requestFullScreen || playerElement.mozRequestFullScreen || playerElement.webkitRequestFullScreen;
if (requestFullScreen) {
requestFullScreen.bind(playerElement)();
M.Tabs.getInstance(document.querySelector('.playlist-tabs-loggedIn')).select("wrapper");
Helper.addClass("#main-row", "host-mode-height");
Helper.addClass("#main-row", "host-mode-width");
Helper.addClass("main", "host-mode-height");
Helper.addClass("main", "host-mode-width");
Helper.addClass("#video-container", "host-mode-height");
Helper.addClass("#playlist", "host-mode-height");
Helper.css(".playlist-tabs-loggedIn", "display", "none");
Helper.removeClass("#wrapper", "tabs_height");
Helper.addClass("#wrapper", "host-mode-wrapper");
Helper.css(".skip", "display", "none");
var removeElements = document.querySelectorAll(".list-remove");
for(var i = 0; i < removeElements.length; i++) {
removeElements[i].style.display = "none";
}
Helper.css("#fullscreen", "display", "none");
Helper.css("#playlist", "backgroundColor", "inherit");
Helper.css("#main-row", "backgroundColor", "inherit");
Helper.css(".main", "backgroundColor", "inherit");
hostMode = enabled;
document.addEventListener('webkitfullscreenchange', exitHandler, false);
document.addEventListener('mozfullscreenchange', exitHandler, false);
document.addEventListener('fullscreenchange', exitHandler, false);
document.addEventListener('MSFullscreenChange', exitHandler, false);
}
} else {
Helper.removeClass("#main-row", "host-mode-height");
Helper.removeClass("#main-row", "host-mode-width");
Helper.removeClass(".main", "host-mode-height");
Helper.removeClass(".main", "host-mode-width");
Helper.removeClass("#video-container", "host-mode-height");
Helper.removeClass("#playlist", "host-mode-height");
Helper.css(".playlist-tabs-loggedIn", "display", "flex");
Helper.addClass("#wrapper", "tabs_height");
Helper.removeClass("#wrapper", "host-mode-wrapper");
Helper.css(".skip", "display", "block");
var removeElements = document.querySelectorAll(".list-remove");
for(var i = 0; i < removeElements.length; i++) {
removeElements[i].style.display = "block";
}
Helper.css("#fullscreen", "display", "block");
hostMode = false;
}
}
function get_list_listener(){
socket.on("get_list", function(){
var add = "";
@@ -707,7 +770,7 @@ function removeListener(type, element) {
delete dynamicListeners[type][element];
}
function toast(msg) {
function toast(msg, _class) {
switch(msg) {
case "other_list_pass":
msg = "The other list has a pass, can't import the songs..";
@@ -865,7 +928,8 @@ function toast(msg) {
break;
}
before_toast();
M.toast({ html: msg, displayLength: 4000});
var classes = _class == undefined ? "" : _class;
M.toast({ html: msg, displayLength: 4000, classes: classes});
}
function emit() {

3
server/public/assets/js/list.js
View File

@@ -1128,6 +1128,9 @@ var List = {
if(!embed) {
song.querySelector(".mobile-delete").remove();
}
if(hostMode) {
song.querySelector(".list-remove").style.display = "none";
}
song.querySelector(".list-title").innerText = video_title;
song.querySelector(".list-title").setAttribute("title", video_title);
song.querySelector(attr).setAttribute("data-video-id", video_id);

12
server/public/assets/js/listeners.js
View File

@@ -9,6 +9,7 @@ var videoSource;
var dynamicListeners = {};
var socket_connected = false;
var hasadmin = 0;
var hostMode = false;
var soundcloud_loading = false;
var buffering = false;
var list_html = document.querySelectorAll("#list-song-html").length > 0 ? document.querySelector("#list-song-html").innerHTML : undefined;
@@ -966,6 +967,12 @@ addListener("change", '.offline_switch_class', function()
change_offline(offline, !offline);
});
addListener("change", '.host_switch_class', function()
{
var host = document.getElementsByName("host_switch")[0].checked;
enable_host_mode(host);
});
addListener("change", '.conf', function(e)
{
this.preventDefault();
@@ -1443,6 +1450,11 @@ addListener("click", "#add-many", function(e){
});
addListener("click", ".vote-container", function(e, target){
if(hostMode) {
toast("Can't vote while in host mode!", "red lighten");
document.querySelector("#toast-container").setAttribute("style", "z-index: 99999999999 !important");
return;
}
var id = e.getAttribute("data-video-id");
List.vote(id, "pos");
});