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

Somewhat prettier css

Browse Source
This commit is contained in:
Kasper Rynning-Tønnesen
2019-07-26 10:23:55 +02:00
parent 6289f73844
commit bcb5641f90
28 changed files with 10802 additions and 8986 deletions
Download Patch File Download Diff File Expand all files Collapse all files

129
server/public/assets/js/mobileremote.js
View File

@@ -1,60 +1,89 @@
var Mobile_remote = {
id: "",
id: "",
get_input: function(value) {
if(Mobile_remote.id === "") {
Mobile_remote.set_id(value.toLowerCase());
} else {
Mobile_remote.set_channel(value.toLowerCase());
}
},
get_input: function(value) {
if (Mobile_remote.id === "") {
Mobile_remote.set_id(value.toLowerCase());
} else {
Mobile_remote.set_channel(value.toLowerCase());
}
},
set_id: function(id) {
Mobile_remote.id = id;
document.getElementById("pausebutton_remote").removeAttribute("disabled");
document.getElementById("skipbutton_remote").removeAttribute("disabled", false);
document.getElementById("playbutton_remote").removeAttribute("disabled", false);
document.getElementById("skipbutton_remote").removeAttribute("disabled", false);
document.getElementById("remote_channel").value = "";
document.getElementById("remote_channel").setAttribute("placeholder", "Change channel");
document.getElementById("remote_header").innerText = "Controlling " + id;
Helper.css("#volume-control-remote", "display", "inline-block");
document.querySelector(".slider-vol-mobile").setAttribute("style", "display: inline-block !important");
},
set_id: function(id) {
Mobile_remote.id = id;
document.getElementById("pausebutton_remote").removeAttribute("disabled");
document
.getElementById("skipbutton_remote")
.removeAttribute("disabled", false);
document
.getElementById("playbutton_remote")
.removeAttribute("disabled", false);
document
.getElementById("skipbutton_remote")
.removeAttribute("disabled", false);
document.getElementById("remote_channel").value = "";
document
.getElementById("remote_channel")
.setAttribute("placeholder", "Change channel");
document.getElementById("remote_header").innerText = "Controlling " + id;
Helper.css("#volume-control-remote", "display", "inline-block");
document
.querySelector(".slider-vol-mobile")
.setAttribute("style", "display: inline-block !important");
},
set_channel: function(channel_name) {
socket.emit("id", {id: Mobile_remote.id, type: "channel", value: channel_name});
},
set_channel: function(channel_name) {
socket.emit("id", {
id: Mobile_remote.id,
type: "channel",
value: channel_name
});
},
play_remote: function() {
socket.emit("id", {id: Mobile_remote.id, type: "play", value: "mock"});
},
play_remote: function() {
socket.emit("id", { id: Mobile_remote.id, type: "play", value: "mock" });
},
pause_remote: function() {
socket.emit("id", {id: Mobile_remote.id, type: "pause", value: "mock"});
},
pause_remote: function() {
socket.emit("id", { id: Mobile_remote.id, type: "pause", value: "mock" });
},
skip_remote: function() {
socket.emit("id", {id: Mobile_remote.id, type: "skip", value: "mock"});
},
skip_remote: function() {
socket.emit("id", { id: Mobile_remote.id, type: "skip", value: "mock" });
},
initiate_volume: function() {
var vol = 100;
document.getElementById("volume-control-remote").insertAdjacentHTML("beforeend", "<div class='volume-slid-remote'></div>");
document.getElementById("volume-control-remote").insertAdjacentHTML("beforeend", "<div class='volume-handle-remote'></div>");
Helper.css(".volume-slid-remote", "width", vol + "%");
Helper.css(".volume-handle-remote", "left", "calc(" + vol + "% - 1px)");
document.getElementById("volume-control-remote").addEventListener("touchstart", function(e) {
e.preventDefault();
Playercontrols.dragMouseDown(e);
}, false);
document.getElementById("volume-control-remote").addEventListener("touchmove", function(e) {
e.preventDefault();
Playercontrols.elementDrag(e);
}, false);
}
initiate_volume: function() {
var vol = 100;
document
.getElementById("volume-control-remote")
.insertAdjacentHTML(
"beforeend",
"<div class='volume-slid-remote'></div>"
);
document
.getElementById("volume-control-remote")
.insertAdjacentHTML(
"beforeend",
"<div class='volume-handle-remote'></div>"
);
Helper.css(".volume-slid-remote", "width", vol + "%");
Helper.css(".volume-handle-remote", "left", "calc(" + vol + "% - 1px)");
document.getElementById("volume-control-remote").addEventListener(
"touchstart",
function(e) {
e.preventDefault();
Playercontrols.dragMouseDown(e);
},
false
);
document.getElementById("volume-control-remote").addEventListener(
"touchmove",
function(e) {
e.preventDefault();
Playercontrols.elementDrag(e);
},
false
);
}
};