KevinMidboe/zoff
1
0
Fork 0
mirror of https://github.com/KevinMidboe/zoff.git synced 2025-10-29 01:40:24 +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

8
gulpfile.js
View File

@@ -6,7 +6,13 @@ var gulp = require("gulp"),
gulp.task("css", function() {
return gulp
.src("server/public/assets/css/style.css")
.src([
"server/public/assets/css/style.css",
"server/public/assets/css/globals.css",
"server/public/assets/css/animations.css",
"server/public/assets/css/mobile.css"
])
.pipe(concat("style.css"))
.pipe(cleanCSS({ compatibility: "ie8" }))
.pipe(gulp.dest("server/public/assets/dist"));
});

31
pm2.json
View File

@@ -1,16 +1,19 @@
{
"apps" : [
{
"name" : "zoff",
"script" : "./server/app.js",
"watch" : true,
"ignore_watch": ["./node_modules", "./server/public/assets/images/thumbnails"],
},
{
"name" : "gulp",
"script" : "./gulpfile.js",
"watch" : true,
"ignore_watch": ["./node_modules", "./server/"],
}
]
"apps": [
{
"name": "zoff",
"script": "./server/app.js",
"watch": true,
"ignore_watch": [
"./node_modules",
"./server/public/assets/images/thumbnails"
]
},
{
"name": "gulp",
"script": "./gulpfile.js",
"watch": true,
"ignore_watch": ["./node_modules", "./server/"]
}
]
}

4
server/VERSION.js
View File

@@ -1,5 +1,5 @@
VERSION = 6;
try {
module.exports = VERSION;
} catch(e) {}
module.exports = VERSION;
} catch (e) {}

14
server/models/user.js
View File

@@ -1,24 +1,24 @@
// app/models/user.js
// load the things we need
var mongoose = require('mongoose');
var bcrypt = require('bcrypt-nodejs');
var mongoose = require("mongoose");
var bcrypt = require("bcrypt-nodejs");
// define the schema for our user model
var userSchema = mongoose.Schema({
username : String,
password : String,
username: String,
password: String
});
// methods ======================
// generating a hash
userSchema.methods.generateHash = function(password) {
return bcrypt.hashSync(password, bcrypt.genSaltSync(8), null);
return bcrypt.hashSync(password, bcrypt.genSaltSync(8), null);
};
// checking if password is valid
userSchema.methods.validPassword = function(password) {
return bcrypt.compareSync(password, this.password);
return bcrypt.compareSync(password, this.password);
};
// create the model for users and expose it to our app
module.exports = mongoose.model('User', userSchema);
module.exports = mongoose.model("User", userSchema);

2051
server/public/assets/admin/authenticated/js/main.js
View File

File diff suppressed because it is too large Load Diff

46
server/public/assets/admin/not_authenticated/js/main.js
View File

@@ -1,21 +1,37 @@
window.addEventListener("DOMContentLoaded", function() {
document.getElementById("login_button").addEventListener("click", function(event) {
event.preventDefault();
document.querySelector("#login_form").submit();
document
.getElementById("login_button")
.addEventListener("click", function(event) {
event.preventDefault();
document.querySelector("#login_form").submit();
});
document.getElementById("login_form").addEventListener("submit", function(event) {
if(this.password.value == "" || this.username.value == ""){
e.preventDefault();
}
document
.getElementById("login_form")
.addEventListener("submit", function(event) {
if (this.password.value == "" || this.username.value == "") {
e.preventDefault();
}
});
if(window.location.pathname == "/signup/" || window.location.pathname == "/signup"){
document.querySelector("#login_form").insertAdjacentHTML("afterbegin", "<input type='text' name='token' placeholder='Token' required autocomplete='off' />");
document.querySelector("#login_form").setAttribute("action", "/signup");
}
if(window.location.hash == "#failed") {
window.location.hash = "";
M.toast({ html: "Couldn't find a user with that username or password..", displayLength: 4000, classes: "red lighten"});
}
if (
window.location.pathname == "/signup/" ||
window.location.pathname == "/signup"
) {
document
.querySelector("#login_form")
.insertAdjacentHTML(
"afterbegin",
"<input type='text' name='token' placeholder='Token' required autocomplete='off' />"
);
document.querySelector("#login_form").setAttribute("action", "/signup");
}
if (window.location.hash == "#failed") {
window.location.hash = "";
M.toast({
html: "Couldn't find a user with that username or password..",
displayLength: 4000,
classes: "red lighten"
});
}
});

63
server/public/assets/css/animations.css Normal file
View File

@@ -0,0 +1,63 @@
@keyframes snow {
0% {
background-position: 0px 0px, 0px 0px, 0px 0px;
}
100% {
background-position: 500px 500px, 400px 400px, 300px 300px;
}
}
@-moz-keyframes snow {
0% {
background-position: 0px 0px, 0px 0px, 0px 0px;
}
100% {
background-position: 500px 500px, 400px 400px, 300px 300px;
}
}
@-webkit-keyframes snow {
0% {
background-position: 0px 0px, 0px 0px, 0px 0px;
}
100% {
background-position: 500px 500px, 400px 400px, 300px 300px;
}
}
@-ms-keyframes snow {
0% {
background-position: 0px 0px, 0px 0px, 0px 0px;
}
100% {
background-position: 500px 500px, 400px 400px, 300px 300px;
}
}
/*
*
*
* Source: https://codepen.io/NickyCDK/pen/AIonk
*
*/
#snow {
pointer-events: none;
background: none;
font-family: Androgyne;
background-image: url("/assets/images/s1.png"), url("/assets/images/s2.png"),
url("/assets/images/s3.png");
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
-webkit-animation: snow 10s linear infinite;
-moz-animation: snow 10s linear infinite;
-ms-animation: snow 10s linear infinite;
animation: snow 10s linear infinite;
}
#snow.snow-channel {
z-index: 9999;
width: calc(100% - 0.75rem);
height: calc(100% - 32px);
}

476
server/public/assets/css/embed.css
View File

@@ -1,4 +1,4 @@
.card-image{
.card-image {
height: 100px;
width: 100px;
background-position: center;
@@ -7,58 +7,63 @@
}
.side_away {
-webkit-transition: all .3s !important;
-moz-transition: all .3s !important;
-o-transition: all .3s !important;
transition: all .3s !important;
-webkit-transition: all 0.3s !important;
-moz-transition: all 0.3s !important;
-o-transition: all 0.3s !important;
transition: all 0.3s !important;
}
.prev.playbar, .skip.playbar {
float: left;
font-size: 24px;
cursor: pointer;
height: 32px;
line-height: 31px;
padding-top: 3px;
.prev.playbar,
.skip.playbar {
float: left;
font-size: 24px;
cursor: pointer;
height: 32px;
line-height: 31px;
padding-top: 3px;
}
.site_loader {
position: absolute;
top: 0;
left: 0;
margin: auto;
bottom: 0;
right: 0;
background: rgba(0,0,0,.5);
display: flex;
align-items: center;
justify-content: center;
z-index: 9;
position: absolute;
top: 0;
left: 0;
margin: auto;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center;
z-index: 9;
}
.prev, .skip {
.prev,
.skip {
display: flex;
justify-content: center;
align-items: center;
}
#playpause, .prev.playbar, .skip.playbar {
padding: 0 2.5px;
#playpause,
.prev.playbar,
.skip.playbar {
padding: 0 2.5px;
}
.playbar-btn:hover {
background-color: rgba(0,0,0,.6);
color: hsla(0,0%,100%,.5);
background-color: rgba(0, 0, 0, 0.6);
color: hsla(0, 0%, 100%, 0.5);
}
.hide {
display: none!important;
display: none !important;
}
.playbar-btn {
cursor: pointer;
transition: background-color .2s;
cursor: pointer;
transition: background-color 0.2s;
}
#controls, .playbar {
color: #fff;
#controls,
.playbar {
color: #fff;
}
#player_loader_container {
@@ -84,7 +89,7 @@
padding-left: 20px;
display: flex;
align-items: center;
background: rgba(0,0,0,.7);
background: rgba(0, 0, 0, 0.7);
}
.soundcloud_info_container a {
@@ -92,7 +97,7 @@
}
.card {
cursor:pointer;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.04) !important;
}
@@ -115,34 +120,36 @@
}
.video_only {
width:100vw !important;
width: 100vw !important;
height: 100vh !important;
}
#player{
width:60vw;
#player {
width: 60vw;
height: calc(100vh - 32px);
padding-top: 51px;
}
#pageButtons{
#pageButtons {
text-align: center;
padding-top:15px;
padding-top: 15px;
display: flex;
justify-content: space-around;
}
.prev_page, .next_page{
.prev_page,
.next_page {
cursor: pointer;
}
#wrapper{
height:calc(100% - 46px);
#wrapper {
height: calc(100% - 46px);
}
.prev_page_hide, .next_page_hide{
.prev_page_hide,
.next_page_hide {
visibility: visible !important;
color:gray;
color: gray;
}
.list-song {
@@ -150,26 +157,27 @@
}
#list-song-html {
display:none;
display: none;
}
#song-title{
display:none;
#song-title {
display: none;
}
#zoffchannel{
display:none;
#zoffchannel {
display: none;
}
.list-image, .list-suggested-image{
.list-image,
.list-suggested-image {
width: 34%;
height: 66px;
float: left;
}
.list-image:after {
-webkit-transition: all .3s;
transition: all .3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
font-family: "Material Icons";
content: "thumb_up";
speak: none;
@@ -186,7 +194,7 @@
height: 100%;
top: 0;
left: 0;
background: rgba(0,0,0,0.8);
background: rgba(0, 0, 0, 0.8);
opacity: 0;
/* transition: all .1s ease; */
display: flex;
@@ -203,58 +211,64 @@
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
content: "\e625";/*"\e800";*/
color:white;
font-size:65px;
position:absolute;
width:100%; height:100%;
top:0; left:0;
background:rgba(0,0,0,0.8);
opacity:0;
transition: all .1s ease;
content: "\e625"; /*"\e800";*/
color: white;
font-size: 65px;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.8);
opacity: 0;
transition: all 0.1s ease;
}
.vote-container:hover .list-image:after, .add-suggested:hover .list-suggested-image:after {
opacity:1;
.vote-container:hover .list-image:after,
.add-suggested:hover .list-suggested-image:after {
opacity: 1;
}
.vote-span{
.vote-span {
opacity: 0.7;
padding: 0 0 0 10px;
color:white !important;
color: white !important;
}
.list-song{
.list-song {
background-color: rgba(255, 255, 255, 0.04);
color:white;
font:12px Arial,sans-serif;
-webkit-transition:height .3s;
-moz-transition:height .3s;
-o-transition:height .3s;
transition:height .3s;
height:66px;
color: white;
font: 12px Arial, sans-serif;
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
-o-transition: height 0.3s;
transition: height 0.3s;
height: 66px;
width: 100%;
}
.list-song .card-content{padding:0;}
.list-title{
font-size:13px !important;
display:block;
color:white;font-size:1em;
text-align:left;
.list-song .card-content {
padding: 0;
}
.list-title {
font-size: 13px !important;
display: block;
color: white;
font-size: 1em;
text-align: left;
padding: 0 10px 0 10px;
line-height: 2.6rem;
}
.card-image{cursor:pointer}
.card{
.card-image {
cursor: pointer;
}
.card {
margin: 2.5px 0 2.5px 0 !important;
}
.card:hover{
box-shadow: 0 5px 5px 0 rgba(0,0,0,0.16), 0 5px 10px 0 rgba(0,0,0,0.12);
.card:hover {
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.16), 0 5px 10px 0 rgba(0, 0, 0, 0.12);
}
#playlist{
#playlist {
height: 100vh;
width: 40vw;
overflow: hidden;
@@ -263,7 +277,7 @@
padding-top: 5px;
}
#zoffbutton{
#zoffbutton {
cursor: pointer;
background-image: url(/assets/images/z.svg);
width: 90px;
@@ -273,74 +287,75 @@
background-repeat: no-repeat;
}
.progress{background-color:rgba(0,0,0,0) !important;}
.indeterminate {
background-color:white !important;
.progress {
background-color: rgba(0, 0, 0, 0) !important;
}
#controls
{
.indeterminate {
background-color: white !important;
}
#controls {
background: inherit;
position: relative;
opacity:0;
height:32px;
width:60vw;
color:white;
margin-top:-5px;
opacity: 0;
height: 32px;
width: 60vw;
color: white;
margin-top: -5px;
}
#playpause, #duration, #volume-button
{
float:left;
color:white;
#playpause,
#duration,
#volume-button {
float: left;
color: white;
}
.margin-playbar {
margin-left: 10px;
}
#seekToDuration{
position: absolute;
background: #2d2d2d;
color:white;
padding: 10px 8px;
z-index: 2000;
background-color: #2d2d2d;
border-radius: 2px;
color: #fff;
min-height: 36px;
text-align: center;
max-width: calc(100% - 4px);
pointer-events: none;
#seekToDuration {
position: absolute;
background: #2d2d2d;
color: white;
padding: 10px 8px;
z-index: 2000;
background-color: #2d2d2d;
border-radius: 2px;
color: #fff;
min-height: 36px;
text-align: center;
max-width: calc(100% - 4px);
pointer-events: none;
}
#playpause, #volume-button
{
#playpause,
#volume-button {
font-size: 23px;
}
#playpause:hover, #volume-button:hover, #fullscreen:hover
{
color:rgba(255,255,255,0.5);
#playpause:hover,
#volume-button:hover,
#fullscreen:hover {
color: rgba(255, 255, 255, 0.5);
}
#fullscreen
{
float:right;
color:white;
margin-right:15px;
#fullscreen {
float: right;
color: white;
margin-right: 15px;
}
#duration, #viewers
{
margin-top:5px;
font-family:"Roboto", sans-serif;
font-weight:300;
margin-left:15px;
margin-right:10px;
#duration,
#viewers {
margin-top: 5px;
font-family: "Roboto", sans-serif;
font-weight: 300;
margin-left: 15px;
margin-right: 10px;
}
.channel-info-container {
@@ -349,7 +364,7 @@
position: absolute;
bottom: 50px;
left: 0px;
background: rgba(0,0,0,.5);
background: rgba(0, 0, 0, 0.5);
padding-left: 5px;
padding-right: 25px;
}
@@ -358,21 +373,22 @@
margin-left: -20px;
}
#viewers{
#viewers {
float: right;
display: flex;
align-items: center;
}
#play, #pause, #volume-button, #fullscreen
{
font-size:20px;
cursor:pointer;
#play,
#pause,
#volume-button,
#fullscreen {
font-size: 20px;
cursor: pointer;
}
.ui-slider-vertical {
width: .8em;
width: 0.8em;
height: 100px;
}
.ui-slider {
@@ -391,16 +407,16 @@
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
font-size: 0.7em;
display: block;
border: 0;
background-position: 0 0;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
left: -0.3em;
margin-left: 0;
margin-bottom: -.6em;
margin-bottom: -0.6em;
}
.ui-slider .ui-slider-handle {
position: absolute;
@@ -423,27 +439,27 @@
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
font-size: 0.7em;
display: block;
border: 0;
background-position: 0 0;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
top: -0.3em;
margin-left: -0.6em;
}
#volume {
border-radius: 10px;
cursor:pointer;
float:left;
cursor: pointer;
float: left;
position: relative;
left: 10px;
margin: 13px auto;
height:5px;
height: 5px;
width: 75px;
/*background-color:rgba(0, 0, 0, 0.5);*/
background:rgba(0, 0, 0, 0.5) 50% 50% repeat-x;
background: rgba(0, 0, 0, 0.5) 50% 50% repeat-x;
border: none;
outline: none;
/*border-radius: 2px;*/
@@ -486,7 +502,8 @@
display: none;
}
#volume .volume-handle.ui-state-active {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.01), 0 0 0 7px rgba(255,255,255,0.3);
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.01),
0 0 0 7px rgba(255, 255, 255, 0.3);
position: absolute;
width: 14px;
height: 14px;
@@ -494,10 +511,10 @@
background: #dadada;
}
#toast-container{
left:2%;
cursor:pointer;
width:70vw;
#toast-container {
left: 2%;
cursor: pointer;
width: 70vw;
display: flex;
flex-direction: column;
align-items: baseline;
@@ -509,29 +526,25 @@
cursor: pointer;
}
.play
{
.play {
background-size: auto;
width: 55px;
height: 27px;
}
.pause
{
.pause {
background-size: auto;
width: 55px;
height: 27px;
}
.hide
{
display:none !important;
.hide {
display: none !important;
}
#bar
{
height:100%;
background-color:rgba(0,0,0,0.5);
#bar {
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
html {
@@ -542,22 +555,24 @@ html {
background: inherit;
}
#pageButtons, #pageButtons a{
color:white !important;
#pageButtons,
#pageButtons a {
color: white !important;
width: 100%;
justify-content: space-evenly;
align-items: center;
}
#pageButtons a, #pageButtons span {
#pageButtons a,
#pageButtons span {
padding-left: 1px;
padding-right: 1px;
}
#pageNumber{
#pageNumber {
cursor: default;
color: white;
padding:0;
padding: 0;
display: inline-flex;
align-items: center;
height: 36px;
@@ -565,38 +580,50 @@ html {
width: 100%;
}
.prev_page, .next_page, .last_page, .first_page{
.prev_page,
.next_page,
.last_page,
.first_page {
cursor: pointer;
}
.prev_page_hide, .next_page_hide, .last_page_hide, .first_page_hide{
.prev_page_hide,
.next_page_hide,
.last_page_hide,
.first_page_hide {
visibility: visible !important;
color:gray;
cursor:default;
color: gray;
cursor: default;
height: 32px;
line-height: 36px;
width: 100%;
justify-content: center;
}
.prev_page_hide, .prev_page, .first_page, .first_page_hide{
padding:0 1px;
.prev_page_hide,
.prev_page,
.first_page,
.first_page_hide {
padding: 0 1px;
height: 32px;
line-height: 36px;
}
.next_page_hide, .next_page, .last_page, .last_page_hide{
padding:0 0px;
.next_page_hide,
.next_page,
.last_page,
.last_page_hide {
padding: 0 0px;
display: flex;
}
.first_page, .first_page_hide {
.first_page,
.first_page_hide {
padding: 0 0 0 10px;
}
.last_page, .last_page_hide {
.last_page,
.last_page_hide {
padding: 0 10px 0 0;
}
@@ -614,7 +641,7 @@ body {
position: absolute;
bottom: 0px;
left: 0px;
background: rgba(0,0,0,.7);
background: rgba(0, 0, 0, 0.7);
color: white;
padding: 0 5px;
}
@@ -623,7 +650,7 @@ body {
position: absolute;
z-index: 9;
color: white;
background: rgba(0,0,0,.5);
background: rgba(0, 0, 0, 0.5);
font-size: 1.5rem;
padding: 10px;
width: 60vw;
@@ -634,7 +661,7 @@ body {
display: none !important;
}
*/
#wrapper{
#wrapper {
background: inherit;
/*height: 94%;*/
}
@@ -645,44 +672,45 @@ display: none !important;
}
}
@media only screen and (max-width: 736px) and (max-width:500px), only screen and (max-device-width: 736px) and (orientation: landscape){
#player-container{
/*display: none;*/
position: absolute;
width: 100vw;
height: 200px;
bottom: 0px;
}
#controls {
width: 100vw;
margin-top: 0px;
}
@media only screen and (max-width: 736px) and (max-width: 500px),
only screen and (max-device-width: 736px) and (orientation: landscape) {
#player-container {
/*display: none;*/
position: absolute;
width: 100vw;
height: 200px;
bottom: 0px;
}
#controls {
width: 100vw;
margin-top: 0px;
}
#player {
width: 100vw;
height: 170px;
display: block;
}
#player {
width: 100vw;
height: 170px;
display: block;
}
#player_overlay {
position: relative;
width: 100vw;
margin-bottom: 0px;
}
#player_overlay {
position: relative;
width: 100vw;
margin-bottom: 0px;
}
#playlist {
width: 100vw;
height: calc(100vh - 208px);
}
#playlist {
width: 100vw;
height: calc(100vh - 208px);
}
#toast-container {
min-width: 96%;
bottom: auto;
}
#toast-container {
min-width: 96%;
bottom: auto;
}
#song-title {
width: 100vw;
font-size: 1.2rem;
top: calc(100vh - 200px);
}
#song-title {
width: 100vw;
font-size: 1.2rem;
top: calc(100vh - 200px);
}
}

4
server/public/assets/css/globals.css Normal file
View File

@@ -0,0 +1,4 @@
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-moz-tap-highlight-color: rgba(0, 0, 0, 0);
}

840
server/public/assets/css/mobile.css Normal file
View File

@@ -0,0 +1,840 @@
@media only screen and (max-width: 992px) {
nav .brand-logo {
left: 0%;
transform: translateX(0%);
-webkit-transform: translateX(0%);
padding-left: 0px;
}
.zbrand {
/*max-width: 35%;*/
}
}
@media (min-width: 600px),
(min-width: 961px),
(min-width: 1025px),
(min-width: 1281px) {
#controls {
background: none !important;
}
}
@media only screen and (max-width: 736px) and (max-width: 600px),
only screen and (max-device-width: 736px) and (orientation: landscape) {
.autocomplete-content.dropdown-content {
width: 95vw !important;
}
.mobile-overflow {
overflow: visible;
}
.footer-buttons,
.footer-buttons li a {
width: 100%;
}
#main-row {
margin-right: -3px !important;
background: inherit;
}
.admin_panel {
margin-top: 25px !important;
}
#suggestions {
height: auto !important;
/*padding-bottom: 0px;*/
}
.margin-playbar {
margin-left: 10px;
}
#chat-container {
height: calc(100vh - 48px - 64px - 120px);
margin-bottom: 18px;
}
#player_bottom_overlay {
top: 7px;
}
.mobile-delete {
height: 100%;
position: absolute;
display: flex;
justify-content: center;
align-items: center;
width: 60px;
top: 0px;
right: -60px;
/* overflow: visible; */
z-index: -99999999;
}
#main-container {
/*padding-bottom: 20px;*/
}
#fireplace_player {
display: none !important;
}
.addedJoinBox {
display: none;
}
#playbar {
display: block;
position: fixed;
bottom: 0px;
z-index: 1000;
left: 0;
right: 0;
}
.list-title {
width: 66%;
}
.hamburger-sidenav {
margin: 20px 10px 12px 10px;
}
#main_section_frontpage {
margin-top: -20px;
padding-top: 0px;
}
.delete_button,
.del_suggested,
.del_user_suggested {
bottom: -9px;
/* line-height: inherit; */
height: auto;
display: flex;
align-items: center;
border-top: none;
padding: 0px !important;
margin: 0px !important;
}
.vote-container:hover .list-image:after,
.add-suggested:hover .list-suggested-image:after {
opacity: 1;
content: "thumb_up";
}
.list-image:after,
.list-suggested-image:after {
content: none;
}
.delete_button .material-icons,
.del_suggested .material-icons,
.del_user_suggested .material-icons {
font-size: 2.5rem;
}
#remote-sidebar-buttons-container {
text-align: center;
}
.slider-vol-mobile {
display: none !important;
}
#frontpage-viewer-counter {
right: 56px;
width: 62px;
left: inherit;
text-align: right;
}
.brand-logo {
left: 0 !important;
padding-left: 0px !important;
-webkit-transform: translateX(0%) !important;
-moz-transform: translateX(0%) !important;
-ms-transform: translateX(0%) !important;
-o-transform: translateX(0%) !important;
transform: translateX(0%) !important;
}
#player_overlay {
height: calc(30vh);
bottom: -33px !important;
top: 7px;
width: 100vw;
height: 200px;
pointer-events: all;
display: none;
}
#wrapper {
min-height: 75px;
}
.click-through {
pointer-events: none;
}
.zicon {
height: 100%;
}
/*.list-remove{
margin-top:-68px;
}*/
#settings-bar {
overflow-x: hidden;
}
#remote-mobile-container {
margin-left: -7px;
}
#remote_channel {
color: #2d2d2d;
/*width:90%;*/
}
.show-only-mobile {
display: block;
}
#volume-control-remote {
display: none;
}
#remote_header {
color: #2d2d2d;
font-size: 1.5em;
padding: 10px;
text-align: center;
}
#all_chat,
#channelchat {
height: calc(100vh - 352px);
}
#fp-nav {
width: 100%;
}
#search-wrapper {
width: 100vw;
}
#search-wrapper:hover,
#song-title:hover {
/*background: inherit;*/
}
#toast-container {
left: 0% !important;
width: 100vw;
bottom: 55px;
}
.empty-inner-results {
height: 100vh !important;
}
#empty-results {
height: calc(100vh - 112px);
}
.search_input {
padding-right: 50px;
width: calc(100vw - 78px);
}
.playlist-tabs-loggedIn,
.playlist-tabs {
width: calc(100%) !important;
}
#wrapper.tabs_height {
height: calc(100vh - 48px - 64px - 134px);
overflow: initial;
}
.client-wrapper {
height: calc(100vh - 48px - 64px - 36px) !important;
}
/*.client-results-height {
margin-top: 50px !important;
}*/
.client-pagination-height {
height: 80px;
}
.brand-mobile {
padding-left: 0px !important;
}
#player {
height: calc(100%);
display: none;
width: 100vw;
}
.pointer-events-all-mobile {
pointer-events: all !important;
}
.small-display {
display: block !important;
}
.small-display-hide {
display: none !important;
}
.hide-on-small-only {
display: none;
}
#controls {
/*opacity: 1;*/
overflow: initial;
background-color: rgb(70, 70, 70);
height: 50px;
margin-top: inherit;
bottom: 0px;
position: fixed;
pointer-events: all;
-webkit-transition: background-color 0.5s ease;
-moz-transition: background-color 0.5s ease;
-o-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
}
#chat-container {
padding-left: 10px;
}
#play,
#pause,
#volume-button i,
#fullscreen i,
.castButton-unactive i,
.castButton-active i,
.playbar-btn i {
font-size: 31px;
font-size: 31px !important;
margin-top: 8px;
line-height: 31px;
}
.skip.playbar,
.prev.playbar,
#playpause {
padding-top: 0px;
height: 51px;
}
.castButton-unactive,
.castButton-active {
margin-right: 10px;
padding-right: 10px;
padding-left: 0px;
}
/*#volume{
display: none;
}*/
.volume-container {
position: absolute;
right: 0%;
width: 37px;
top: -127px;
height: 127px;
left: auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: inherit;
}
.volume-container-cast {
right: 39px;
}
#volume {
width: 10px;
height: 100px;
left: 0px;
}
.ui-widget-header {
background: rgb(255, 255, 255);
}
#viewers {
margin-top: 8px;
font-size: 20px;
font-weight: 400;
}
.footer-copyright {
margin-bottom: 10px;
}
#duration {
font-size: 20px;
font-weight: 400;
margin-top: 9px;
letter-spacing: -0.7px;
margin-left: 10px;
}
#volume-button {
float: right;
/* margin-right: 5px; */
padding-right: 3px;
margin-left: 0px;
padding-left: 3px;
height: 51px;
padding-top: 0px;
width: 37px;
}
#fullscreen {
float: right;
}
.castButton {
width: 39px;
height: 51px;
padding-top: 0em;
}
.label-for-mobile-frontpage {
display: initial;
width: auto !important;
margin-left: auto !important;
}
.mega {
background: white;
}
#bar {
background-color: rgba(0, 0, 0, 1);
}
.channel-finder .input-field {
padding: 0 0.75rem;
}
.mega form {
display: block;
width: auto;
margin-bottom: 0px;
}
.mega input {
color: black;
text-shadow: none;
margin-left: 0px !important;
padding-left: 0px !important;
}
.room-namer.autocomplete {
margin-left: 0px !important;
margin-top: auto !important;
}
#channel-share-modal {
width: 100%;
}
#autocomplete-input {
width: 100%;
border-bottom: 1px solid #9e9e9e !important;
}
#autocomplete-input::-webkit-input-placeholder {
/* WebKit browsers */
color: #fff;
}
#autocomplete-input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #fff;
opacity: 1;
}
#autocomplete-input::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #fff;
opacity: 1;
}
#autocomplete-input:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #fff;
}
.room-namer::-webkit-input-placeholder {
/*color:rgb(155, 155, 155) !important;*/
-webkit-transition: opacity 0.5s;
color: transparent !important;
}
#mega-background,
.mega h5,
#snow,
.pitch,
.channel-finder .input-field .prefix,
.listen-button {
display: none !important;
}
.channel-finder .input-field {
display: initial;
/* width: 69%; */
justify-content: center;
}
/*.mega {display:none;}*/
.mobile-search {
display: block;
}
.toast {
height: auto;
}
.remote-panel {
display: none;
}
.navbar-fixed,
#nav {
/*position: relative;*/
}
.navbar-fixed {
height: 100px;
margin-bottom: 25px;
}
.control-list {
position: absolute !important;
/*width: 120px;*/
}
.client-control-list {
width: auto;
}
.page-footer {
padding-top: 40px !important;
}
.padding-bottom-novideo {
padding-bottom: 40px;
}
.padding-bottom-extra {
padding-bottom: 210px;
}
.main,
#main-row,
.video-container,
#playlist {
height: auto !important;
margin-bottom: 2px;
margin-top: -6px;
}
.main {
max-width: 99%;
background: inherit;
}
#pageButtons {
margin-left: -11px;
width: 100vw;
position: relative;
padding-bottom: 3px;
}
#search_loader {
height: 56px;
}
#playlist {
/*margin-left: 10px;*/
background: inherit;
width: calc(100% - 10px);
overflow: hidden;
}
#player {
pointer-events: none;
margin-top: 7px;
}
.search-container,
.song-title {
background: inherit;
}
.row .col.s12 {
width: 100% !important;
}
#main-row.row #video-container.video-container {
position: fixed;
display: block !important;
width: 106vw !important;
height: 200px !important;
z-index: 10;
bottom: 55px;
}
#video-container.video-container.frontpage-player {
width: auto !important;
}
.chan {
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.42);
width: calc(100vw - 170px) !important;
max-width: calc(100% - 87.5px - 130px);
font-size: 2rem;
padding-right: 0px;
overflow: hidden;
/* display: block; */
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.chan-client {
max-width: calc(100% - 87.5px - 170px);
}
.control-list li a {
min-width: 0px;
width: 37px;
padding: 0 0 0 0px;
}
nav .zbrand {
-webkit-transform: initial;
transform: initial;
display: flex;
max-width: initial;
width: 100vw;
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12),
0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.title-container {
background-color: rgba(0, 0, 0, 0.1);
display: block;
top: 56px !important;
width: 100vw;
background: #2d2d2d;
}
.title-container li {
/*width: 100%;*/
}
#inner-results {
height: calc(100vh - 54px - 64px - 123px);
overflow-y: scroll;
overflow-x: hidden;
}
.thumb-and-info {
flex-direction: column;
}
.result_info {
opacity: 0.8;
margin-top: 0px;
height: 21px;
margin-right: 0px;
padding: 0px;
line-height: initial;
border-top-right-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
width: 55px;
margin-left: 10px;
margin-top: -16px;
}
.search_results {
margin-top: 45px;
background: #000;
}
.results-tabs .indicator {
margin-top: 50px;
}
#results,
#results_soundcloud {
background-color: #000;
margin-top: -8px;
}
#results {
max-height: calc(100vh - 165px);
}
#results_soundcloud {
height: calc(100vh - 64px - 54px);
}
#results_soundcloud #inner-results {
height: calc(100vh - 54px - 64px - 47px);
}
.result {
margin: 0;
width: 99%;
}
.result-get-more-info {
background: black;
position: absolute;
right: 0px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
width: 45px;
}
.result-info-no-buttons {
width: calc(100% - 200px);
}
.result-object {
-webkit-transform: translateX(0%);
transform: translateX(0%);
overflow: hidden;
}
.result {
-webkit-transition: margin 0.5s;
-moz-transition: margin 0.5s;
transition: margin 0.5s;
}
#user_password {
width: 80% !important;
}
#addToListInput {
top: -85px;
right: 35px;
}
#addToOtherList {
padding: 0 10px;
}
.result-object-slid {
/*-webkit-transform: translateX(calc(-100% + 45px)) !important;
transform: translateX(calc(-100% + 45px)) !important;*/
margin-left: -94%;
}
.result-start-end-container {
/*visibility: hidden;
pointer-events: none;*/
margin-left: 120%;
position: relative;
top: -10px;
}
.result-info-buttons {
margin-top: 20px;
width: 150px;
}
.result .search-title {
white-space: nowrap;
width: calc(100vw - 165px);
margin-top: -5px;
z-index: 9999;
}
.result img {
margin: -3px 10px;
height: 50px;
width: 88.88px;
}
.result .add-many {
margin-top: 15px;
}
}
@media only screen and (max-device-width: 736px) and (orientation: landscape) {
.video-container {
width: 315px !important;
/* height: auto !important; */
right: -5px;
bottom: 20px;
}
}
@media only screen and (max-width: 768px) {
#results {
background-color: #000;
/*margin-top:56px;*/
}
.title-container {
top: 64px;
top: 0px;
}
}
@media only screen and (min-width: 769px) {
.navbar-fixed {
height: 64px;
}
nav .zbrand {
/*display: inline-block;*/
/*top:-22px;*/
/*left:100px;*/
}
.title-container li {
/*width: 71%;*/
}
#wrapper {
height: 100%;
width: 100%;
overflow: auto;
opacity: 1;
overflow: hidden;
padding-right: 0.5rem !important;
}
#playlist {
/*padding:0px 15px;*/
height: 90%;
height: calc(100vh - 64px);
overflow: hidden;
padding-right: 0px;
/*padding-right: 0px;*/
/*padding:0px 0px 0px 0px;*/
}
}

5111
server/public/assets/css/style.css
View File

File diff suppressed because it is too large Load Diff

346
server/public/assets/html/callback.html
View File

@@ -1,177 +1,175 @@
<!DOCTYPE html>
<html>
<head>
<title>Zoff OAuth Callback</title>
<script src="https://connect.soundcloud.com/sdk/sdk-3.3.0.js"></script>
<script type="text/javascript" src="/assets/dist/callback.min.js"></script>
<meta charset="UTF-8"/>
<style>
@-webkit-keyframes uil-ring-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes uil-ring-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes uil-ring-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-ms-keyframes uil-ring-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes uil-ring-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes uil-ring-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes uil-ring-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes uil-ring-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.uil-ring-css {
background: none;
width: 190px;
height: 190px;
transform: scale(1);
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 0;
bottom: 0;
}
.uil-ring-css > div {
position: absolute;
width: 150px;
height: 150px;
border: 20px solid black;
border-radius: 50%;
border-bottom-color: transparent;
border-left-color: transparent;
transform: rotate(-45deg);'
-ms-animation: uil-ring-anim 1s linear infinite;
-moz-animation: uil-ring-anim 1s linear infinite;
-webkit-animation: uil-ring-anim 1s linear infinite;
-o-animation: uil-ring-anim 1s linear infinite;
animation: uil-ring-anim 1s linear infinite;
}
h4 {
text-align: center;
font-family: sans-serif;
font-size: 2rem;
}
</style>
</head>
<body>
<h4>Loading..</h4>
<div class="uil-ring-css" >
<div></div>
</div>
</body>
<head>
<title>Zoff OAuth Callback</title>
<script src="https://connect.soundcloud.com/sdk/sdk-3.3.0.js"></script>
<script type="text/javascript" src="/assets/dist/callback.min.js"></script>
<meta charset="UTF-8" />
<style>
@-webkit-keyframes uil-ring-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes uil-ring-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes uil-ring-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-ms-keyframes uil-ring-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes uil-ring-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes uil-ring-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes uil-ring-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes uil-ring-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.uil-ring-css {
background: none;
width: 190px;
height: 190px;
transform: scale(1);
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 0;
bottom: 0;
}
.uil-ring-css > div {
position: absolute;
width: 150px;
height: 150px;
border: 20px solid black;
border-radius: 50%;
border-bottom-color: transparent;
border-left-color: transparent;
transform: rotate(-45deg);'
-ms-animation: uil-ring-anim 1s linear infinite;
-moz-animation: uil-ring-anim 1s linear infinite;
-webkit-animation: uil-ring-anim 1s linear infinite;
-o-animation: uil-ring-anim 1s linear infinite;
animation: uil-ring-anim 1s linear infinite;
}
h4 {
text-align: center;
font-family: sans-serif;
font-size: 2rem;
}
</style>
</head>
<body>
<h4>Loading..</h4>
<div class="uil-ring-css"><div></div></div>
</body>
</html>

90
server/public/assets/html/offline.html
View File

File diff suppressed because one or more lines are too long

628
server/public/assets/js/admin.js
View File

@@ -1,291 +1,351 @@
var Admin = {
beginning: true,
logged_in: false,
beginning:true,
logged_in: false,
update_strict_skip: function(value) {
var form = document.getElementById("adminSettingsForm");
form.strictSkipNumber = value;
Admin.submitAdmin(form, false);
},
update_strict_skip: function(value) {
var form = document.getElementById("adminSettingsForm");
form.strictSkipNumber = value;
Admin.submitAdmin(form, false);
},
pw: function(msg) {
Admin.logged_in = msg;
if (!msg) return;
w_p = false;
M.Modal.init(document.getElementById("channel_info"));
if (Admin.logged_in) {
Helper.removeClass(".info_change_li", "hide");
Helper.removeClass("#user_suggests", "hide");
Helper.removeClass("#user-suggest-html", "hide");
if (
Helper.html(".suggested-badge") != "0" &&
Helper.html(".suggested-badge") != ""
) {
Helper.removeClass(".suggested-badge", "hide");
}
if (conf != undefined && conf.strictSkip) {
Helper.removeClass(".strict-skip-input", "hide");
}
} else {
Admin.hideUserSuggested();
Helper.addClass(".strict-skip-input", "hide");
}
Helper.removeClass(".delete-context-menu", "context-menu-disabled");
names = [
"vote",
"addsongs",
"longsongs",
"frontpage",
"allvideos",
"removeplay",
"skip",
"shuffle",
"userpass",
"toggleChat",
"strictSkip"
];
//Crypt.set_pass(chan.toLowerCase(), Crypt.tmp_pass);
pw: function(msg) {
Admin.logged_in = msg;
if(!msg) return;
w_p = false;
M.Modal.init(document.getElementById("channel_info"));
if(Admin.logged_in) {
Helper.removeClass(".info_change_li", "hide");
Helper.removeClass("#user_suggests", "hide");
Helper.removeClass("#user-suggest-html", "hide");
if(Helper.html(".suggested-badge") != "0" && Helper.html(".suggested-badge") != "") {
Helper.removeClass(".suggested-badge", "hide");
}
if(conf != undefined && conf.strictSkip) {
Helper.removeClass(".strict-skip-input", "hide");
}
} else {
Admin.hideUserSuggested();
Helper.addClass(".strict-skip-input", "hide");
}
Helper.removeClass(".delete-context-menu", "context-menu-disabled");
names = ["vote","addsongs","longsongs","frontpage", "allvideos",
"removeplay", "skip", "shuffle", "userpass", "toggleChat", "strictSkip"];
//Crypt.set_pass(chan.toLowerCase(), Crypt.tmp_pass);
for (var i = 0; i < names.length; i++) {
document.getElementsByName(names[i])[0].removeAttribute("disabled");
}
Helper.removeClass(".card-action", "hide");
Helper.addClass("#admin-lock", "clickable");
document.getElementById("admin-lock").innerHTML = "lock_open";
if(!Helper.mobilecheck()){
Helper.tooltip('#admin-lock', {
delay: 5,
position: "left",
html: "Logout"
});
}
document.getElementById("password").value = "";
document.getElementById("password").setAttribute("placeholder", "Change admin password");
Helper.removeClass(".user-password-li", "hide");
Helper.removeClass(".chat-toggle-li", "hide");
Helper.removeClass(".delete-all", "hide");
if(document.getElementsByClassName("password_protected")[0].checked) {
Helper.removeClass(".change_user_pass", "hide");
}
if(Helper.html("#admin-lock") != "lock_open"){
Helper.addClass("#admin-lock", "clickable");
document.getElementById("admin-lock").innerHTML = "lock_open";
if(!Helper.mobilecheck()){
Helper.tooltip('#admin-lock', {
delay: 5,
position: "left",
html: "Logout"
});
}
}
},
hideUserSuggested: function() {
Helper.addClass("#user_suggests", "hide")
Helper.addClass("#user-suggest-html", "hide");
Helper.addClass(".suggested-badge", "hide");
},
conf: function(msg) {
if(msg[0].adminpass == ""){
////Crypt.remove_pass(chan.toLowerCase());
}
Admin.set_conf(msg[0]);
if(msg[0].adminpass !== "" && Admin.beginning){
//emit("password", {password: Crypt.crypt_pass(Crypt.get_pass(chan.toLowerCase())), channel: chan.toLowerCase()});
Admin.beginning = false;
}
},
pass_save: function() {
if(!w_p) {
//emit('password', {password: Crypt.crypt_pass(CryptoJS.SHA256(document.getElementById("password").value).toString()), channel: chan.toLowerCase(), oldpass: Crypt.crypt_pass(Crypt.get_pass(chan.toLowerCase()))});
emit('password', {password: Crypt.crypt_pass(document.getElementById("password").value), channel: chan.toLowerCase()});
} else {
//emit('password', {password: Crypt.crypt_pass(CryptoJS.SHA256(document.getElementById("password").value).toString()), channel: chan.toLowerCase()});
emit('password', {password: Crypt.crypt_pass(document.getElementById("password").value), channel: chan.toLowerCase()});
}
},
log_out: function() {
before_toast();
/*if(Crypt.get_pass(chan.toLowerCase())) {*/
//Crypt.remove_pass(chan.toLowerCase());
if(Admin.logged_in) {
socket.emit("logout");
M.toast({html: "Logged out", displayLength: 4000});
Admin.display_logged_out();
} else {
M.toast({html: "Not logged in", displayLength: 4000});
}
},
display_logged_out: function() {
Admin.logged_in = false;
w_p = true;
adminpass = "";
names = ["vote","addsongs","longsongs","frontpage", "allvideos",
"removeplay", "skip", "shuffle", "toggleChat", "strictSkip"];
document.getElementById("password").value = "";
Helper.addClass(".info_change_li", "hide");
for (i = 0; i < names.length; i++) {
document.getElementsByName(names[i])[0].setAttribute("disabled", true);
}
if(Helper.html("#admin-lock") != "lock") {
if(!Helper.mobilecheck()) {
Helper.tooltip('#admin-lock', "destroy");
}
Helper.removeClass("#admin-lock", "clickable");
document.getElementById("admin-lock").innerHTML = "lock";
}
Helper.addClass(".strict-skip-input", "hide");
Helper.addClass(".user-password-li", "hide");
Helper.addClass(".chat-toggle-li", "hide");
Helper.addClass(".delete-all", "hide");
if(document.getElementsByClassName("password_protected")[0].checked) {
Helper.removeClass(".change_user_pass", "hide");
}
Helper.addClass(".change_user_pass", "hide");
Admin.hideUserSuggested();
Helper.removeClass("#admin-lock", "clickable");
document.getElementById("password").setAttribute("placeholder", "Enter admin password");
Helper.addClass(".delete-context-menu", "context-menu-disabled");
},
save: function(userpass) {
Admin.submitAdmin(document.getElementById("adminSettingsForm").elements, userpass);
},
set_conf: function(conf_array) {
conf = conf_array;
music = conf_array.allvideos;
longsongs = conf_array.longsongs;
names = ["vote","addsongs","longsongs","frontpage", "allvideos",
"removeplay", "skip", "shuffle", "userpass", "toggleChat", "strictSkip"];
if(!conf.hasOwnProperty("toggleChat")) conf.toggleChat = true;
toggleChat = conf.toggleChat;
hasadmin = conf_array.adminpass != "";
var show_disabled = true;
if(hasadmin && Admin.logged_in || !hasadmin) {
show_disabled = false;
}
for (var i = 0; i < names.length; i++) {
document.getElementsByName(names[i])[0].checked = (conf_array[names[i]] === true);
if(show_disabled) {
document.getElementsByName(names[i])[0].setAttribute("disabled", show_disabled);
} else {
document.getElementsByName(names[i])[0].removeAttribute("disabled");
}
}
document.getElementById("strict-input-number").value = conf.strictSkipNumber;
if((hasadmin) && !Admin.logged_in) {
if(Helper.html("#admin-lock") != "lock") Admin.display_logged_out();
} else if(!hasadmin) {
document.getElementById("password").setAttribute("placeholder", "Create admin password");
} else {
if(document.getElementsByClassName("password_protected")[0].checked) {
Helper.removeClass(".change_user_pass", "hide");
}
}
if(Admin.logged_in) {
if(conf != undefined && conf.strictSkip) {
Helper.removeClass(".strict-skip-input", "hide");
}
}
if(conf != undefined && !conf.strictSkip) {
Helper.addClass(".strict-skip-input", "hide");
}
if(!document.getElementsByClassName("password_protected")[0].checked) {
Helper.addClass(".change_user_pass", "hide");
//Crypt.remove_userpass(chan.toLowerCase());
}
var updated = false;
if(conf_array.thumbnail != undefined && conf_array.thumbnail != "") {
document.getElementById("thumbnail_image").innerHTML = "<img id='thumbnail_image_channel' src='" + conf_array.thumbnail + "' alt='thumbnail' />";
document.getElementById("thumbnail_input").value = conf_array.thumbnail;
updated = true;
}
if(conf_array.description != undefined && conf_array.description != "") {
document.getElementById("description_area").innerHTML = conf_array.description;
document.getElementById("description_input").value = conf_array.description;
updated = true;
}
if(conf_array.rules != undefined && conf_array.rules != "") {
var existingRules = document.querySelector(".rules-container");
if(existingRules) existingRules.remove();
var rules = conf_array.rules.split("\n");
var elementToAdd = "<li class='rules-container'><div class='row'><div class='col s10 offset-s1'><h4 class='center-align'>Rules</h4>";
for(var i = 0; i < rules.length; i++) {
elementToAdd += "<p class='initial-line-height'>" + rules[i] + "</p>";
}
elementToAdd += "</div></div>";
document.querySelector(".channel_info_container").insertAdjacentHTML("afterend", elementToAdd);
document.getElementById("rules_input").value = conf_array.rules;
updated = true;
}
if(updated) M.updateTextFields();
},
submitAdmin: function(form, userpass_changed) {
voting = form.vote.checked;
addsongs = form.addsongs.checked;
longsongs = form.longsongs.checked;
frontpage = form.frontpage.checked;
allvideos = form.allvideos.checked;
removeplay = form.removeplay.checked;
skipping = form.skip.checked;
shuffling = form.shuffle.checked;
toggleChat = form.toggleChat.checked;
strictSkip = form.strictSkip.checked;
if(form.strictSkipNumber) {
strictSkipNumber = form.strictSkipNumber;
} else {
strictSkipNumber = conf.strictSkipNumber;
}
var pass_send = userpass_changed && !form.userpass.checked ? "" : userpass;
configs = {
channel: chan.toLowerCase(),
voting: voting,
addsongs: addsongs,
longsongs: longsongs,
frontpage: frontpage,
allvideos: allvideos,
removeplay: removeplay,
adminpass: adminpass == "" ? "" : Crypt.crypt_pass(adminpass),
skipping: skipping,
shuffling: shuffling,
toggleChat: toggleChat,
strictSkip: strictSkip,
userpass: Crypt.crypt_pass(pass_send),
userpass_changed: userpass_changed,
strictSkipNumber: strictSkipNumber
};
emit("conf", configs);
},
hide_settings: function() {
var sidenavElem = document.getElementsByClassName("sidenav")[0];
M.Sidenav.getInstance(sidenavElem).close();
},
shuffle: function() {
if(!offline) {
//var u = Crypt.crypt_pass(Crypt.get_userpass(chan.toLowerCase()), true);
//if(u == undefined) u = "";
emit('shuffle', {channel: chan.toLowerCase()});
} else {
for(var x = 0; x < full_playlist.length; x++){
var num = Math.floor(Math.random()*1000000);
full_playlist[x].added = num;
}
List.sortList();
List.populate_list(full_playlist);
}
},
get_admin:function() {
return [w_p, hasadmin];
for (var i = 0; i < names.length; i++) {
document.getElementsByName(names[i])[0].removeAttribute("disabled");
}
Helper.removeClass(".card-action", "hide");
Helper.addClass("#admin-lock", "clickable");
document.getElementById("admin-lock").innerHTML = "lock_open";
if (!Helper.mobilecheck()) {
Helper.tooltip("#admin-lock", {
delay: 5,
position: "left",
html: "Logout"
});
}
document.getElementById("password").value = "";
document
.getElementById("password")
.setAttribute("placeholder", "Change admin password");
Helper.removeClass(".user-password-li", "hide");
Helper.removeClass(".chat-toggle-li", "hide");
Helper.removeClass(".delete-all", "hide");
if (document.getElementsByClassName("password_protected")[0].checked) {
Helper.removeClass(".change_user_pass", "hide");
}
if (Helper.html("#admin-lock") != "lock_open") {
Helper.addClass("#admin-lock", "clickable");
document.getElementById("admin-lock").innerHTML = "lock_open";
if (!Helper.mobilecheck()) {
Helper.tooltip("#admin-lock", {
delay: 5,
position: "left",
html: "Logout"
});
}
}
},
hideUserSuggested: function() {
Helper.addClass("#user_suggests", "hide");
Helper.addClass("#user-suggest-html", "hide");
Helper.addClass(".suggested-badge", "hide");
},
conf: function(msg) {
if (msg[0].adminpass == "") {
////Crypt.remove_pass(chan.toLowerCase());
}
Admin.set_conf(msg[0]);
if (msg[0].adminpass !== "" && Admin.beginning) {
//emit("password", {password: Crypt.crypt_pass(Crypt.get_pass(chan.toLowerCase())), channel: chan.toLowerCase()});
Admin.beginning = false;
}
},
pass_save: function() {
if (!w_p) {
//emit('password', {password: Crypt.crypt_pass(CryptoJS.SHA256(document.getElementById("password").value).toString()), channel: chan.toLowerCase(), oldpass: Crypt.crypt_pass(Crypt.get_pass(chan.toLowerCase()))});
emit("password", {
password: Crypt.crypt_pass(document.getElementById("password").value),
channel: chan.toLowerCase()
});
} else {
//emit('password', {password: Crypt.crypt_pass(CryptoJS.SHA256(document.getElementById("password").value).toString()), channel: chan.toLowerCase()});
emit("password", {
password: Crypt.crypt_pass(document.getElementById("password").value),
channel: chan.toLowerCase()
});
}
},
log_out: function() {
before_toast();
/*if(Crypt.get_pass(chan.toLowerCase())) {*/
//Crypt.remove_pass(chan.toLowerCase());
if (Admin.logged_in) {
socket.emit("logout");
M.toast({ html: "Logged out", displayLength: 4000 });
Admin.display_logged_out();
} else {
M.toast({ html: "Not logged in", displayLength: 4000 });
}
},
display_logged_out: function() {
Admin.logged_in = false;
w_p = true;
adminpass = "";
names = [
"vote",
"addsongs",
"longsongs",
"frontpage",
"allvideos",
"removeplay",
"skip",
"shuffle",
"toggleChat",
"strictSkip"
];
document.getElementById("password").value = "";
Helper.addClass(".info_change_li", "hide");
for (i = 0; i < names.length; i++) {
document.getElementsByName(names[i])[0].setAttribute("disabled", true);
}
if (Helper.html("#admin-lock") != "lock") {
if (!Helper.mobilecheck()) {
Helper.tooltip("#admin-lock", "destroy");
}
Helper.removeClass("#admin-lock", "clickable");
document.getElementById("admin-lock").innerHTML = "lock";
}
Helper.addClass(".strict-skip-input", "hide");
Helper.addClass(".user-password-li", "hide");
Helper.addClass(".chat-toggle-li", "hide");
Helper.addClass(".delete-all", "hide");
if (document.getElementsByClassName("password_protected")[0].checked) {
Helper.removeClass(".change_user_pass", "hide");
}
Helper.addClass(".change_user_pass", "hide");
Admin.hideUserSuggested();
Helper.removeClass("#admin-lock", "clickable");
document
.getElementById("password")
.setAttribute("placeholder", "Enter admin password");
Helper.addClass(".delete-context-menu", "context-menu-disabled");
},
save: function(userpass) {
Admin.submitAdmin(
document.getElementById("adminSettingsForm").elements,
userpass
);
},
set_conf: function(conf_array) {
conf = conf_array;
music = conf_array.allvideos;
longsongs = conf_array.longsongs;
names = [
"vote",
"addsongs",
"longsongs",
"frontpage",
"allvideos",
"removeplay",
"skip",
"shuffle",
"userpass",
"toggleChat",
"strictSkip"
];
if (!conf.hasOwnProperty("toggleChat")) conf.toggleChat = true;
toggleChat = conf.toggleChat;
hasadmin = conf_array.adminpass != "";
var show_disabled = true;
if ((hasadmin && Admin.logged_in) || !hasadmin) {
show_disabled = false;
}
for (var i = 0; i < names.length; i++) {
document.getElementsByName(names[i])[0].checked =
conf_array[names[i]] === true;
if (show_disabled) {
document
.getElementsByName(names[i])[0]
.setAttribute("disabled", show_disabled);
} else {
document.getElementsByName(names[i])[0].removeAttribute("disabled");
}
}
document.getElementById("strict-input-number").value =
conf.strictSkipNumber;
if (hasadmin && !Admin.logged_in) {
if (Helper.html("#admin-lock") != "lock") Admin.display_logged_out();
} else if (!hasadmin) {
document
.getElementById("password")
.setAttribute("placeholder", "Create admin password");
} else {
if (document.getElementsByClassName("password_protected")[0].checked) {
Helper.removeClass(".change_user_pass", "hide");
}
}
if (Admin.logged_in) {
if (conf != undefined && conf.strictSkip) {
Helper.removeClass(".strict-skip-input", "hide");
}
}
if (conf != undefined && !conf.strictSkip) {
Helper.addClass(".strict-skip-input", "hide");
}
if (!document.getElementsByClassName("password_protected")[0].checked) {
Helper.addClass(".change_user_pass", "hide");
//Crypt.remove_userpass(chan.toLowerCase());
}
var updated = false;
if (conf_array.thumbnail != undefined && conf_array.thumbnail != "") {
document.getElementById("thumbnail_image").innerHTML =
"<img id='thumbnail_image_channel' src='" +
conf_array.thumbnail +
"' alt='thumbnail' />";
document.getElementById("thumbnail_input").value = conf_array.thumbnail;
updated = true;
}
if (conf_array.description != undefined && conf_array.description != "") {
document.getElementById("description_area").innerHTML =
conf_array.description;
document.getElementById("description_input").value =
conf_array.description;
updated = true;
}
if (conf_array.rules != undefined && conf_array.rules != "") {
var existingRules = document.querySelector(".rules-container");
if (existingRules) existingRules.remove();
var rules = conf_array.rules.split("\n");
var elementToAdd =
"<li class='rules-container'><div class='row'><div class='col s10 offset-s1'><h4 class='center-align'>Rules</h4>";
for (var i = 0; i < rules.length; i++) {
elementToAdd += "<p class='initial-line-height'>" + rules[i] + "</p>";
}
elementToAdd += "</div></div>";
document
.querySelector(".channel_info_container")
.insertAdjacentHTML("afterend", elementToAdd);
document.getElementById("rules_input").value = conf_array.rules;
updated = true;
}
if (updated) M.updateTextFields();
},
submitAdmin: function(form, userpass_changed) {
voting = form.vote.checked;
addsongs = form.addsongs.checked;
longsongs = form.longsongs.checked;
frontpage = form.frontpage.checked;
allvideos = form.allvideos.checked;
removeplay = form.removeplay.checked;
skipping = form.skip.checked;
shuffling = form.shuffle.checked;
toggleChat = form.toggleChat.checked;
strictSkip = form.strictSkip.checked;
if (form.strictSkipNumber) {
strictSkipNumber = form.strictSkipNumber;
} else {
strictSkipNumber = conf.strictSkipNumber;
}
var pass_send = userpass_changed && !form.userpass.checked ? "" : userpass;
configs = {
channel: chan.toLowerCase(),
voting: voting,
addsongs: addsongs,
longsongs: longsongs,
frontpage: frontpage,
allvideos: allvideos,
removeplay: removeplay,
adminpass: adminpass == "" ? "" : Crypt.crypt_pass(adminpass),
skipping: skipping,
shuffling: shuffling,
toggleChat: toggleChat,
strictSkip: strictSkip,
userpass: Crypt.crypt_pass(pass_send),
userpass_changed: userpass_changed,
strictSkipNumber: strictSkipNumber
};
emit("conf", configs);
},
hide_settings: function() {
var sidenavElem = document.getElementsByClassName("sidenav")[0];
M.Sidenav.getInstance(sidenavElem).close();
},
shuffle: function() {
if (!offline) {
//var u = Crypt.crypt_pass(Crypt.get_userpass(chan.toLowerCase()), true);
//if(u == undefined) u = "";
emit("shuffle", { channel: chan.toLowerCase() });
} else {
for (var x = 0; x < full_playlist.length; x++) {
var num = Math.floor(Math.random() * 1000000);
full_playlist[x].added = num;
}
List.sortList();
List.populate_list(full_playlist);
}
},
get_admin: function() {
return [w_p, hasadmin];
}
};

158
server/public/assets/js/callback.js
View File

@@ -1,27 +1,49 @@
window.addEventListener("load", function() {
var query = getQueryHash(window.location.hash);
var redirect = window.location.protocol + "//" + window.location.hostname + "/api/oauth";
var client_id;
var response;
var scope;
var query = getQueryHash(window.location.hash);
var redirect =
window.location.protocol + "//" + window.location.hostname + "/api/oauth";
var client_id;
var response;
var scope;
if(query.spotify) {
client_id = "b934ecdd173648f5bcd38738af529d58";
response = "token";
scope = "playlist-read-private ugc-image-upload playlist-read-collaborative user-read-private playlist-modify-public playlist-modify-private";
state = query.nonce;
window.location.href = "https://accounts.spotify.com/authorize?client_id=" + client_id + "&scope=" + scope + "&show_dialog=false&response_type=" + response + "&redirect_uri=" + redirect + "&state=" + state;
if (query.spotify) {
client_id = "b934ecdd173648f5bcd38738af529d58";
response = "token";
scope =
"playlist-read-private ugc-image-upload playlist-read-collaborative user-read-private playlist-modify-public playlist-modify-private";
state = query.nonce;
window.location.href =
"https://accounts.spotify.com/authorize?client_id=" +
client_id +
"&scope=" +
scope +
"&show_dialog=false&response_type=" +
response +
"&redirect_uri=" +
redirect +
"&state=" +
state;
} else if (query.youtube) {
client_id =
"944988770273-butsmlr1aotlsskk8lmgvh0etqqekigf.apps.googleusercontent.com";
response = "token";
scope = "https://www.googleapis.com/auth/youtube";
state = query.nonce;
} else if (query.youtube) {
client_id = "944988770273-butsmlr1aotlsskk8lmgvh0etqqekigf.apps.googleusercontent.com";
response = "token";
scope = "https://www.googleapis.com/auth/youtube";
state = query.nonce;
//window.opener.callback(query);
window.location.href = "https://accounts.google.com/o/oauth2/v2/auth?client_id=" + client_id + "&response_type=" + response + "&state=" + state + "&redirect_uri=" + redirect + "&scope=" + scope;
} else if(query.soundcloud) {
/*
//window.opener.callback(query);
window.location.href =
"https://accounts.google.com/o/oauth2/v2/auth?client_id=" +
client_id +
"&response_type=" +
response +
"&state=" +
state +
"&redirect_uri=" +
redirect +
"&scope=" +
scope;
} else if (query.soundcloud) {
/*
SC.initialize({
client_id: api_key.soundcloud,
redirect_uri: 'https://zoff.me/api/oauth'
@@ -38,53 +60,61 @@ window.addEventListener("load", function() {
console.log(e);
});*/
var redirect_uri = encodeURIComponent("https://zoff.me/api/oauth");
var response_type = "code";
var scope = "non-expiring";
var state = query.nonce;
var url = "https://soundcloud.com/connect?client_id=" + api_key.soundcloud + "&redirect_uri=" + redirect_uri + "&state=" + state + "&display=page&response_type=code&scope=" + scope;
//console.log(url);
window.location.href = url;
var redirect_uri = encodeURIComponent("https://zoff.me/api/oauth");
var response_type = "code";
var scope = "non-expiring";
var state = query.nonce;
var url =
"https://soundcloud.com/connect?client_id=" +
api_key.soundcloud +
"&redirect_uri=" +
redirect_uri +
"&state=" +
state +
"&display=page&response_type=code&scope=" +
scope;
//console.log(url);
window.location.href = url;
} else {
var query_parameters;
if (window.location.search.length > 0) {
query_parameters = getQueryHash(window.location.search);
} else {
var query_parameters;
if(window.location.search.length > 0) {
query_parameters = getQueryHash(window.location.search);
} else {
query_parameters = getQueryHash(window.location.hash);
}
try {
window.opener.callback(query_parameters);
} catch(e) {
window.setTimeout(window.opener.SC_player.connectCallback, 1);
}
query_parameters = getQueryHash(window.location.hash);
}
try {
window.opener.callback(query_parameters);
} catch (e) {
window.setTimeout(window.opener.SC_player.connectCallback, 1);
}
}
});
function getQueryHash(url) {
if(window.location.search.length > 0) {
if(url.substring(url.length - 1) == "#") {
url = url.substring(0, url.length - 1);
}
var temp_arr = url.substring(1).split("&");
var done_obj = {};
var splitted;
for(var i in temp_arr) {
splitted = temp_arr[i].split("=");
if(splitted.length == 2) {
done_obj[splitted[0]] = splitted[1];
}
}
return done_obj;
} else {
var temp_arr = url.substring(1).split("&");
var done_obj = {};
var splitted;
for(var i in temp_arr) {
splitted = temp_arr[i].split("=");
if(splitted.length == 2) {
done_obj[splitted[0]] = splitted[1];
}
}
return done_obj;
if (window.location.search.length > 0) {
if (url.substring(url.length - 1) == "#") {
url = url.substring(0, url.length - 1);
}
var temp_arr = url.substring(1).split("&");
var done_obj = {};
var splitted;
for (var i in temp_arr) {
splitted = temp_arr[i].split("=");
if (splitted.length == 2) {
done_obj[splitted[0]] = splitted[1];
}
}
return done_obj;
} else {
var temp_arr = url.substring(1).split("&");
var done_obj = {};
var splitted;
for (var i in temp_arr) {
splitted = temp_arr[i].split("=");
if (splitted.length == 2) {
done_obj[splitted[0]] = splitted[1];
}
}
return done_obj;
}
}

504
server/public/assets/js/chat.js
View File

@@ -1,207 +1,311 @@
var Chat = {
channel_received: 0,
all_received: 0,
chat_admin_help: [
"/ban USERNAME REASON to ban user",
"/unban USERNAME to unban a user"
],
chat_help: [
"/login <new name> <password> to register and save a password for a nickname, or to log in with a password on a name.",
"/login <name> <new_password> <old_password> to change the password on a nickname",
"/logout to logout",
"/who to see the names of the people in the channel",
"Want your own icon besides your name? If you donate 5$ or more, we'll add a picture of your choosing (following our guidelines) besides your name!"
],
channel_received: 0,
all_received: 0,
chat_admin_help: [
"/ban USERNAME REASON to ban user",
"/unban USERNAME to unban a user"
],
chat_help: [
"/login <new name> <password> to register and save a password for a nickname, or to log in with a password on a name.",
"/login <name> <new_password> <old_password> to change the password on a nickname",
"/logout to logout",
"/who to see the names of the people in the channel",
"Want your own icon besides your name? If you donate 5$ or more, we'll add a picture of your choosing (following our guidelines) besides your name!"
],
namechange: function(data, first, initial) {
var input = data.split(" ");
if (input.length == 2) {
var name = input[0];
var password = input[1];
namechange: function(data, first, initial) {
var input = data.split(" ");
if(input.length == 2) {
var name = input[0];
var password = input[1];
password = Crypt.crypt_chat_pass(password);
socket.emit("namechange", {
name: name,
channel: chan.toLowerCase(),
password: password,
first: first
});
} else if (input.length == 3) {
var name = input[0];
var new_password = input[1];
var old_password = input[2];
password = Crypt.crypt_chat_pass(password);
socket.emit("namechange", {name: name, channel: chan.toLowerCase(), password: password, first: first});
} else if(input.length == 3) {
var name = input[0];
var new_password = input[1];
var old_password = input[2];
new_password = Crypt.crypt_chat_pass(new_password);
old_password = Crypt.crypt_chat_pass(old_password);
new_password = Crypt.crypt_chat_pass(new_password);
old_password = Crypt.crypt_chat_pass(old_password);
socket.emit("namechange", {name: name, channel: chan.toLowerCase(), new_password: new_password, old_password: old_password});
} else if(first) {
var to_send = {initial: initial, first: true};
if(chan != undefined && chan != "") {
to_send.channel = chan.toLowerCase();
}
socket.emit("namechange", to_send);
}
},
removename: function() {
socket.emit("removename", {channel: chan.toLowerCase()});
Crypt.remove_name();
},
chat: function(data) {
if(data.value.length > 150) return;
if(data.value.startsWith("/name ") || data.value.startsWith("/removename")) {
data.value = "/help";
Chat.chat(data);
return;
} else if(data.value.startsWith("/login ")){
Chat.namechange(data.value.substring(7), false);
} else if(data.value.startsWith("/help")) {
var add = "";
if(document.querySelector(".chat-tab-li a.active").getAttribute("href") == "#all_chat"){
if(document.querySelector("#chatall").children.length > 100) {
document.querySelector("#chatall").children[0].remove()
}
add = "chatall";
} else {
if(document.querySelector("#chatchannel").children.length > 100) {
document.querySelector("#chatchannel").children[0].remove()
}
add = "chatchannel";
}
var help = Chat.chat_help;
if(Admin.logged_in) help = help.concat(Chat.chat_admin_help);
for(var x = 0; x < help.length; x++) {
var color = Helper.intToARGB(Helper.hashCode("System"));
if(color.length < 6) {
for(x = color.length; x < 6; x++) {
color = "0" + color;
}
}
var _time = new Date();
var time = Helper.pad(_time.getHours()) + ":" + Helper.pad(_time.getMinutes());
color = Helper.hexToRgb(color.substring(0,6));
var color_temp = Helper.rgbToHsl([color.r, color.g, color.b], false);
document.querySelector("#" + add).insertAdjacentHTML("beforeend", "<li title='Zoff''><span class='time_color'>" + time + "</span> <img class='chat-icon' src='https://zoff.me/assets/images/favicon-32x32.png' alt='System'><span style='color:" + color_temp + ";'>System</span>: </li>");
var in_text = document.createTextNode(help[x]);
document.querySelector("#" + add).children[document.querySelector("#" + add).children.length - 1].appendChild(in_text);
document.getElementById("" + add).scrollTop = document.getElementById("" + add).scrollHeight;
}
} else if(data.value.startsWith("/logout")) {
Chat.removename();
} else if(document.querySelector(".chat-tab-li a.active").getAttribute("href") == "#all_chat") {
socket.emit("all,chat", {channel: chan.toLowerCase(), data: data.value});
} else {
socket.emit("chat", {channel: chan.toLowerCase(), data: data.value});
}
data.value = "";
return;
},
createChatElement: function(allchat, channel, time, icon, color, from, message) {
var liElement = document.createElement("li");
liElement.innerHTML += "<span class='time_color'>" + time + "</span> " + icon;
var nameElement = document.createElement("span");
nameElement.innerText = from;
nameElement.style.color = color;
liElement.appendChild(nameElement);
if(allchat) {
liElement.title = channel;
liElement.innerHTML += "<span class='channel-info-all-chat'> " + channel + "</span>";
}
var in_text = document.createTextNode(message);
liElement.appendChild(in_text);
return liElement;
},
allchat: function(inp, time_sent, disable_blink) {
if(inp.msg.substring(0,1) == ":" && !chat_active && !disable_blink) {
Chat.all_received += 1;
document.querySelector("#favicon").getAttribute("href", "/assets/images/highlogo.png");
unseen = true;
chat_unseen = true;
Helper.removeClass(document.querySelector(".chat-link span.badge.new.white"), "hide");
var to_display = Chat.channel_received + Chat.all_received > 9 ? "9+" : Chat.channel_received + Chat.all_received;
Helper.setHtml(document.querySelector(".chat-link span.badge.new.white"), to_display);
}
if(document.hidden) {
document.getElementById("favicon").setAttribute("href", "/assets/images/highlogo.png");
}
if(document.querySelector("#chatall").children.length > 100) {
document.querySelector("#chatall").children[0].remove()
}
var color = Helper.intToARGB(Helper.hashCode(inp.from));
if(color.length < 6) {
for(x = color.length; x < 6; x++){
color = "0" + color;
}
}
var icon_add = "";
if(inp.hasOwnProperty("icon") && inp.icon !== false && inp.icon != "") {
icon_add = "<img class='chat-icon' src='" + inp.icon + "' alt='" + inp.from + "'>";
}
color = Helper.hexToRgb(color.substring(0,6));
var color_temp = Helper.rgbToHsl([color.r, color.g, color.b], false);
var _time = new Date();
if(time_sent) {
_time = new Date(time_sent);
}
var time = Helper.pad(_time.getHours()) + ":" + Helper.pad(_time.getMinutes());
var element = Chat.createChatElement(true, Helper.decodeChannelName(inp.channel), time, icon_add, color_temp, inp.from, inp.msg);
//document.querySelector("#chatall").insertAdjacentHTML("beforeend", element);
document.querySelector("#chatall").appendChild(element);
if(!userscroll) {
programscroll = true;
document.getElementById("chatall").scrollTop = document.getElementById("chatall").scrollHeight;
programscroll = false;
}
},
channelchat: function(data, time_sent, disable_blink) {
if(data.msg.substring(0,1) == ":" && !chat_active && !disable_blink && data.from.toLowerCase() != "system") {
document.querySelector("#favicon").setAttribute("href", "/assets/images/highlogo.png");
unseen = true;
chat_unseen = true;
Chat.channel_received += 1;
//blink_interval = setTimeout(Chat.chat_blink, 1000);
Helper.removeClass(document.querySelector(".chat-link span.badge.new.white"), "hide");
var to_display = Chat.channel_received + Chat.all_received > 9 ? "9+" : Chat.channel_received + Chat.all_received;
Helper.setHtml(document.querySelector(".chat-link span.badge.new.white"), to_display);
}
if(document.querySelector("#chatchannel").children.length > 100) {
document.querySelector("#chatchannel").children[0].remove()
}
var icon_add = "";
if(data.hasOwnProperty("icon") && data.icon !== false && data.icon != "") {
icon_add = "<img class='chat-icon' src='" + data.icon + "' alt='" + data.from + "'>";
}
var color = Helper.intToARGB(Helper.hashCode(data.from));
if(color.length < 6) {
for(x = color.length; x < 6; x++) {
color = "0" + color;
}
}
color = Helper.hexToRgb(color.substring(0,6));
var color_temp = Helper.rgbToHsl([color.r, color.g, color.b], false);
var _time = new Date();
if(time_sent) {
_time = new Date(time_sent);
}
var time = Helper.pad(_time.getHours()) + ":" + Helper.pad(_time.getMinutes());
//document.querySelector("#chatchannel").insertAdjacentHTML("beforeend", "<li><span class='time_color'>" + time + "</span> " + icon_add + "<span style='color:"+color_temp+";'>"+data.from+"</span></li>");
//var in_text = document.createTextNode(data.msg);
//document.querySelector("#chatchannel").children[document.querySelector("#chatchannel").children.length - 1].appendChild(in_text);
var element = Chat.createChatElement(false, null, time, icon_add, color_temp, data.from, data.msg);
//document.querySelector("#chatall").insertAdjacentHTML("beforeend", element);
document.querySelector("#chatchannel").appendChild(element);
if(!userscroll) {
programscroll = true;
document.getElementById("chatchannel").scrollTop = document.getElementById("chatchannel").scrollHeight;
programscroll = false;
}
socket.emit("namechange", {
name: name,
channel: chan.toLowerCase(),
new_password: new_password,
old_password: old_password
});
} else if (first) {
var to_send = { initial: initial, first: true };
if (chan != undefined && chan != "") {
to_send.channel = chan.toLowerCase();
}
socket.emit("namechange", to_send);
}
},
removename: function() {
socket.emit("removename", { channel: chan.toLowerCase() });
Crypt.remove_name();
},
chat: function(data) {
if (data.value.length > 150) return;
if (
data.value.startsWith("/name ") ||
data.value.startsWith("/removename")
) {
data.value = "/help";
Chat.chat(data);
return;
} else if (data.value.startsWith("/login ")) {
Chat.namechange(data.value.substring(7), false);
} else if (data.value.startsWith("/help")) {
var add = "";
if (
document.querySelector(".chat-tab-li a.active").getAttribute("href") ==
"#all_chat"
) {
if (document.querySelector("#chatall").children.length > 100) {
document.querySelector("#chatall").children[0].remove();
}
add = "chatall";
} else {
if (document.querySelector("#chatchannel").children.length > 100) {
document.querySelector("#chatchannel").children[0].remove();
}
add = "chatchannel";
}
var help = Chat.chat_help;
if (Admin.logged_in) help = help.concat(Chat.chat_admin_help);
for (var x = 0; x < help.length; x++) {
var color = Helper.intToARGB(Helper.hashCode("System"));
if (color.length < 6) {
for (x = color.length; x < 6; x++) {
color = "0" + color;
}
}
var _time = new Date();
var time =
Helper.pad(_time.getHours()) + ":" + Helper.pad(_time.getMinutes());
color = Helper.hexToRgb(color.substring(0, 6));
var color_temp = Helper.rgbToHsl([color.r, color.g, color.b], false);
document
.querySelector("#" + add)
.insertAdjacentHTML(
"beforeend",
"<li title='Zoff''><span class='time_color'>" +
time +
"</span> <img class='chat-icon' src='https://zoff.me/assets/images/favicon-32x32.png' alt='System'><span style='color:" +
color_temp +
";'>System</span>: </li>"
);
var in_text = document.createTextNode(help[x]);
document
.querySelector("#" + add)
.children[
document.querySelector("#" + add).children.length - 1
].appendChild(in_text);
document.getElementById("" + add).scrollTop = document.getElementById(
"" + add
).scrollHeight;
}
} else if (data.value.startsWith("/logout")) {
Chat.removename();
} else if (
document.querySelector(".chat-tab-li a.active").getAttribute("href") ==
"#all_chat"
) {
socket.emit("all,chat", {
channel: chan.toLowerCase(),
data: data.value
});
} else {
socket.emit("chat", { channel: chan.toLowerCase(), data: data.value });
}
data.value = "";
return;
},
createChatElement: function(
allchat,
channel,
time,
icon,
color,
from,
message
) {
var liElement = document.createElement("li");
liElement.innerHTML +=
"<span class='time_color'>" + time + "</span> " + icon;
var nameElement = document.createElement("span");
nameElement.innerText = from;
nameElement.style.color = color;
liElement.appendChild(nameElement);
if (allchat) {
liElement.title = channel;
liElement.innerHTML +=
"<span class='channel-info-all-chat'> " + channel + "</span>";
}
var in_text = document.createTextNode(message);
liElement.appendChild(in_text);
return liElement;
},
allchat: function(inp, time_sent, disable_blink) {
if (inp.msg.substring(0, 1) == ":" && !chat_active && !disable_blink) {
Chat.all_received += 1;
document
.querySelector("#favicon")
.getAttribute("href", "/assets/images/highlogo.png");
unseen = true;
chat_unseen = true;
Helper.removeClass(
document.querySelector(".chat-link span.badge.new.white"),
"hide"
);
var to_display =
Chat.channel_received + Chat.all_received > 9
? "9+"
: Chat.channel_received + Chat.all_received;
Helper.setHtml(
document.querySelector(".chat-link span.badge.new.white"),
to_display
);
}
if (document.hidden) {
document
.getElementById("favicon")
.setAttribute("href", "/assets/images/highlogo.png");
}
if (document.querySelector("#chatall").children.length > 100) {
document.querySelector("#chatall").children[0].remove();
}
var color = Helper.intToARGB(Helper.hashCode(inp.from));
if (color.length < 6) {
for (x = color.length; x < 6; x++) {
color = "0" + color;
}
}
var icon_add = "";
if (inp.hasOwnProperty("icon") && inp.icon !== false && inp.icon != "") {
icon_add =
"<img class='chat-icon' src='" + inp.icon + "' alt='" + inp.from + "'>";
}
color = Helper.hexToRgb(color.substring(0, 6));
var color_temp = Helper.rgbToHsl([color.r, color.g, color.b], false);
var _time = new Date();
if (time_sent) {
_time = new Date(time_sent);
}
var time =
Helper.pad(_time.getHours()) + ":" + Helper.pad(_time.getMinutes());
var element = Chat.createChatElement(
true,
Helper.decodeChannelName(inp.channel),
time,
icon_add,
color_temp,
inp.from,
inp.msg
);
//document.querySelector("#chatall").insertAdjacentHTML("beforeend", element);
document.querySelector("#chatall").appendChild(element);
if (!userscroll) {
programscroll = true;
document.getElementById("chatall").scrollTop = document.getElementById(
"chatall"
).scrollHeight;
programscroll = false;
}
},
channelchat: function(data, time_sent, disable_blink) {
if (
data.msg.substring(0, 1) == ":" &&
!chat_active &&
!disable_blink &&
data.from.toLowerCase() != "system"
) {
document
.querySelector("#favicon")
.setAttribute("href", "/assets/images/highlogo.png");
unseen = true;
chat_unseen = true;
Chat.channel_received += 1;
//blink_interval = setTimeout(Chat.chat_blink, 1000);
Helper.removeClass(
document.querySelector(".chat-link span.badge.new.white"),
"hide"
);
var to_display =
Chat.channel_received + Chat.all_received > 9
? "9+"
: Chat.channel_received + Chat.all_received;
Helper.setHtml(
document.querySelector(".chat-link span.badge.new.white"),
to_display
);
}
if (document.querySelector("#chatchannel").children.length > 100) {
document.querySelector("#chatchannel").children[0].remove();
}
var icon_add = "";
if (data.hasOwnProperty("icon") && data.icon !== false && data.icon != "") {
icon_add =
"<img class='chat-icon' src='" +
data.icon +
"' alt='" +
data.from +
"'>";
}
var color = Helper.intToARGB(Helper.hashCode(data.from));
if (color.length < 6) {
for (x = color.length; x < 6; x++) {
color = "0" + color;
}
}
color = Helper.hexToRgb(color.substring(0, 6));
var color_temp = Helper.rgbToHsl([color.r, color.g, color.b], false);
var _time = new Date();
if (time_sent) {
_time = new Date(time_sent);
}
var time =
Helper.pad(_time.getHours()) + ":" + Helper.pad(_time.getMinutes());
//document.querySelector("#chatchannel").insertAdjacentHTML("beforeend", "<li><span class='time_color'>" + time + "</span> " + icon_add + "<span style='color:"+color_temp+";'>"+data.from+"</span></li>");
//var in_text = document.createTextNode(data.msg);
//document.querySelector("#chatchannel").children[document.querySelector("#chatchannel").children.length - 1].appendChild(in_text);
var element = Chat.createChatElement(
false,
null,
time,
icon_add,
color_temp,
data.from,
data.msg
);
//document.querySelector("#chatall").insertAdjacentHTML("beforeend", element);
document.querySelector("#chatchannel").appendChild(element);
if (!userscroll) {
programscroll = true;
document.getElementById(
"chatchannel"
).scrollTop = document.getElementById("chatchannel").scrollHeight;
programscroll = false;
}
}
};

457
server/public/assets/js/crypt.js
View File

@@ -1,89 +1,108 @@
var Crypt = {
conf_pass: undefined,
user_pass: undefined,
tmp_pass_user: "",
tmp_pass: "",
conf_pass: undefined,
user_pass: undefined,
tmp_pass_user: "",
tmp_pass: "",
init: function() {
if (window.location.pathname != "/") {
if (location.protocol != "https:") {
document.cookie =
chan.toLowerCase() +
"=;path=/" +
chan.toLowerCase() +
";expires=" +
new Date(0).toUTCString();
} else {
document.cookie =
chan.toLowerCase() +
"=;path=/" +
chan.toLowerCase() +
";secure;expires=" +
new Date(0).toUTCString();
}
}
init: function() {
try {
conf_arr = Crypt.decrypt(Crypt.getCookie("_opt"), "_opt");
} catch (err) {
conf_arr = Crypt.decrypt(Crypt.create_cookie("_opt"), "_opt");
}
if(window.location.pathname != "/") {
if (location.protocol != "https:") {
document.cookie = chan.toLowerCase() + '=;path=/' + chan.toLowerCase() + ';expires=' + new Date(0).toUTCString();
} else {
document.cookie = chan.toLowerCase() + '=;path=/' + chan.toLowerCase() + ';secure;expires=' + new Date(0).toUTCString();
}
if (window.location.pathname != "/") {
change_intelligent(Crypt.get_intelligent_list_enabled());
if (!conf_arr.hasOwnProperty("color")) {
Crypt.set_background_color("dynamic", true);
} else {
document.querySelector(".backround_switch_class").checked =
conf_arr.color == "dynamic";
if (conf_arr.color != "dynamic") {
Helper.removeClass(".background_color_container", "hide");
document.querySelector("#background_color_choser").value =
conf_arr.color;
}
}
Hostcontroller.change_enabled(conf_arr.remote);
if (conf_arr.width != 100) Player.set_width(conf_arr.width);
}
},
try {
conf_arr = Crypt.decrypt(Crypt.getCookie("_opt"), "_opt");
} catch(err) {
conf_arr = Crypt.decrypt(Crypt.create_cookie("_opt"), "_opt");
}
set_background_color: function(value, first) {
conf_arr.color = value;
if (value != "dynamic" && !first) {
Helper.css("#main-container", "background-color", value);
Helper.css("#nav", "background-color", value);
Helper.css(".title-container", "background-color", value);
document
.querySelector("meta[name=theme-color]")
.setAttribute("content", value);
Helper.css("#controls", "background", value);
} else if (!first) {
var url = "https://img.youtube.com/vi/" + Player.np.id + "/mqdefault.jpg";
if (videoSource == "soundcloud") url = Player.np.thumbnail;
getColor(url);
}
Crypt.encrypt(conf_arr, "_opt");
},
if(window.location.pathname != "/") {
change_intelligent(Crypt.get_intelligent_list_enabled());
if(!conf_arr.hasOwnProperty("color")) {
Crypt.set_background_color("dynamic", true);
} else {
document.querySelector(".backround_switch_class").checked = conf_arr.color == "dynamic";
if(conf_arr.color != "dynamic") {
Helper.removeClass(".background_color_container", "hide");
document.querySelector("#background_color_choser").value = conf_arr.color;
}
}
Hostcontroller.change_enabled(conf_arr.remote);
if(conf_arr.width != 100) Player.set_width(conf_arr.width);
}
},
get_background_color: function(value) {
if (!conf_arr.hasOwnProperty("color")) {
Crypt.set_background_color("dynamic");
}
return conf_arr.color;
},
set_background_color: function(value, first) {
conf_arr.color = value;
if(value != "dynamic" && !first) {
Helper.css("#main-container", "background-color", value);
Helper.css("#nav", "background-color", value);
Helper.css(".title-container", "background-color", value);
document.querySelector("meta[name=theme-color]").setAttribute("content", value);
Helper.css("#controls", "background", value);
} else if(!first){
var url = 'https://img.youtube.com/vi/'+Player.np.id+'/mqdefault.jpg';
if(videoSource == "soundcloud") url = Player.np.thumbnail;
getColor(url);
}
Crypt.encrypt(conf_arr, "_opt");
},
get_intelligent_list_enabled: function() {
if (conf_arr.hasOwnProperty("intelligent")) {
return conf_arr.intelligent;
} else {
conf_arr.intelligent = false;
Crypt.encrypt(conf_arr, "_opt");
return false;
}
},
get_background_color: function(value) {
if(!conf_arr.hasOwnProperty("color")) {
Crypt.set_background_color("dynamic");
}
return conf_arr.color;
},
set_intelligent_list_enabled: function(enabled) {
conf_arr.intelligent = enabled;
if (Helper.mobilecheck()) {
intelligentList = enabled;
}
Crypt.encrypt(conf_arr, "_opt");
},
get_intelligent_list_enabled: function() {
if(conf_arr.hasOwnProperty("intelligent")) {
return conf_arr.intelligent;
} else {
conf_arr.intelligent = false;
Crypt.encrypt(conf_arr, "_opt");
return false;
}
},
set_intelligent_list_enabled: function(enabled) {
conf_arr.intelligent = enabled;
if(Helper.mobilecheck()) {
intelligentList = enabled;
}
Crypt.encrypt(conf_arr, "_opt");
},
decrypt: function(cookie, name) {
if(Crypt.getCookie(name) === undefined) {
cookie = Crypt.create_cookie(name);
}
if(cookie == undefined && name == "_opt") return {"volume":100,"width":100,"remote":true,"name":"","offline":false};
/*var key = btoa("0103060703080703080701") + btoa("0103060703080703080701");
decrypt: function(cookie, name) {
if (Crypt.getCookie(name) === undefined) {
cookie = Crypt.create_cookie(name);
}
if (cookie == undefined && name == "_opt")
return {
volume: 100,
width: 100,
remote: true,
name: "",
offline: false
};
/*var key = btoa("0103060703080703080701") + btoa("0103060703080703080701");
key = key.substring(0,32);
key = btoa(key);
var decrypted = CryptoJS.AES.decrypt(
@@ -94,13 +113,13 @@ var Crypt = {
}
);*/
//return $.parseJSON(decrypted.toString(CryptoJS.enc.Utf8));
return JSON.parse(atob(cookie));
},
//return $.parseJSON(decrypted.toString(CryptoJS.enc.Utf8));
return JSON.parse(atob(cookie));
},
decrypt_pass: function(pass) {
if(socket) {
/*var key = btoa(socket.id) + btoa(socket.id);
decrypt_pass: function(pass) {
if (socket) {
/*var key = btoa(socket.id) + btoa(socket.id);
key = key.substring(0,32);
key = btoa(key);
var decrypted = CryptoJS.AES.decrypt(
@@ -111,13 +130,14 @@ var Crypt = {
}
);
return decrypted.toString(CryptoJS.enc.Utf8);*/
return atob(pass);
} return false;
},
return atob(pass);
}
return false;
},
encrypt: function(json_formated, cookie) {
var to_encrypt = JSON.stringify(json_formated);
/*var key = btoa("0103060703080703080701") + btoa("0103060703080703080701");
encrypt: function(json_formated, cookie) {
var to_encrypt = JSON.stringify(json_formated);
/*var key = btoa("0103060703080703080701") + btoa("0103060703080703080701");
key = key.substring(0,32);
key = btoa(key);
var encrypted = CryptoJS.AES.encrypt(
@@ -128,42 +148,61 @@ var Crypt = {
padding: CryptoJS.pad.Pkcs7
}
);*/
var encrypted = btoa(to_encrypt);
var CookieDate = new Date();
CookieDate.setFullYear(CookieDate.getFullYear( ) +1);
if (location.protocol != "https:"){
document.cookie = cookie+"="+encrypted.toString()+";expires="+CookieDate.toGMTString()+";path=/;";
} else {
document.cookie = cookie+"="+encrypted.toString()+";secure;expires="+CookieDate.toGMTString()+";path=/;";
}
},
var encrypted = btoa(to_encrypt);
var CookieDate = new Date();
CookieDate.setFullYear(CookieDate.getFullYear() + 1);
if (location.protocol != "https:") {
document.cookie =
cookie +
"=" +
encrypted.toString() +
";expires=" +
CookieDate.toGMTString() +
";path=/;";
} else {
document.cookie =
cookie +
"=" +
encrypted.toString() +
";secure;expires=" +
CookieDate.toGMTString() +
";path=/;";
}
},
get_volume: function() {
return Crypt.decrypt(Crypt.getCookie("_opt"), "_opt").volume;
//return conf_arr.volume;
},
get_volume: function() {
return Crypt.decrypt(Crypt.getCookie("_opt"), "_opt").volume;
//return conf_arr.volume;
},
get_offline: function() {
var temp_offline = Crypt.decrypt(Crypt.getCookie("_opt"), "_opt").offline;
if(temp_offline != undefined){
return Crypt.decrypt(Crypt.getCookie("_opt"), "_opt").offline;
} else {
Crypt.set_offline(false);
return false;
}
},
get_offline: function() {
var temp_offline = Crypt.decrypt(Crypt.getCookie("_opt"), "_opt").offline;
if (temp_offline != undefined) {
return Crypt.decrypt(Crypt.getCookie("_opt"), "_opt").offline;
} else {
Crypt.set_offline(false);
return false;
}
},
set_volume: function(val) {
conf_arr.volume = val;
Crypt.encrypt(conf_arr, "_opt");
},
set_volume: function(val) {
conf_arr.volume = val;
Crypt.encrypt(conf_arr, "_opt");
},
create_cookie: function(name) {
if(name == "_opt") cookie_object = {volume: 100, width: 100, remote: true, name: "", offline: false};
else cookie_object = {passwords: {}};
create_cookie: function(name) {
if (name == "_opt")
cookie_object = {
volume: 100,
width: 100,
remote: true,
name: "",
offline: false
};
else cookie_object = { passwords: {} };
var string_it = JSON.stringify(cookie_object);
/*var key = btoa("0103060703080703080701") + btoa("0103060703080703080701");
var string_it = JSON.stringify(cookie_object);
/*var key = btoa("0103060703080703080701") + btoa("0103060703080703080701");
key = key.substring(0,32);
key = btoa(key);
var encrypted = CryptoJS.AES.encrypt(
@@ -174,22 +213,34 @@ var Crypt = {
padding: CryptoJS.pad.Pkcs7
}
);*/
var encrypted = btoa(string_it);
var encrypted = btoa(string_it);
var CookieDate = new Date();
CookieDate.setFullYear(CookieDate.getFullYear( ) +1);
var CookieDate = new Date();
CookieDate.setFullYear(CookieDate.getFullYear() + 1);
if (location.protocol != "https:"){
document.cookie = name+"="+encrypted.toString()+";expires="+CookieDate.toGMTString()+";path=/;";
} else {
document.cookie = name+"="+encrypted.toString()+";secure;expires="+CookieDate.toGMTString()+";path=/;";
}
//document.cookie = name+"="+encrypted.toString()+";expires="+CookieDate.toGMTString()+";path=/;"
//document.cookie = na"="+encrypted.toString()+";expires="+CookieDate.toGMTString()+";path=/;"
return Crypt.getCookie(name);
},
if (location.protocol != "https:") {
document.cookie =
name +
"=" +
encrypted.toString() +
";expires=" +
CookieDate.toGMTString() +
";path=/;";
} else {
document.cookie =
name +
"=" +
encrypted.toString() +
";secure;expires=" +
CookieDate.toGMTString() +
";path=/;";
}
//document.cookie = name+"="+encrypted.toString()+";expires="+CookieDate.toGMTString()+";path=/;"
//document.cookie = na"="+encrypted.toString()+";expires="+CookieDate.toGMTString()+";path=/;"
return Crypt.getCookie(name);
},
/*set_pass: function(chan, pass) {
/*set_pass: function(chan, pass) {
Crypt.conf_pass.passwords[chan] = pass;
Crypt.encrypt(Crypt.conf_pass, chan);
},
@@ -209,44 +260,45 @@ var Crypt = {
Crypt.encrypt(Crypt.conf_pass, chan.toLowerCase());
},*/
set_name:function(name, pass) {
conf_arr.name = encodeURIComponent(name).replace(/\W/g, '');
conf_arr.chat_pass = pass;
Crypt.encrypt(conf_arr, "_opt");
},
set_name: function(name, pass) {
conf_arr.name = encodeURIComponent(name).replace(/\W/g, "");
conf_arr.chat_pass = pass;
Crypt.encrypt(conf_arr, "_opt");
},
set_offline: function(enabled) {
conf_arr.offline = enabled;
Crypt.encrypt(conf_arr, "_opt");
},
set_offline: function(enabled) {
conf_arr.offline = enabled;
Crypt.encrypt(conf_arr, "_opt");
},
remove_name:function() {
conf_arr.name = "";
conf_arr.chat_pass = "";
Crypt.encrypt(conf_arr, "_opt");
},
remove_name: function() {
conf_arr.name = "";
conf_arr.chat_pass = "";
Crypt.encrypt(conf_arr, "_opt");
},
get_pass: function(chan) {
if(Crypt.conf_pass !== undefined) return Crypt.conf_pass.passwords[chan];
return undefined;
},
get_pass: function(chan) {
if (Crypt.conf_pass !== undefined) return Crypt.conf_pass.passwords[chan];
return undefined;
},
get_userpass: function(chan) {
if(Crypt.conf_pass !== undefined) return Crypt.conf_pass.passwords["userpass"];
return "";
},
get_userpass: function(chan) {
if (Crypt.conf_pass !== undefined)
return Crypt.conf_pass.passwords["userpass"];
return "";
},
set_remote: function(val) {
conf_arr.remote = val;
Crypt.encrypt(conf_arr, "_opt");
},
set_remote: function(val) {
conf_arr.remote = val;
Crypt.encrypt(conf_arr, "_opt");
},
get_remote: function(val) {
return conf_arr.remote;
},
get_remote: function(val) {
return conf_arr.remote;
},
crypt_chat_pass: function(pass) {
/*var key = btoa(socket.id) + btoa(socket.id);
crypt_chat_pass: function(pass) {
/*var key = btoa(socket.id) + btoa(socket.id);
key = key.substring(0,32);
key = btoa(key);
var iv = btoa(Crypt.makeiv());
@@ -259,43 +311,48 @@ var Crypt = {
iv: CryptoJS.enc.Base64.parse(iv),
}
);*/
//window.encrypted = encrypted;
return btoa(pass);
//return encrypted.toString() + "$" + iv;
},
//window.encrypted = encrypted;
return btoa(pass);
//return encrypted.toString() + "$" + iv;
},
crypt_pass: function(pass, userpass) {
if(userpass) {
Crypt.tmp_pass_user = pass;
} else {
Crypt.tmp_pass = pass;
}
//return Crypt.crypt_chat_pass(pass);
return btoa(pass);
},
makeiv: function() {
var text = "";
var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
for( var i=0; i < 16; i++ )
text += possible.charAt(Math.floor(Math.random() * possible.length));
return text;
},
get_width: function() {
return conf_arr.width;
},
set_width: function(val) {
conf_arr.width = val;
Crypt.encrypt(conf_arr, "_opt");
},
getCookie: function(name) {
var value = "; " + document.cookie;
var parts = value.split("; " + name + "=");
if (parts.length == 2) return parts.pop().split(";").shift();
crypt_pass: function(pass, userpass) {
if (userpass) {
Crypt.tmp_pass_user = pass;
} else {
Crypt.tmp_pass = pass;
}
//return Crypt.crypt_chat_pass(pass);
return btoa(pass);
},
makeiv: function() {
var text = "";
var possible =
"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
for (var i = 0; i < 16; i++)
text += possible.charAt(Math.floor(Math.random() * possible.length));
return text;
},
get_width: function() {
return conf_arr.width;
},
set_width: function(val) {
conf_arr.width = val;
Crypt.encrypt(conf_arr, "_opt");
},
getCookie: function(name) {
var value = "; " + document.cookie;
var parts = value.split("; " + name + "=");
if (parts.length == 2)
return parts
.pop()
.split(";")
.shift();
}
};

687
server/public/assets/js/embed.js
View File

@@ -7,16 +7,19 @@ var intelligentList = false;
var client = false;
var _VERSION;
try {
_VERSION = localStorage.getItem("VERSION");
if(_VERSION == null || _VERSION == undefined) throw "Some error";
} catch(e) {
_VERSION = 6;
_VERSION = localStorage.getItem("VERSION");
if (_VERSION == null || _VERSION == undefined) throw "Some error";
} catch (e) {
_VERSION = 6;
}
var SC_widget;
var scUsingWidget = false;
var zoff_api_token = "DwpnKVkaMH2HdcpJT2YPy783SY33byF5/32rbs0+xdU=";
if(window.location.hostname == "localhost" || window.location.hostname == "client.localhost") {
var zoff_api_token = "AhmC4Yg2BhaWPZBXeoWK96DAiAVfbou8TUG2IXtD3ZQ=";
if (
window.location.hostname == "localhost" ||
window.location.hostname == "client.localhost"
) {
var zoff_api_token = "AhmC4Yg2BhaWPZBXeoWK96DAiAVfbou8TUG2IXtD3ZQ=";
}
var SC_player;
var durationTimeout;
@@ -43,11 +46,11 @@ var beginning = false;
var soundcloud_loading = false;
var videoSource = "";
var list_html = document.getElementById("list-song-html").innerHTML;
var w_p = true;
var lazy_load = false;
var w_p = true;
var lazy_load = false;
var end_programmatically = false;
var embed = true;
var vol = 100;
var vol = 100;
var adminpass = "";
var mobile_beginning = false;
var durationBegun = false;
@@ -70,398 +73,462 @@ var user_auth_started = false;
var user_auth_avoid = false;
var connection_options = {
'sync disconnect on unload':true,
'secure': true,
'force new connection': true
"sync disconnect on unload": true,
secure: true,
"force new connection": true
};
var Crypt = {
crypt_pass: function(pass) {
return pass;
},
get_background_color: function() {
return "dynamic";
}
crypt_pass: function(pass) {
return pass;
},
get_background_color: function() {
return "dynamic";
}
};
function receiveMessage(event) {
if(event.data == "parent") {
window.parentWindow = event.source;
window.parentOrigin = event.origin;
}
if(event.data == "lower") {
window.setVolume(10);
}else if(event.data == "reset") {
window.setVolume(100);
} else if(event.data == "get_info") {
window.parentWindow.postMessage({type: "np", title: song_title}, window.parentOrigin);
window.parentWindow.postMessage({type: "controller", id: Hostcontroller.old_id}, window.parentOrigin);
try {
if(full_playlist.length > 0) {
Player.sendNext({title: full_playlist[0].title, videoId: full_playlist[0].id});
}
} catch(e) {
}
}
if (event.data == "parent") {
window.parentWindow = event.source;
window.parentOrigin = event.origin;
}
if (event.data == "lower") {
window.setVolume(10);
} else if (event.data == "reset") {
window.setVolume(100);
} else if (event.data == "get_info") {
window.parentWindow.postMessage(
{ type: "np", title: song_title },
window.parentOrigin
);
window.parentWindow.postMessage(
{ type: "controller", id: Hostcontroller.old_id },
window.parentOrigin
);
try {
if (full_playlist.length > 0) {
Player.sendNext({
title: full_playlist[0].title,
videoId: full_playlist[0].id
});
}
} catch (e) {}
}
}
window.addEventListener("message", receiveMessage, false);
window.addEventListener("DOMContentLoaded", function() {
});
window.addEventListener("DOMContentLoaded", function() {});
var Channel = {
set_title_width: function(){},
window_width_volume_slider: function(){}
}
set_title_width: function() {},
window_width_volume_slider: function() {}
};
function getSearch(elem) {
var result = {};
var search = window.location.search.split("&");
for(var i = 0; i < search.length; i++) {
var currElement = search[i].split("=");
var key = currElement[0].replace("?", "");
var value = currElement[1];
if(value == "true") value = true;
else if(value == "false") value = false;
result[key] = value;
}
return result;
var result = {};
var search = window.location.search.split("&");
for (var i = 0; i < search.length; i++) {
var currElement = search[i].split("=");
var key = currElement[0].replace("?", "");
var value = currElement[1];
if (value == "true") value = true;
else if (value == "false") value = false;
result[key] = value;
}
return result;
}
window.addEventListener("load", function() {
if(autoplay){
Helper.css("#player", "visibility", "hidden");
}
if(videoonly) {
Helper.addClass("#wrapper", "hide");
Helper.addClass("#controls", "hide");
Helper.addClass("#player", "video_only");
Helper.addClass("#player_overlay", "video_only");
Helper.css("#zoffbutton", "bottom", "0px");
Helper.css("#song-title", "width", "100vw");
if (autoplay) {
Helper.css("#player", "visibility", "hidden");
}
if (videoonly) {
Helper.addClass("#wrapper", "hide");
Helper.addClass("#controls", "hide");
Helper.addClass("#player", "video_only");
Helper.addClass("#player_overlay", "video_only");
Helper.css("#zoffbutton", "bottom", "0px");
Helper.css("#song-title", "width", "100vw");
}
M.Modal.init(document.getElementById("locked_channel"), {
dismissible: false
});
add = "https://zoff.me";
//if(window.location.hostname == "localhost") add = "localhost";
//add = "localhost";
socket = io.connect(
"" + add,
connection_options
);
if (localmode) {
change_offline(true, false);
}
socket.on("auth_required", function() {
M.Modal.getInstance(document.getElementById("locked_channel")).open();
});
document.querySelector(".channel-info-container").href =
"https://zoff.me/" + chan.toLowerCase();
document.querySelector(".channel-title").innerText = "/" + chan.toLowerCase();
socket.on("get_list", function() {
socket_connected = true;
setTimeout(function() {
socket.emit("list", {
version: VERSION,
channel: chan.toLowerCase(),
pass: ""
});
}, 1000);
});
socket.on("self_ping", function() {
if (chan != undefined && chan.toLowerCase() != "") {
socket.emit("self_ping", { channel: chan.toLowerCase() });
}
});
M.Modal.init(document.getElementById("locked_channel"), {
dismissible: false
});
socket.on("viewers", function(view) {
viewers = view;
add = "https://zoff.me";
//if(window.location.hostname == "localhost") add = "localhost";
//add = "localhost";
socket = io.connect(''+add, connection_options);
if (song_title !== undefined) Player.getTitle(song_title, viewers);
});
if(localmode) {
change_offline(true, false);
}
Player.loadPlayer();
setup_host_initialization();
setup_now_playing_listener();
setup_list_listener();
socket.on('auth_required', function() {
M.Modal.getInstance(document.getElementById("locked_channel")).open();
});
if (autoplay) {
startWaitTimerPlay();
}
document.querySelector(".channel-info-container").href = "https://zoff.me/" + chan.toLowerCase();
document.querySelector(".channel-title").innerText = "/" + chan.toLowerCase();
List.calculate_song_heights();
socket.on("get_list", function() {
socket_connected = true;
setTimeout(function(){socket.emit('list', {version: VERSION, channel: chan.toLowerCase(), pass: ''});},1000);
});
window.onYouTubeIframeAPIReady = Player.onYouTubeIframeAPIReady;
socket.on("toast", toast);
socket.on("self_ping", function() {
if(chan != undefined && chan.toLowerCase() != "") {
socket.emit("self_ping", {channel: chan.toLowerCase()});
}
});
Playercontrols.initSlider();
document
.getElementById("playpause")
.addEventListener("click", Playercontrols.play_pause);
window.setVolume = setVolume;
//Helper.css("#controls", "background-color", color);
socket.on("viewers", function(view) {
viewers = view;
if(song_title !== undefined)
Player.getTitle(song_title, viewers);
});
Player.loadPlayer();
setup_host_initialization();
setup_now_playing_listener();
setup_list_listener();
if(autoplay) {
startWaitTimerPlay();
}
List.calculate_song_heights();
window.onYouTubeIframeAPIReady = Player.onYouTubeIframeAPIReady;
socket.on("toast", toast);
Playercontrols.initSlider();
document.getElementById("playpause").addEventListener("click", Playercontrols.play_pause);
window.setVolume = setVolume;
//Helper.css("#controls", "background-color", color);
document.querySelector("body").style.backgroundColor = color;
if(embedOptions.hasOwnProperty("control") && embedOptions.control) {
Hostcontroller.change_enabled(true);
} else {
Hostcontroller.change_enabled(false);
}
document.querySelector("body").style.backgroundColor = color;
if (embedOptions.hasOwnProperty("control") && embedOptions.control) {
Hostcontroller.change_enabled(true);
} else {
Hostcontroller.change_enabled(false);
}
});
window.addEventListener("resize", function(){
resizeFunction();
window.addEventListener("resize", function() {
resizeFunction();
});
function resizePlaylistPlaying(){};
function resizePlaylistPlaying() {}
function startWaitTimerPlay() {
setTimeout(function() {
if(videoSource == "youtube") {
Player.player.playVideo();
} else if(videoSource == "soundcloud"){
Player.soundcloud_player.play();
}
}, 5000);
setTimeout(function() {
if (videoSource == "youtube") {
Player.player.playVideo();
} else if (videoSource == "soundcloud") {
Player.soundcloud_player.play();
}
}, 5000);
}
function setup_host_listener(id) {
socket.on(id, Hostcontroller.host_on_action);
socket.on(id, Hostcontroller.host_on_action);
}
function setup_host_initialization() {
socket.on("id", Hostcontroller.host_listener);
socket.on("id", Hostcontroller.host_listener);
}
function setup_now_playing_listener() {
socket.on("np", Player.now_playing_listener);
socket.on("np", Player.now_playing_listener);
}
function setup_list_listener() {
socket.on("channel", function(msg) {
Helper.addClass(".site_loader", "hide");
List.channel_function(msg);
});
socket.on("channel", function(msg) {
Helper.addClass(".site_loader", "hide");
List.channel_function(msg);
});
}
function setVolume(val) {
Playercontrols.visualVolume(val);
Playercontrols.setVolume(val);
Playercontrols.visualVolume(val);
Playercontrols.setVolume(val);
}
function updateChromecastMetadata(){}
function loadChromecastVideo(){}
function updateChromecastMetadata() {}
function loadChromecastVideo() {}
function toast(msg) {
switch(msg) {
case "suggested_thumbnail":
if(embed) return;
msg = "The thumbnail has been suggested!";
break;
case "faulty_start_end":
if(embed) return;
break;
case "wait_longer":
if(embed) return;
break;
case "suggested_description":
if(embed) return;
break;
case "thumbnail_denied":
if(embed) return;
break;
case "description_denied":
if(embed) return;
break;
case "addedsong":
if(embed) return;
break;
case "addedplaylist":
if(embed) return;
break;
case "savedsettings":
if(embed) return;
break;
case "wrongpass":
if(embed) return;
break;
case "deleted_songs":
if(embed) return;
break;
case "shuffled":
if(embed) return;
break;
case "deletesong":
if(embed) return;
break;
case "voted":
msg=Helper.rnd(["You voted!", "You vote like a boss", "Voting is the key to democracy", "May you get your song to the very top!", "I love that song! I vouch for you.", "Only you vote that good", "I like the way you vote...", "Up the video goes!", "Voted Zoff for president", "Only 999 more to go!"]);
break;
case "alreadyvoted":
msg=Helper.rnd(["You can't vote twice on that song!", "I see you have voted on that song before", "One vote per person!", "I know you want to hear your song, but have patience!", "I'm sorry, but I can't let you vote twice, Dave."]);
break;
case "skip":
if(embed) return;
break;
case "listhaspass":
if(embed) return;
break;
case "noskip":
if(embed) return;
break;
case "alreadyskip":
if(embed) return;
break;
case "notyetskip":
if(embed) return;
break;
case "correctpass":
if(embed) return;
break;
case "changedpass":
if(embed) return;
break;
case "suggested":
if(embed) return;
break;
case "alreadyplay":
if(embed) return;
break;
}
before_toast();
M.toast({html: msg, displayLength: 4000});
switch (msg) {
case "suggested_thumbnail":
if (embed) return;
msg = "The thumbnail has been suggested!";
break;
case "faulty_start_end":
if (embed) return;
break;
case "wait_longer":
if (embed) return;
break;
case "suggested_description":
if (embed) return;
break;
case "thumbnail_denied":
if (embed) return;
break;
case "description_denied":
if (embed) return;
break;
case "addedsong":
if (embed) return;
break;
case "addedplaylist":
if (embed) return;
break;
case "savedsettings":
if (embed) return;
break;
case "wrongpass":
if (embed) return;
break;
case "deleted_songs":
if (embed) return;
break;
case "shuffled":
if (embed) return;
break;
case "deletesong":
if (embed) return;
break;
case "voted":
msg = Helper.rnd([
"You voted!",
"You vote like a boss",
"Voting is the key to democracy",
"May you get your song to the very top!",
"I love that song! I vouch for you.",
"Only you vote that good",
"I like the way you vote...",
"Up the video goes!",
"Voted Zoff for president",
"Only 999 more to go!"
]);
break;
case "alreadyvoted":
msg = Helper.rnd([
"You can't vote twice on that song!",
"I see you have voted on that song before",
"One vote per person!",
"I know you want to hear your song, but have patience!",
"I'm sorry, but I can't let you vote twice, Dave."
]);
break;
case "skip":
if (embed) return;
break;
case "listhaspass":
if (embed) return;
break;
case "noskip":
if (embed) return;
break;
case "alreadyskip":
if (embed) return;
break;
case "notyetskip":
if (embed) return;
break;
case "correctpass":
if (embed) return;
break;
case "changedpass":
if (embed) return;
break;
case "suggested":
if (embed) return;
break;
case "alreadyplay":
if (embed) return;
break;
}
before_toast();
M.toast({ html: msg, displayLength: 4000 });
}
function emit() {
if(!embed) {
lastCommand = [];
for(var i = 0; i < arguments.length; i++) {
lastCommand.push(arguments[i]);
}
}
if(arguments.length == 1) {
socket.emit(arguments[0]);
} else {
socket.emit(arguments[0], arguments[1]);
if (!embed) {
lastCommand = [];
for (var i = 0; i < arguments.length; i++) {
lastCommand.push(arguments[i]);
}
}
if (arguments.length == 1) {
socket.emit(arguments[0]);
} else {
socket.emit(arguments[0], arguments[1]);
}
}
function change_offline(enabled, already_offline){
offline = enabled;
socket.emit("offline", {status: enabled, channel: chan != undefined ? chan.toLowerCase() : ""});
if(!Helper.mobilecheck()) {
if(document.querySelectorAll("#offline-mode").length == 1 && M.Tooltip.getInstance(document.getElementById("offline-mode"))) {
Helper.tooltip("#offline-mode", 'destroy');
}
function change_offline(enabled, already_offline) {
offline = enabled;
socket.emit("offline", {
status: enabled,
channel: chan != undefined ? chan.toLowerCase() : ""
});
if (!Helper.mobilecheck()) {
if (
document.querySelectorAll("#offline-mode").length == 1 &&
M.Tooltip.getInstance(document.getElementById("offline-mode"))
) {
Helper.tooltip("#offline-mode", "destroy");
}
}
var mouseEnter = function(e){
Helper.removeClass("#seekToDuration", "hide");
};
var mouseEnter = function(e) {
Helper.removeClass("#seekToDuration", "hide");
};
var mouseLeave = function(e){
dragging = false;
Helper.addClass("#seekToDuration", "hide");
};
var mouseLeave = function(e) {
dragging = false;
Helper.addClass("#seekToDuration", "hide");
};
var mouseDown = function(e) {
var acceptable = ["bar", "controls", "duration"];
if(acceptable.indexOf(e.target.id) >= 0) {
dragging = true;
}
};
var mouseUp = function(e) {
dragging = false;
};
if(enabled){
Helper.addClass("#viewers", "hide");
Helper.removeClass(".margin-playbar", "margin-playbar");
Helper.addClass(".prev playbar", "margin-playbar");
Helper.removeClass(".prev playbar", "hide");
if(window.location.pathname != "/"){
document.getElementById("controls").addEventListener("mouseenter", mouseEnter, false);
document.getElementById("controls").addEventListener("mouseleave", mouseLeave, false);
document.getElementById("controls").addEventListener("mousedown", mouseDown, false);
document.getElementById("controls").addEventListener("mouseup", mouseUp, false);
document.getElementById("controls").addEventListener("mousemove", seekToMove);
document.getElementById("controls").addEventListener("click", seekToClick);
document.querySelector("#main_components").insertAdjacentHTML("beforeend", "<div id='seekToDuration' class='hide'>00:00/01:00</div>");
var controlElement = document.querySelector("#controls");
Helper.css("#seekToDuration", "bottom", "50px");
Helper.addClass("#controls", "ewresize");
}
if(full_playlist != undefined && !already_offline && full_playlist.length > 0){
for(var x = 0; x < full_playlist.length; x++){
full_playlist[x].votes = 0;
}
List.sortList();
List.populate_list(full_playlist);
}
var mouseDown = function(e) {
var acceptable = ["bar", "controls", "duration"];
if (acceptable.indexOf(e.target.id) >= 0) {
dragging = true;
}
};
var mouseUp = function(e) {
dragging = false;
};
if (enabled) {
Helper.addClass("#viewers", "hide");
Helper.removeClass(".margin-playbar", "margin-playbar");
Helper.addClass(".prev playbar", "margin-playbar");
Helper.removeClass(".prev playbar", "hide");
if (window.location.pathname != "/") {
document
.getElementById("controls")
.addEventListener("mouseenter", mouseEnter, false);
document
.getElementById("controls")
.addEventListener("mouseleave", mouseLeave, false);
document
.getElementById("controls")
.addEventListener("mousedown", mouseDown, false);
document
.getElementById("controls")
.addEventListener("mouseup", mouseUp, false);
document
.getElementById("controls")
.addEventListener("mousemove", seekToMove);
document
.getElementById("controls")
.addEventListener("click", seekToClick);
document
.querySelector("#main_components")
.insertAdjacentHTML(
"beforeend",
"<div id='seekToDuration' class='hide'>00:00/01:00</div>"
);
var controlElement = document.querySelector("#controls");
Helper.css("#seekToDuration", "bottom", "50px");
Helper.addClass("#controls", "ewresize");
}
if (
full_playlist != undefined &&
!already_offline &&
full_playlist.length > 0
) {
for (var x = 0; x < full_playlist.length; x++) {
full_playlist[x].votes = 0;
}
List.sortList();
List.populate_list(full_playlist);
}
}
}
function before_toast(){
/*if($('.toast').length > 0) {
function before_toast() {
/*if($('.toast').length > 0) {
var toastElement = $('.toast').first()[0];
var toastInstance = toastElement.M_Toast;
toastInstance.remove();
}*/
M.Toast.dismissAll();
//Materialize.Toast.removeAll();
M.Toast.dismissAll();
//Materialize.Toast.removeAll();
}
document.addEventListener("click", function(e) {
document.addEventListener(
"click",
function(e) {
handleEvent(e, e.target, false, "click");
}, false);
},
false
);
addListener("click", ".channel-info-container", function(e) {
this.preventDefault();
Player.pauseVideo();
window.open("https://zoff.me/" + chan.toLowerCase() + "/", '_blank');
this.preventDefault();
Player.pauseVideo();
window.open("https://zoff.me/" + chan.toLowerCase() + "/", "_blank");
});
addListener("click", ".vote-container", function(e) {
var that = e;
var id = that.getAttribute("data-video-id");
var that = e;
var id = that.getAttribute("data-video-id");
List.vote(id, "pos");
List.vote(id, "pos");
});
addListener("click", ".prev_page", function(e) {
event.preventDefault();
List.dynamicContentPage(-1);
event.preventDefault();
List.dynamicContentPage(-1);
});
addListener("click", "#player_overlay", function(event) {
if(videoSource == "soundcloud") Playercontrols.play_pause();
if (videoSource == "soundcloud") Playercontrols.play_pause();
});
addListener("click", ".next_page", function(e) {
event.preventDefault();
List.dynamicContentPage(1);
event.preventDefault();
List.dynamicContentPage(1);
});
addListener("click", ".prev", function(event){
this.preventDefault();
if(!offline) return;
List.skip(false);
addListener("click", ".prev", function(event) {
this.preventDefault();
if (!offline) return;
List.skip(false);
});
addListener("click", ".skip", function(event){
this.preventDefault();
//if(!offline) return;
List.skip(true);
addListener("click", ".skip", function(event) {
this.preventDefault();
//if(!offline) return;
List.skip(true);
});
addListener("click", ".last_page", function(e){
event.preventDefault();
List.dynamicContentPage(10);
addListener("click", ".last_page", function(e) {
event.preventDefault();
List.dynamicContentPage(10);
});
addListener("click", ".first_page", function(e){
event.preventDefault();
List.dynamicContentPage(-10);
addListener("click", ".first_page", function(e) {
event.preventDefault();
List.dynamicContentPage(-10);
});

1822
server/public/assets/js/helpers.js
View File

File diff suppressed because it is too large Load Diff

191
server/public/assets/js/hostcontroller.js
View File

@@ -1,83 +1,118 @@
var Hostcontroller = {
enabled: true,
enabled: true,
old_id: null,
old_id: null,
host_listener: function(id) {
if(client) return;
Helper.log([
"Host-listener triggered",
"Host-listener id:" + id
]);
if(Hostcontroller.old_id === null) Hostcontroller.old_id = id;
else {
socket.removeAllListeners(id);
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) {
if(window.location.pathname == "/") return;
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);
}
},
host_on_action: function(arr) {
if(client) return;
if(Hostcontroller.enabled){
if(arr.type == "volume") {
try {
Playercontrols.visualVolume(arr.value);
Player.setVolume(arr.value);
if(scUsingWidget) Player.soundcloud_player.setVolume(arr.value);
else Player.soundcloud_player.setVolume(arr.value / 100);
try {
localStorage.setItem("volume", arr.value);
} catch(e){}
Playercontrols.choose_button(arr.value, false);
} catch(e) {}
} else if(arr.type == "channel") {
if(window.location.pathname == "/") return;
socket.emit("change_channel");
Admin.beginning = true;
chan = arr.value.toLowerCase();
Helper.setHtml("#chan", Helper.upperFirst(chan));
var shareCodeUrl = window.location.protocol + "//client."+window.location.hostname+"/r/"+btoa(encodeURIComponent(chan.toLowerCase()));
document.getElementById("share-join-qr").setAttribute("src", "https://chart.googleapis.com/chart?chs=221x221&cht=qr&choe=UTF-8&chld=L|1&chl="+shareCodeUrl);
Helper.setHtml("#channel-name-join", "client." + window.location.hostname + "/" + encodeURIComponent(chan.toLowerCase()));
w_p = true;
var add = "";
//if(private_channel) add = Crypt.getCookie("_uI") + "_";
socket.emit("list", {version: parseInt(_VERSION), channel: add + chan.toLowerCase()});
window.history.pushState("object or string", "Title", "/"+chan.toLowerCase());
} else if(arr.type == "pause") {
Player.pauseVideo();
} else if(arr.type == "play") {
Player.playVideo();
} else if(arr.type == "skip") {
List.skip();
}
}
},
change_enabled:function(val){
if(client) return;
Hostcontroller.enabled = val;
try {
document.querySelector(".remote_switch_class").checked = Hostcontroller.enabled;
}catch(e) {}
host_listener: function(id) {
if (client) return;
Helper.log(["Host-listener triggered", "Host-listener id:" + id]);
if (Hostcontroller.old_id === null) Hostcontroller.old_id = id;
else {
socket.removeAllListeners(id);
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) {
if (window.location.pathname == "/") return;
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);
}
},
host_on_action: function(arr) {
if (client) return;
if (Hostcontroller.enabled) {
if (arr.type == "volume") {
try {
Playercontrols.visualVolume(arr.value);
Player.setVolume(arr.value);
if (scUsingWidget) Player.soundcloud_player.setVolume(arr.value);
else Player.soundcloud_player.setVolume(arr.value / 100);
try {
localStorage.setItem("volume", arr.value);
} catch (e) {}
Playercontrols.choose_button(arr.value, false);
} catch (e) {}
} else if (arr.type == "channel") {
if (window.location.pathname == "/") return;
socket.emit("change_channel");
Admin.beginning = true;
chan = arr.value.toLowerCase();
Helper.setHtml("#chan", Helper.upperFirst(chan));
var shareCodeUrl =
window.location.protocol +
"//client." +
window.location.hostname +
"/r/" +
btoa(encodeURIComponent(chan.toLowerCase()));
document
.getElementById("share-join-qr")
.setAttribute(
"src",
"https://chart.googleapis.com/chart?chs=221x221&cht=qr&choe=UTF-8&chld=L|1&chl=" +
shareCodeUrl
);
Helper.setHtml(
"#channel-name-join",
"client." +
window.location.hostname +
"/" +
encodeURIComponent(chan.toLowerCase())
);
w_p = true;
var add = "";
//if(private_channel) add = Crypt.getCookie("_uI") + "_";
socket.emit("list", {
version: parseInt(_VERSION),
channel: add + chan.toLowerCase()
});
window.history.pushState(
"object or string",
"Title",
"/" + chan.toLowerCase()
);
} else if (arr.type == "pause") {
Player.pauseVideo();
} else if (arr.type == "play") {
Player.playVideo();
} else if (arr.type == "skip") {
List.skip();
}
}
},
change_enabled: function(val) {
if (client) return;
Hostcontroller.enabled = val;
try {
document.querySelector(".remote_switch_class").checked =
Hostcontroller.enabled;
} catch (e) {}
}
};

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
);
}
};

2814
server/public/assets/js/player.js
View File

File diff suppressed because it is too large Load Diff

975
server/public/assets/js/playercontrols.js
View File

@@ -1,466 +1,521 @@
var Playercontrols = {
stopInterval: false,
stopInterval: false,
initYoutubeControls: function() {
Playercontrols.initControls();
},
initControls: function() {
document
.getElementById("volume-button")
.addEventListener("click", Playercontrols.mute_video);
document
.getElementById("playpause")
.addEventListener("click", Playercontrols.play_pause);
document
.getElementById("volume-button-overlay")
.addEventListener("click", Playercontrols.mute_video);
document
.getElementById("playpause-overlay")
.addEventListener("click", Playercontrols.play_pause);
document
.getElementById("fullscreen")
.addEventListener("click", Playercontrols.fullscreen);
},
initYoutubeControls: function() {
Playercontrols.initControls();
},
initControls: function() {
document.getElementById("volume-button").addEventListener("click", Playercontrols.mute_video);
document.getElementById("playpause").addEventListener("click", Playercontrols.play_pause);
document.getElementById("volume-button-overlay").addEventListener("click", Playercontrols.mute_video);
document.getElementById("playpause-overlay").addEventListener("click", Playercontrols.play_pause);
document.getElementById("fullscreen").addEventListener("click", Playercontrols.fullscreen);
},
initSlider: function() {
try {
vol = (Crypt.get_volume());
} catch(e){
vol = 100;
}
try {
if(document.getElementsByClassName("volume-slid")) {
document.getElementById("volume").innerHTML = "";
}
}catch(e){}
if((Helper.mobilecheck() || slider_type == "vertical") && !embed) {
//slider_values.orientation = "vertical";
if(!document.querySelector(".volume-container").classList.contains("hide")) {
Helper.toggleClass(".volume-container", "hide");
}
}
document.getElementById("volume").insertAdjacentHTML("beforeend", "<div class='volume-slid " + slider_type + "'></div>");
document.getElementById("volume").insertAdjacentHTML("beforeend", "<div class='volume-handle " + slider_type + "'></div>");
if(slider_type != "vertical") {
Helper.removeClass("#volume", "vertical");
Helper.css(".volume-slid", "width", vol + "%");
Helper.css(".volume-handle", "left", "calc(" + vol + "% - 1px)");
} else {
Helper.addClass("#volume", "vertical");
Helper.css(".volume-slid", "height", vol + "%");
Helper.css(".volume-handle", "bottom", "calc(" + vol + "% - 1px)");
}
Playercontrols.choose_button(vol, false);
//document.getElementsByClassName("volume-handle")[0].onmousedown = Playercontrols.dragMouseDown;
//Playercontrols.visualVolume(slider_values);
//document.getElementsByClassName("volume-slid")[0].onmousedown = Playercontrols.dragMouseDown;
document.getElementById("volume").onmousedown = function(e) {
Playercontrols.dragMouseDown(e, "player");
}
if(!Helper.mobilecheck()) {
document.getElementById("volume").onclick = function(e) {
Playercontrols.elementDrag(e, "player");
Playercontrols.closeDragElement("player");
}
}
document.getElementById("volume").addEventListener("touchstart", function(e) {
e.preventDefault();
Playercontrols.dragMouseDown(e, "player");
}, false);
},
dragMouseDown: function(e, element) {
e = e || window.event;
// get the mouse cursor position at startup:
document.onmouseup = function() {
Playercontrols.closeDragElement(element);
}
document.getElementById("volume").addEventListener("touchend", function() {
Playercontrols.closeDragElement(element);
}, false);
// call a function whenever the cursor moves:
document.onmousemove = function(e) {
Playercontrols.elementDrag(e, element);
}
document.getElementById("volume").addEventListener("touchmove", function(e) {
e.preventDefault();
Playercontrols.elementDrag(e, element);
}, false);
},
elementDrag: function(e, element) {
var elmnt;
var cmp_elmnt;
var slid_elmnt;
if(element == "player") {
elmnt = document.getElementsByClassName("volume-handle")[0];
cmp_elmnt = document.getElementById("volume");
slid_elmnt = document.getElementsByClassName("volume-slid")[0];
} else {
elmnt = document.getElementsByClassName("volume-handle-remote")[0];
cmp_elmnt = document.getElementById("volume-control-remote");
slid_elmnt = document.getElementsByClassName("volume-slid-remote")[0];
}
e = e || window.event;
var pos3 = e.clientX;
var pos4 = e.clientY;
if(pos3 == undefined) {
pos3 = e.touches[0].clientX;
}
if(pos4 == undefined) {
pos4 = e.touches[0].clientY;
}
var volume = 0;
if(slider_type != "vertical" || element != "player") {
if(elmnt.className.indexOf("ui-state-active") == -1) {
elmnt.className += " ui-state-active";
}
var pos = pos3 - cmp_elmnt.offsetLeft;
if(pos > -1 && pos < cmp_elmnt.offsetWidth + 1) {
elmnt.style.left = pos + "px";
volume = pos / cmp_elmnt.offsetWidth;
} else if(pos < 1) {
elmnt.style.left = 0 + "px";
volume = 0;
} else {
elmnt.style.left = cmp_elmnt.offsetWidth + "px";
volume = 1;
}
slid_elmnt.style.width = volume * 100 + "%";
if(element == "player") Playercontrols.setVolume(volume * 100);
else socket.emit("id", {id: Mobile_remote.id, type: "volume", value: volume * 100});
} else {
var pos = pos4 - cmp_elmnt.offsetTop;
var pos0 = window.innerHeight - pos - 14;
if(pos0 > 64 && pos0 < 164) {
volume = (pos0 - 64) / 100;
} else if(pos0 < 65) {
volume = 0;
} else {
volume = 1;
}
slid_elmnt.style.height = volume * 100 + "%";
Playercontrols.setVolume(volume * 100);
}
try{Crypt.set_volume(volume * 100);}catch(e){
}
},
closeDragElement: function(element) {
/* stop moving when mouse button is released:*/
var elmnt;
if(element == "player") {
elmnt = document.getElementsByClassName("volume-handle")[0];
} else {
elmnt = document.getElementsByClassName("volume-handle-remote")[0];
}
if(elmnt.className.indexOf("ui-state-active") > -1) {
setTimeout(function(){
elmnt.classList.remove("ui-state-active");
}, 1);
}
document.onmouseup = null;
document.onmousemove = null;
if(element == "player") {
document.getElementById("volume").removeEventListener("touchmove", function(e) {
e.preventDefault();
Playercontrols.elementDrag(e, element);
}, false);
document.getElementById("volume").removeEventListener("touchend", function() {
Playercontrols.closeDragElement(element);
}, false);
} else {
document.getElementById("volume-control-remote").removeEventListener("touchmove", function(e) {
e.preventDefault();
Playercontrols.elementDrag(e);
}, false);
document.getElementById("volume-control-remote").removeEventListener("touchend", function() {
Playercontrols.closeDragElement();
}, false);
}
},
fullscreen: function() {
var playerElement;
if(fireplace_initiated) {
playerElement = document.getElementById("fireplace_player");
} else {
playerElement = document.getElementById("player");
}
var requestFullScreen = playerElement.requestFullScreen || playerElement.mozRequestFullScreen || playerElement.webkitRequestFullScreen;
if (requestFullScreen) {
requestFullScreen.bind(playerElement)();
}
},
play_pause: function() {
if(!chromecastAvailable){
if(videoSource == "soundcloud") {
if(scUsingWidget) {
Player.soundcloud_player.isPaused(function(playing) {
playing = !playing;
if(!playing) {
Player.playVideo();
} else {
Player.pauseVideo();
}
was_stopped = true;
});
} else {
if(!Player.soundcloud_player.isPlaying()) {
Player.playVideo();
} else {
Player.pauseVideo();
}
}
} else {
if(Player.player.getPlayerState() == YT.PlayerState.PLAYING)
{
Player.pauseVideo();
if(Helper.mobilecheck() && !window.MSStream && !embed){
//if(Helper.mobilecheck() && !/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream){
//document.getElementById("player").style.display = "none";
Helper.css("#player", "display", "none");
Helper.toggleClass(".video-container", "click-through");
Helper.toggleClass(".page-footer", "padding-bottom-extra");
}
} else if(Player.player.getPlayerState() == YT.PlayerState.PAUSED || Player.player.getPlayerState() === YT.PlayerState.ENDED || (Player.player.getPlayerState() === YT.PlayerState.CUED)){
Player.playVideo();
//if(Helper.mobilecheck() && !/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream){
if(Helper.mobilecheck() && !window.MSStream){
//document.getElementById("player").style.display = "block";
Helper.css("#player", "display", "block");
Helper.toggleClass(".video-container", "click-through");
Helper.toggleClass(".page-footer", "padding-bottom-extra");
}
}
}
} else {
Playercontrols.play_pause_show();
}
},
play_pause_show: function() {
if(chromecastAvailable){
if(document.getElementById("play").classList.contains("hide")){
Player.pauseVideo();
} else if(document.getElementById("pause").classList.contains("hide")){
Player.playVideo();
}
} else {
if(!document.getElementById("pause").classList.contains("hide")) {
Helper.toggleClass("#pause", "hide");
Helper.toggleClass("#pause-overlay", "hide");
}
if(document.getElementById("play").classList.contains("hide")) {
Helper.toggleClass("#play", "hide");
Helper.toggleClass("#play-overlay", "hide");
}
}
},
settings: function() {
Helper.toggleClass("#qS", "hide");
},
changeQuality: function(wantedQ) {
if(Player.player.getPlaybackQuality != wantedQ) {
Player.player.setPlaybackQuality(wantedQ);
Player.player.getPlaybackQuality();
}
Helper.toggleClass("#qS", "hide");
},
mute_video: function() {
if(Helper.mobilecheck() || slider_type == "vertical") {
Helper.toggleClass(".volume-container", "hide");
} else {
if(!Player.player.isMuted()) {
if(chromecastAvailable) castSession.sendMessage("urn:x-cast:zoff.me", {type: "mute"});
Playercontrols.choose_button(0, true);
Player.player.mute();
} else {
if(chromecastAvailable)castSession.sendMessage("urn:x-cast:zoff.me", {type: "unMute"});
Player.player.unMute();
Playercontrols.choose_button(Player.player.getVolume(), false);
}
}
},
setVolume: function(vol) {
Player.setVolume(vol);
if(scUsingWidget) Player.soundcloud_player.setVolume(vol);
else Player.soundcloud_player.setVolume(vol / 100);
Playercontrols.choose_button(vol, false);
if(Player.player.isMuted())
Player.player.unMute();
},
choose_button: function(vol, mute) {
if(!mute){
if(vol >= 0 && vol <= 33) {
if(!document.getElementById("v-full").classList.contains("hide")) {
Helper.toggleClass("#v-full", "hide");
Helper.toggleClass("#v-full-overlay", "hide");
}
if(!document.getElementById("v-medium").classList.contains("hide")) {
Helper.toggleClass("#v-medium", "hide");
Helper.toggleClass("#v-medium-overlay", "hide");
}
if(document.getElementById("v-low").classList.contains("hide")) {
Helper.toggleClass("#v-low", "hide");
Helper.toggleClass("#v-low-overlay", "hide");
}
if(!document.getElementById("v-mute").classList.contains("hide")) {
Helper.toggleClass("#v-mute", "hide");
Helper.toggleClass("#v-mute-overlay", "hide");
}
} else if(vol >= 34 && vol <= 66) {
if(!document.getElementById("v-full").classList.contains("hide")) {
Helper.toggleClass("#v-full", "hide");
Helper.toggleClass("#v-full-overlay", "hide");
}
if(document.getElementById("v-medium").classList.contains("hide")) {
Helper.toggleClass("#v-medium", "hide");
Helper.toggleClass("#v-medium-overlay", "hide");
}
if(!document.getElementById("v-low").classList.contains("hide")) {
Helper.toggleClass("#v-low", "hide");
Helper.toggleClass("#v-low-overlay", "hide");
}
if(!document.getElementById("v-mute").classList.contains("hide")) {
Helper.toggleClass("#v-mute", "hide");
Helper.toggleClass("#v-mute-overlay", "hide");
}
} else if(vol >= 67 && vol <= 100) {
if(document.getElementById("v-full").classList.contains("hide")) {
Helper.toggleClass("#v-full", "hide");
Helper.toggleClass("#v-full-overlay", "hide");
}
if(!document.getElementById("v-medium").classList.contains("hide")) {
Helper.toggleClass("#v-medium", "hide");
Helper.toggleClass("#v-medium-overlay", "hide");
}
if(!document.getElementById("v-low").classList.contains("hide")) {
Helper.toggleClass("#v-low", "hide");
Helper.toggleClass("#v-low-overlay", "hide");
}
if(!document.getElementById("v-mute").classList.contains("hide")) {
Helper.toggleClass("#v-mute", "hide");
Helper.toggleClass("#v-mute-overlay", "hide");
}
}
} else {
if(!document.getElementById("v-full").classList.contains("hide")) {
Helper.toggleClass("#v-full", "hide");
Helper.toggleClass("#v-full-overlay", "hide");
}
if(!document.getElementById("v-medium").classList.contains("hide")) {
Helper.toggleClass("#v-medium", "hide");
Helper.toggleClass("#v-medium-overlay", "hide");
}
if(!document.getElementById("v-low").classList.contains("hide")) {
Helper.toggleClass("#v-low", "hide");
Helper.toggleClass("#v-low-overlay", "hide");
}
if(document.getElementById("v-mute").classList.contains("hide")) {
Helper.toggleClass("#v-mute", "hide");
Helper.toggleClass("#v-mute-overlay", "hide");
}
}
},
playPause: function() {
if(videoSource == "soundcloud") {
if(scUsingWidget) {
Player.soundcloud_player.isPaused(function(playing) {
playing = !playing;
if(!playing) {
Helper.addClass("#play", "hide");
Helper.removeClass("#pause", "hide");
Player.soundcloud_player.play();
} else {
Helper.removeClass("#play", "hide");
Helper.addClass("#pause", "hide");
Player.soundcloud_player.pause();
}
})
} else {
if(!Player.soundcloud_player.isPlaying()) {
Helper.addClass("#play", "hide");
Helper.removeClass("#pause", "hide");
Player.soundcloud_player.play();
} else {
Helper.removeClass("#play", "hide");
Helper.addClass("#pause", "hide");
Player.soundcloud_player.pause();
}
}
} else {
state = Player.player.getPlayerState();
button = document.getElementById("playpause");
if(state == YT.PlayerState.PLAYING) {
Player.pauseVideo();
} else if(state == YT.PlayerState.PAUSED) {
Player.playVideo();
}
}
},
visualVolume: function(val) {
var elmnt = document.getElementsByClassName("volume-handle")[0];
var cmp_elmnt = document.getElementById("volume");
var slid_elmnt = document.getElementsByClassName("volume-slid")[0];
if(slider_type != "vertical") {
var pos = (cmp_elmnt.offsetWidth / 100) * val;
var volume = 0;
//var pos = pos3 - cmp_elmnt.offsetLeft;
if(pos > -1 && pos < cmp_elmnt.offsetWidth + 1) {
elmnt.style.left = pos + "px";
volume = pos / cmp_elmnt.offsetWidth;
} else if(pos < 1) {
elmnt.style.left = 0 + "px";
volume = 0;
} else {
elmnt.style.left = cmp_elmnt.offsetWidth + "px";
volume = 1;
}
slid_elmnt.style.width = volume * 100 + "%";
Playercontrols.setVolume(volume * 100);
} else {
var pos = val;
var pos0 = window.innerHeight - pos - 14;
var volume = 0;
if(pos0 > 64 && pos0 < 164) {
volume = (pos0 - 64) / 100;
} else if(pos0 < 65) {
volume = 0;
} else {
volume = 1;
}
slid_elmnt.style.height = volume * 100 + "%";
Playercontrols.setVolume(volume * 100);
}
},
volumeOptions: function() {
if(!chromecastAvailable) {
if(Player.player.isMuted()) {
Player.player.unMute();
vol = Player.player.getVolume();
Playercontrols.visualVolume(Player.player.getVolume());
} else {
Player.player.mute();
Playercontrols.visualVolume(0);
}
}
},
hoverMute: function(foo) {
vol = Player.player.getVolume();
initSlider: function() {
try {
vol = Crypt.get_volume();
} catch (e) {
vol = 100;
}
try {
if (document.getElementsByClassName("volume-slid")) {
document.getElementById("volume").innerHTML = "";
}
} catch (e) {}
if ((Helper.mobilecheck() || slider_type == "vertical") && !embed) {
//slider_values.orientation = "vertical";
if (
!document.querySelector(".volume-container").classList.contains("hide")
) {
Helper.toggleClass(".volume-container", "hide");
}
}
document
.getElementById("volume")
.insertAdjacentHTML(
"beforeend",
"<div class='volume-slid " + slider_type + "'></div>"
);
document
.getElementById("volume")
.insertAdjacentHTML(
"beforeend",
"<div class='volume-handle " + slider_type + "'></div>"
);
if (slider_type != "vertical") {
Helper.removeClass("#volume", "vertical");
Helper.css(".volume-slid", "width", vol + "%");
Helper.css(".volume-handle", "left", "calc(" + vol + "% - 1px)");
} else {
Helper.addClass("#volume", "vertical");
Helper.css(".volume-slid", "height", vol + "%");
Helper.css(".volume-handle", "bottom", "calc(" + vol + "% - 1px)");
}
Playercontrols.choose_button(vol, false);
//document.getElementsByClassName("volume-handle")[0].onmousedown = Playercontrols.dragMouseDown;
//Playercontrols.visualVolume(slider_values);
//document.getElementsByClassName("volume-slid")[0].onmousedown = Playercontrols.dragMouseDown;
document.getElementById("volume").onmousedown = function(e) {
Playercontrols.dragMouseDown(e, "player");
};
if (!Helper.mobilecheck()) {
document.getElementById("volume").onclick = function(e) {
Playercontrols.elementDrag(e, "player");
Playercontrols.closeDragElement("player");
};
}
document.getElementById("volume").addEventListener(
"touchstart",
function(e) {
e.preventDefault();
Playercontrols.dragMouseDown(e, "player");
},
false
);
},
dragMouseDown: function(e, element) {
e = e || window.event;
// get the mouse cursor position at startup:
document.onmouseup = function() {
Playercontrols.closeDragElement(element);
};
document.getElementById("volume").addEventListener(
"touchend",
function() {
Playercontrols.closeDragElement(element);
},
false
);
// call a function whenever the cursor moves:
document.onmousemove = function(e) {
Playercontrols.elementDrag(e, element);
};
document.getElementById("volume").addEventListener(
"touchmove",
function(e) {
e.preventDefault();
Playercontrols.elementDrag(e, element);
},
false
);
},
elementDrag: function(e, element) {
var elmnt;
var cmp_elmnt;
var slid_elmnt;
if (element == "player") {
elmnt = document.getElementsByClassName("volume-handle")[0];
cmp_elmnt = document.getElementById("volume");
slid_elmnt = document.getElementsByClassName("volume-slid")[0];
} else {
elmnt = document.getElementsByClassName("volume-handle-remote")[0];
cmp_elmnt = document.getElementById("volume-control-remote");
slid_elmnt = document.getElementsByClassName("volume-slid-remote")[0];
}
e = e || window.event;
var pos3 = e.clientX;
var pos4 = e.clientY;
if (pos3 == undefined) {
pos3 = e.touches[0].clientX;
}
if (pos4 == undefined) {
pos4 = e.touches[0].clientY;
}
var volume = 0;
if (slider_type != "vertical" || element != "player") {
if (elmnt.className.indexOf("ui-state-active") == -1) {
elmnt.className += " ui-state-active";
}
var pos = pos3 - cmp_elmnt.offsetLeft;
if (pos > -1 && pos < cmp_elmnt.offsetWidth + 1) {
elmnt.style.left = pos + "px";
volume = pos / cmp_elmnt.offsetWidth;
} else if (pos < 1) {
elmnt.style.left = 0 + "px";
volume = 0;
} else {
elmnt.style.left = cmp_elmnt.offsetWidth + "px";
volume = 1;
}
slid_elmnt.style.width = volume * 100 + "%";
if (element == "player") Playercontrols.setVolume(volume * 100);
else
socket.emit("id", {
id: Mobile_remote.id,
type: "volume",
value: volume * 100
});
} else {
var pos = pos4 - cmp_elmnt.offsetTop;
var pos0 = window.innerHeight - pos - 14;
if (pos0 > 64 && pos0 < 164) {
volume = (pos0 - 64) / 100;
} else if (pos0 < 65) {
volume = 0;
} else {
volume = 1;
}
slid_elmnt.style.height = volume * 100 + "%";
Playercontrols.setVolume(volume * 100);
}
try {
Crypt.set_volume(volume * 100);
} catch (e) {}
},
closeDragElement: function(element) {
/* stop moving when mouse button is released:*/
var elmnt;
if (element == "player") {
elmnt = document.getElementsByClassName("volume-handle")[0];
} else {
elmnt = document.getElementsByClassName("volume-handle-remote")[0];
}
if (elmnt.className.indexOf("ui-state-active") > -1) {
setTimeout(function() {
elmnt.classList.remove("ui-state-active");
}, 1);
}
document.onmouseup = null;
document.onmousemove = null;
if (element == "player") {
document.getElementById("volume").removeEventListener(
"touchmove",
function(e) {
e.preventDefault();
Playercontrols.elementDrag(e, element);
},
false
);
document.getElementById("volume").removeEventListener(
"touchend",
function() {
Playercontrols.closeDragElement(element);
},
false
);
} else {
document.getElementById("volume-control-remote").removeEventListener(
"touchmove",
function(e) {
e.preventDefault();
Playercontrols.elementDrag(e);
},
false
);
document.getElementById("volume-control-remote").removeEventListener(
"touchend",
function() {
Playercontrols.closeDragElement();
},
false
);
}
},
fullscreen: function() {
var playerElement;
if (fireplace_initiated) {
playerElement = document.getElementById("fireplace_player");
} else {
playerElement = document.getElementById("player");
}
var requestFullScreen =
playerElement.requestFullScreen ||
playerElement.mozRequestFullScreen ||
playerElement.webkitRequestFullScreen;
if (requestFullScreen) {
requestFullScreen.bind(playerElement)();
}
},
play_pause: function() {
if (!chromecastAvailable) {
if (videoSource == "soundcloud") {
if (scUsingWidget) {
Player.soundcloud_player.isPaused(function(playing) {
playing = !playing;
if (!playing) {
Player.playVideo();
} else {
Player.pauseVideo();
}
was_stopped = true;
});
} else {
if (!Player.soundcloud_player.isPlaying()) {
Player.playVideo();
} else {
Player.pauseVideo();
}
}
} else {
if (Player.player.getPlayerState() == YT.PlayerState.PLAYING) {
Player.pauseVideo();
if (Helper.mobilecheck() && !window.MSStream && !embed) {
//if(Helper.mobilecheck() && !/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream){
//document.getElementById("player").style.display = "none";
Helper.css("#player", "display", "none");
Helper.toggleClass(".video-container", "click-through");
Helper.toggleClass(".page-footer", "padding-bottom-extra");
}
} else if (
Player.player.getPlayerState() == YT.PlayerState.PAUSED ||
Player.player.getPlayerState() === YT.PlayerState.ENDED ||
Player.player.getPlayerState() === YT.PlayerState.CUED
) {
Player.playVideo();
//if(Helper.mobilecheck() && !/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream){
if (Helper.mobilecheck() && !window.MSStream) {
//document.getElementById("player").style.display = "block";
Helper.css("#player", "display", "block");
Helper.toggleClass(".video-container", "click-through");
Helper.toggleClass(".page-footer", "padding-bottom-extra");
}
}
}
} else {
Playercontrols.play_pause_show();
}
},
play_pause_show: function() {
if (chromecastAvailable) {
if (document.getElementById("play").classList.contains("hide")) {
Player.pauseVideo();
} else if (document.getElementById("pause").classList.contains("hide")) {
Player.playVideo();
}
} else {
if (!document.getElementById("pause").classList.contains("hide")) {
Helper.toggleClass("#pause", "hide");
Helper.toggleClass("#pause-overlay", "hide");
}
if (document.getElementById("play").classList.contains("hide")) {
Helper.toggleClass("#play", "hide");
Helper.toggleClass("#play-overlay", "hide");
}
}
},
settings: function() {
Helper.toggleClass("#qS", "hide");
},
changeQuality: function(wantedQ) {
if (Player.player.getPlaybackQuality != wantedQ) {
Player.player.setPlaybackQuality(wantedQ);
Player.player.getPlaybackQuality();
}
Helper.toggleClass("#qS", "hide");
},
mute_video: function() {
if (Helper.mobilecheck() || slider_type == "vertical") {
Helper.toggleClass(".volume-container", "hide");
} else {
if (!Player.player.isMuted()) {
if (chromecastAvailable)
castSession.sendMessage("urn:x-cast:zoff.me", { type: "mute" });
Playercontrols.choose_button(0, true);
Player.player.mute();
} else {
if (chromecastAvailable)
castSession.sendMessage("urn:x-cast:zoff.me", { type: "unMute" });
Player.player.unMute();
Playercontrols.choose_button(Player.player.getVolume(), false);
}
}
},
setVolume: function(vol) {
Player.setVolume(vol);
if (scUsingWidget) Player.soundcloud_player.setVolume(vol);
else Player.soundcloud_player.setVolume(vol / 100);
Playercontrols.choose_button(vol, false);
if (Player.player.isMuted()) Player.player.unMute();
},
choose_button: function(vol, mute) {
if (!mute) {
if (vol >= 0 && vol <= 33) {
if (!document.getElementById("v-full").classList.contains("hide")) {
Helper.toggleClass("#v-full", "hide");
Helper.toggleClass("#v-full-overlay", "hide");
}
if (!document.getElementById("v-medium").classList.contains("hide")) {
Helper.toggleClass("#v-medium", "hide");
Helper.toggleClass("#v-medium-overlay", "hide");
}
if (document.getElementById("v-low").classList.contains("hide")) {
Helper.toggleClass("#v-low", "hide");
Helper.toggleClass("#v-low-overlay", "hide");
}
if (!document.getElementById("v-mute").classList.contains("hide")) {
Helper.toggleClass("#v-mute", "hide");
Helper.toggleClass("#v-mute-overlay", "hide");
}
} else if (vol >= 34 && vol <= 66) {
if (!document.getElementById("v-full").classList.contains("hide")) {
Helper.toggleClass("#v-full", "hide");
Helper.toggleClass("#v-full-overlay", "hide");
}
if (document.getElementById("v-medium").classList.contains("hide")) {
Helper.toggleClass("#v-medium", "hide");
Helper.toggleClass("#v-medium-overlay", "hide");
}
if (!document.getElementById("v-low").classList.contains("hide")) {
Helper.toggleClass("#v-low", "hide");
Helper.toggleClass("#v-low-overlay", "hide");
}
if (!document.getElementById("v-mute").classList.contains("hide")) {
Helper.toggleClass("#v-mute", "hide");
Helper.toggleClass("#v-mute-overlay", "hide");
}
} else if (vol >= 67 && vol <= 100) {
if (document.getElementById("v-full").classList.contains("hide")) {
Helper.toggleClass("#v-full", "hide");
Helper.toggleClass("#v-full-overlay", "hide");
}
if (!document.getElementById("v-medium").classList.contains("hide")) {
Helper.toggleClass("#v-medium", "hide");
Helper.toggleClass("#v-medium-overlay", "hide");
}
if (!document.getElementById("v-low").classList.contains("hide")) {
Helper.toggleClass("#v-low", "hide");
Helper.toggleClass("#v-low-overlay", "hide");
}
if (!document.getElementById("v-mute").classList.contains("hide")) {
Helper.toggleClass("#v-mute", "hide");
Helper.toggleClass("#v-mute-overlay", "hide");
}
}
} else {
if (!document.getElementById("v-full").classList.contains("hide")) {
Helper.toggleClass("#v-full", "hide");
Helper.toggleClass("#v-full-overlay", "hide");
}
if (!document.getElementById("v-medium").classList.contains("hide")) {
Helper.toggleClass("#v-medium", "hide");
Helper.toggleClass("#v-medium-overlay", "hide");
}
if (!document.getElementById("v-low").classList.contains("hide")) {
Helper.toggleClass("#v-low", "hide");
Helper.toggleClass("#v-low-overlay", "hide");
}
if (document.getElementById("v-mute").classList.contains("hide")) {
Helper.toggleClass("#v-mute", "hide");
Helper.toggleClass("#v-mute-overlay", "hide");
}
}
},
playPause: function() {
if (videoSource == "soundcloud") {
if (scUsingWidget) {
Player.soundcloud_player.isPaused(function(playing) {
playing = !playing;
if (!playing) {
Helper.addClass("#play", "hide");
Helper.removeClass("#pause", "hide");
Player.soundcloud_player.play();
} else {
Helper.removeClass("#play", "hide");
Helper.addClass("#pause", "hide");
Player.soundcloud_player.pause();
}
});
} else {
if (!Player.soundcloud_player.isPlaying()) {
Helper.addClass("#play", "hide");
Helper.removeClass("#pause", "hide");
Player.soundcloud_player.play();
} else {
Helper.removeClass("#play", "hide");
Helper.addClass("#pause", "hide");
Player.soundcloud_player.pause();
}
}
} else {
state = Player.player.getPlayerState();
button = document.getElementById("playpause");
if (state == YT.PlayerState.PLAYING) {
Player.pauseVideo();
} else if (state == YT.PlayerState.PAUSED) {
Player.playVideo();
}
}
},
visualVolume: function(val) {
var elmnt = document.getElementsByClassName("volume-handle")[0];
var cmp_elmnt = document.getElementById("volume");
var slid_elmnt = document.getElementsByClassName("volume-slid")[0];
if (slider_type != "vertical") {
var pos = (cmp_elmnt.offsetWidth / 100) * val;
var volume = 0;
//var pos = pos3 - cmp_elmnt.offsetLeft;
if (pos > -1 && pos < cmp_elmnt.offsetWidth + 1) {
elmnt.style.left = pos + "px";
volume = pos / cmp_elmnt.offsetWidth;
} else if (pos < 1) {
elmnt.style.left = 0 + "px";
volume = 0;
} else {
elmnt.style.left = cmp_elmnt.offsetWidth + "px";
volume = 1;
}
slid_elmnt.style.width = volume * 100 + "%";
Playercontrols.setVolume(volume * 100);
} else {
var pos = val;
var pos0 = window.innerHeight - pos - 14;
var volume = 0;
if (pos0 > 64 && pos0 < 164) {
volume = (pos0 - 64) / 100;
} else if (pos0 < 65) {
volume = 0;
} else {
volume = 1;
}
slid_elmnt.style.height = volume * 100 + "%";
Playercontrols.setVolume(volume * 100);
}
},
volumeOptions: function() {
if (!chromecastAvailable) {
if (Player.player.isMuted()) {
Player.player.unMute();
vol = Player.player.getVolume();
Playercontrols.visualVolume(Player.player.getVolume());
} else {
Player.player.mute();
Playercontrols.visualVolume(0);
}
}
},
hoverMute: function(foo) {
vol = Player.player.getVolume();
}
};

338
server/public/assets/js/remotecontroller.js
View File

@@ -2,107 +2,136 @@ var start = true;
var dynamicListeners = {};
mobilecheck = function() {
var check = false;
(function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))check = true;})(navigator.userAgent||navigator.vendor||window.opera);
return check;
var check = false;
(function(a) {
if (
/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(
a
) ||
/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(
a.substr(0, 4)
)
)
check = true;
})(navigator.userAgent || navigator.vendor || window.opera);
return check;
};
window.addEventListener("DOMContentLoaded", function (){
window.addEventListener(
"DOMContentLoaded",
function() {
document.title = "Zoff Remote";
setTimeout(function(){document.getElementById("search").focus();},500);
setTimeout(function() {
document.getElementById("search").focus();
}, 500);
var connection_options = {
'sync disconnect on unload':true,
'secure': true
"sync disconnect on unload": true,
secure: true
};
M.Modal.init(document.getElementById("about"));
M.Modal.init(document.getElementById("contact"));
M.Modal.init(document.getElementById("help"));
if(window.location.hostname == "remote.zoff.me") add = "https://zoff.me";
if (window.location.hostname == "remote.zoff.me") add = "https://zoff.me";
else add = "localhost";
socket = io.connect(add, connection_options);
socket.on('update_required', function() {
window.location.reload(true);
socket = io.connect(
add,
connection_options
);
socket.on("update_required", function() {
window.location.reload(true);
});
id = window.location.pathname.split("/")[1];
if(id)
{
id = id.toLowerCase();
Remotecontroller.control();
if (id) {
id = id.toLowerCase();
Remotecontroller.control();
}
}, false);
},
false
);
function handleEvent(e, target, tried, type) {
for(var y = 0; y < e.path.length; y++) {
var target = e.path[y];
if(dynamicListeners[type] && dynamicListeners[type]["#" + 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]]) {
dynamicListeners[type]["." + target.classList[i]].call(target);
return;
}
}
for (var y = 0; y < e.path.length; y++) {
var target = e.path[y];
if (dynamicListeners[type] && dynamicListeners[type]["#" + 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]]
) {
dynamicListeners[type]["." + target.classList[i]].call(target);
return;
}
}
}
}
}
function addListener(type, element, callback) {
if(dynamicListeners[type] == undefined) dynamicListeners[type] = {};
dynamicListeners[type][element] = callback;
if (dynamicListeners[type] == undefined) dynamicListeners[type] = {};
dynamicListeners[type][element] = callback;
}
document.addEventListener("click", function(e) {
document.addEventListener(
"click",
function(e) {
handleEvent(e, e.target, false, "click");
}, true);
document.addEventListener("submit", function(e) {
},
true
);
document.addEventListener(
"submit",
function(e) {
handleEvent(e, e.target, false, "submit");
}, true);
},
true
);
addListener("click", "#playbutton", function() {
socket.emit("id", {id: id, type: "play", value: "mock"});
socket.emit("id", { id: id, type: "play", value: "mock" });
});
addListener("click", "#pausebutton", function() {
socket.emit("id", {id: id, type: "pause", value: "mock"});
socket.emit("id", { id: id, type: "pause", value: "mock" });
});
addListener("click", "#skipbutton", function() {
socket.emit("id", {id: id, type: "skip", value: "mock"});
socket.emit("id", { id: id, type: "skip", value: "mock" });
});
addListener("submit", "#remoteform", function(e) {
event.preventDefault();
Remotecontroller.control();
event.preventDefault();
Remotecontroller.control();
});
var Remotecontroller = {
control: function() {
if (start) {
if (!id) {
id = document.getElementById("remoteform").chan.value;
window.history.pushState("object or string", "Title", "/" + id);
}
document.getElementById("remoteform").chan.value = "";
start = false;
control: function() {
if(start) {
if(!id) {
id = document.getElementById("remoteform").chan.value;
window.history.pushState("object or string", "Title", "/"+id);
}
document.getElementById("remoteform").chan.value = "";
start = false;
Helper.css(".volume-elements", "display", "flex");
Helper.css(".rc", "display", "block");
Helper.css(".volume-elements", "display", "flex");
Helper.css(".rc", "display", "block");
//document.getElementById("base").setAttribute("onsubmit", "control(); return false;");
document.getElementById("remote-text").innerText =
"Controlling " + id.toUpperCase();
document.getElementById("search").setAttribute("length", "18");
document.getElementById("search").setAttribute("maxlength", "18");
document.getElementById("forsearch").innerText =
"Type new channel name to change to";
//document.getElementById("base").setAttribute("onsubmit", "control(); return false;");
document.getElementById("remote-text").innerText = "Controlling "+ id.toUpperCase();
document.getElementById("search").setAttribute("length", "18");
document.getElementById("search").setAttribute("maxlength", "18");
document.getElementById("forsearch").innerText = "Type new channel name to change to";
//
/*$("#volume-control").slider({
//
/*$("#volume-control").slider({
min: 0,
max: 100,
value: 100,
@@ -113,94 +142,123 @@ var Remotecontroller = {
}
//});*/
document.getElementById("volume").insertAdjacentHTML("beforeend", "<div class='volume-slid'></div>");
document.getElementById("volume").insertAdjacentHTML("beforeend", "<div class='volume-handle'></div>");
document
.getElementById("volume")
.insertAdjacentHTML("beforeend", "<div class='volume-slid'></div>");
document
.getElementById("volume")
.insertAdjacentHTML("beforeend", "<div class='volume-handle'></div>");
Helper.css(".volume-slid", "width", "100%");
Helper.css(".volume-handle", "left", "calc(100% - 1px)");
//document.getElementsByClassName("volume-handle")[0].onmousedown = Remotecontroller.dragMouseDown;
//$("#volume").slider(slider_values);
//document.getElementsByClassName("volume-slid")[0].onmousedown = Remotecontroller.dragMouseDown;
document.getElementById("volume").onmousedown = Remotecontroller.dragMouseDown;
document.getElementById("volume").addEventListener("touchstart", function(e) {
e.preventDefault();
Remotecontroller.dragMouseDown(e);
}, false);
document.getElementById("volume").onclick = function(e) {
Remotecontroller.elementDrag(e);
Remotecontroller.closeDragElement();
}
} else {
socket.emit("id", {id: id, type: "channel", value: document.getElementById("search").value.toLowerCase()});
document.getElementById("search").value = "";
}
Helper.css(".volume-slid", "width", "100%");
Helper.css(".volume-handle", "left", "calc(100% - 1px)");
//document.getElementsByClassName("volume-handle")[0].onmousedown = Remotecontroller.dragMouseDown;
//$("#volume").slider(slider_values);
//document.getElementsByClassName("volume-slid")[0].onmousedown = Remotecontroller.dragMouseDown;
document.getElementById("volume").onmousedown =
Remotecontroller.dragMouseDown;
document.getElementById("volume").addEventListener(
"touchstart",
function(e) {
e.preventDefault();
Remotecontroller.dragMouseDown(e);
},
false
);
document.getElementById("volume").onclick = function(e) {
Remotecontroller.elementDrag(e);
Remotecontroller.closeDragElement();
};
} else {
socket.emit("id", {
id: id,
type: "channel",
value: document.getElementById("search").value.toLowerCase()
});
document.getElementById("search").value = "";
}
},
},
dragMouseDown: function(e) {
e = e || window.event;
// get the mouse cursor position at startup:
document.onmouseup = Remotecontroller.closeDragElement;
// call a function whenever the cursor moves:
document.onmousemove = Remotecontroller.elementDrag;
document.getElementById("volume").addEventListener(
"touchend",
function() {
Remotecontroller.closeDragElement();
},
false
);
document.getElementById("volume").addEventListener(
"touchmove",
function(e) {
e.preventDefault();
Remotecontroller.elementDrag(e);
},
false
);
},
elementDrag: function(e) {
var elmnt = document.getElementsByClassName("volume-handle")[0];
e = e || window.event;
dragMouseDown: function(e) {
e = e || window.event;
// get the mouse cursor position at startup:
document.onmouseup = Remotecontroller.closeDragElement;
// call a function whenever the cursor moves:
document.onmousemove = Remotecontroller.elementDrag;
document.getElementById("volume").addEventListener("touchend", function() {
Remotecontroller.closeDragElement();
}, false);
document.getElementById("volume").addEventListener("touchmove", function(e) {
e.preventDefault();
Remotecontroller.elementDrag(e);
}, false);
},
var pos3 = e.clientX;
if (pos3 == undefined) {
pos3 = e.touches[0].clientX;
}
elementDrag: function(e) {
var elmnt = document.getElementsByClassName("volume-handle")[0];
e = e || window.event;
if (elmnt.className.indexOf("ui-state-active") == -1) {
elmnt.className += " ui-state-active";
}
var pos = pos3 - document.getElementById("volume").offsetLeft;
if (pos > -1 && pos < document.getElementById("volume").offsetWidth + 1) {
elmnt.style.left = pos + "px";
var volume = pos / document.getElementById("volume").offsetWidth;
document.getElementsByClassName("volume-slid")[0].style.width =
volume * 100 + "%";
} else if (pos < 0) {
var volume = 0;
document.getElementsByClassName("volume-slid")[0].style.width =
volume * 100 + "%";
} else {
var volume = 1;
document.getElementsByClassName("volume-slid")[0].style.width =
volume * 100 + "%";
}
var pos3 = e.clientX;
if(pos3 == undefined) {
pos3 = e.touches[0].clientX;
}
socket.emit("id", { id: id, type: "volume", value: volume * 100 });
if(elmnt.className.indexOf("ui-state-active") == -1) {
elmnt.className += " ui-state-active";
}
var pos = pos3 - document.getElementById("volume").offsetLeft;
if(pos > -1 && pos < document.getElementById("volume").offsetWidth + 1) {
elmnt.style.left = pos + "px";
var volume = pos / document.getElementById("volume").offsetWidth;
document.getElementsByClassName("volume-slid")[0].style.width = volume * 100 + "%";
} else if(pos < 0) {
var volume = 0;
document.getElementsByClassName("volume-slid")[0].style.width = volume * 100 + "%";
} else {
var volume = 1;
document.getElementsByClassName("volume-slid")[0].style.width = volume * 100 + "%";
}
try {
Crypt.set_volume(volume * 100);
} catch (e) {}
},
socket.emit("id", {id: id, type: "volume", value: volume * 100});
closeDragElement: function() {
/* stop moving when mouse button is released:*/
var elmnt = document.getElementsByClassName("volume-handle")[0];
if (elmnt.className.indexOf("ui-state-active") > -1) {
setTimeout(function() {
elmnt.classList.remove("ui-state-active");
}, 1);
}
document.onmouseup = null;
document.onmousemove = null;
try{Crypt.set_volume(volume * 100);}catch(e){}
},
closeDragElement: function() {
/* stop moving when mouse button is released:*/
var elmnt = document.getElementsByClassName("volume-handle")[0];
if(elmnt.className.indexOf("ui-state-active") > -1) {
setTimeout(function(){
elmnt.classList.remove("ui-state-active");
}, 1);
}
document.onmouseup = null;
document.onmousemove = null;
document.getElementById("volume").removeEventListener("touchmove", function(e) {
e.preventDefault();
Playercontrols.elementDrag(e);
});
document.getElementById("volume").removeEventListener("touchend", function() {
Playercontrols.closeDragElement();
}, false);
},
document
.getElementById("volume")
.removeEventListener("touchmove", function(e) {
e.preventDefault();
Playercontrols.elementDrag(e);
});
document.getElementById("volume").removeEventListener(
"touchend",
function() {
Playercontrols.closeDragElement();
},
false
);
}
};

1542
server/public/assets/js/search.js
View File

File diff suppressed because it is too large Load Diff

262
server/public/assets/js/suggestions.js
View File

@@ -1,121 +1,167 @@
var Suggestions = {
catchUserSuggests: function(params, single) {
if (single) {
number_suggested = number_suggested + 1;
} else {
number_suggested = number_suggested + params.length;
}
for (var i = 0; i < params.length; i++) {
if (document.querySelectorAll("#suggested-" + params[i].id).length > 0) {
number_suggested -= 1;
}
}
var to_display = number_suggested > 9 ? "9+" : number_suggested;
if (number_suggested > 0 && Admin.logged_in) {
Helper.removeClass(
document.querySelector(".suggested-link span.badge.new.white"),
"hide"
);
}
document.querySelector(
".suggested-link span.badge.new.white"
).innerText = to_display;
if (single) {
Suggestions.createSuggested(params);
} else {
for (var x in params) {
Suggestions.createSuggested(params[x]);
}
}
Suggestions.checkUserEmpty();
},
catchUserSuggests: function(params, single){
if(single) {
number_suggested = number_suggested + 1;
} else {
number_suggested = number_suggested + params.length;
}
for(var i = 0; i < params.length; i++) {
if(document.querySelectorAll("#suggested-" + params[i].id).length > 0) {
number_suggested -= 1;
}
}
var to_display = number_suggested > 9 ? "9+" : number_suggested;
if(number_suggested > 0 && Admin.logged_in){
Helper.removeClass(document.querySelector(".suggested-link span.badge.new.white"), "hide");
}
document.querySelector(".suggested-link span.badge.new.white").innerText = to_display;
if(single){
Suggestions.createSuggested(params);
}else{
for(var x in params){
Suggestions.createSuggested(params[x]);
}
}
Suggestions.checkUserEmpty();
},
createSuggested: function(params) {
var duration = Helper.secondsToOther(params.duration);
var video_id = params.id;
var video_title = params.title;
var date = new Date(params.added * 1000);
var addedTime =
Helper.pad(date.getHours()) +
":" +
Helper.pad(date.getMinutes()) +
" - " +
Helper.pad(date.getDate()) +
"." +
Helper.pad(date.getMonth()) +
"." +
Helper.pad(date.getYear() - 100);
var toSend = {
id: video_id,
title: video_title,
length: params.duration,
duration: duration,
votes: addedTime,
extra: "Added"
};
if (params.source) toSend.source = params.source;
else {
toSend.source = "youtube";
}
if (params.thumbnail) toSend.thumbnail = params.thumbnail;
var song = List.generateSong(toSend, false, false, false, true);
var testingElem;
try {
testingElem = document.getElementById(video_id);
} catch (e) {}
createSuggested: function(params){
var duration = Helper.secondsToOther(params.duration);
var video_id = params.id;
var video_title = params.title;
var date = new Date(params.added * 1000);
var addedTime = Helper.pad(date.getHours()) + ":"
+ Helper.pad(date.getMinutes()) + " - "
+ Helper.pad(date.getDate()) + "."
+ Helper.pad(date.getMonth()) + "."
+ Helper.pad((date.getYear()-100));
var toSend = {id: video_id, title: video_title, length: params.duration, duration: duration, votes: addedTime, extra: "Added"};
if(params.source) toSend.source = params.source;
else {
toSend.source = "youtube";
}
if(params.thumbnail) toSend.thumbnail = params.thumbnail;
var song = List.generateSong(toSend, false, false, false, true);
var testingElem;
try {
testingElem = document.getElementById(video_id);
} catch(e) {}
if (
!testingElem &&
document.querySelectorAll("#suggested-" + video_id).length == 0
) {
document
.getElementById("user-suggest-html")
.insertAdjacentHTML("beforeend", song);
}
},
if(!testingElem && document.querySelectorAll("#suggested-" + video_id).length == 0) {
document.getElementById("user-suggest-html").insertAdjacentHTML("beforeend", song);
}
},
fetchYoutubeSuggests: function(id) {
if (videoSource == "soundcloud") {
Helper.addClass(document.querySelector(".suggest-title-info"), "hide");
Helper.addClass("#suggest-song-html", "hide");
return;
} else {
Helper.removeClass(document.querySelector(".suggest-title-info"), "hide");
Helper.removeClass("#suggest-song-html", "hide");
}
var get_url =
"https://www.googleapis.com/youtube/v3/search?part=snippet&relatedToVideoId=" +
id +
"&type=video&key=" +
api_key.youtube;
var video_urls =
"https://www.googleapis.com/youtube/v3/videos?part=contentDetails,snippet,id,statistics&fields=pageInfo,items(id,contentDetails,snippet(categoryId,channelTitle,publishedAt,title,description,thumbnails))&key=" +
api_key.youtube +
"&id=";
fetchYoutubeSuggests: function(id){
if(videoSource == "soundcloud") {
Helper.addClass(document.querySelector(".suggest-title-info"), "hide");
Helper.addClass("#suggest-song-html", "hide");
return;
} else {
Helper.removeClass(document.querySelector(".suggest-title-info"), "hide");
Helper.removeClass("#suggest-song-html", "hide");
Helper.ajax({
type: "GET",
url: get_url,
dataType: "jsonp",
success: function(response) {
response = JSON.parse(response);
var this_resp = response.items.slice(0, 5);
for (var i = 0; i < this_resp.length; i++) {
var data = this_resp[i];
video_urls += data.id.videoId + ",";
}
var get_url = "https://www.googleapis.com/youtube/v3/search?part=snippet&relatedToVideoId="+id+"&type=video&key="+api_key.youtube;
var video_urls = "https://www.googleapis.com/youtube/v3/videos?part=contentDetails,snippet,id,statistics&fields=pageInfo,items(id,contentDetails,snippet(categoryId,channelTitle,publishedAt,title,description,thumbnails))&key="+api_key.youtube+"&id=";
Helper.ajax({
type: "GET",
url: get_url,
dataType:"jsonp",
success: function(response)
{
response = JSON.parse(response);
var this_resp = response.items.slice(0,5);
for(var i = 0; i < this_resp.length; i++) {
var data = this_resp[i];
video_urls += data.id.videoId+",";
}
type: "GET",
url: video_urls,
dataType: "jsonp",
success: function(response) {
response = JSON.parse(response);
Helper.setHtml("#suggest-song-html", "");
for (var i = 0; i < response.items.length; i++) {
var song = response.items[i];
var duration = song.contentDetails.duration;
var length = Search.durationToSeconds(duration);
duration = Helper.secondsToOther(
Search.durationToSeconds(duration)
);
var video_id = song.id;
var video_title = song.snippet.title;
var viewCount = 0;
try {
viewCount = song.statistics.viewCount
.toString()
.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
} catch (e) {}
Helper.ajax({
type: "GET",
url: video_urls,
dataType: "jsonp",
success: function(response)
{
response = JSON.parse(response);
Helper.setHtml("#suggest-song-html", "");
for(var i = 0; i < response.items.length; i++) {
var song = response.items[i];
var duration = song.contentDetails.duration;
var length = Search.durationToSeconds(duration);
duration = Helper.secondsToOther(Search.durationToSeconds(duration));
var video_id = song.id;
var video_title = song.snippet.title;
var viewCount = 0;
try {
viewCount = song.statistics.viewCount.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
} catch(e) {
}
try {
document.getElementById("suggest-song-html").insertAdjacentHTML("beforeend", List.generateSong({id: video_id, title: video_title, length: length, duration: duration, votes: viewCount, extra: "Views", source: "youtube"}, false, false, false));
} catch(e) {}
}
}
});
try {
document
.getElementById("suggest-song-html")
.insertAdjacentHTML(
"beforeend",
List.generateSong(
{
id: video_id,
title: video_title,
length: length,
duration: duration,
votes: viewCount,
extra: "Views",
source: "youtube"
},
false,
false,
false
)
);
} catch (e) {}
}
}
});
},
}
});
},
checkUserEmpty: function(){
var length = document.getElementById("user-suggest-html").children.length;
if(length === 0){
Helper.addClass("#user_suggests", "hide");
} else if(Admin.logged_in){
Helper.removeClass("#user_suggests", "hide");
}
},
checkUserEmpty: function() {
var length = document.getElementById("user-suggest-html").children.length;
if (length === 0) {
Helper.addClass("#user_suggests", "hide");
} else if (Admin.logged_in) {
Helper.removeClass("#user_suggests", "hide");
}
}
};

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

@@ -1,62 +1,87 @@
window.addEventListener("DOMContentLoaded", function(e) {
M.Modal.init(document.getElementById("about"));
M.Modal.init(document.getElementById("contact"));
Helper.addClass(".help-button-footer", "hide");
M.Modal.init(document.getElementById("about"));
M.Modal.init(document.getElementById("contact"));
Helper.addClass(".help-button-footer", "hide");
Helper.setHtml("#contact-container", "");
Helper.setHtml("#contact-container", "Send a mail to us: <a title='Open in client' href='mailto:contact@zoff.me?Subject=Contact%20Zoff'>contact@zoff.me</a>");
Helper.css("#submit-contact-form", "display", "none");
Helper.setHtml("#contact-container", "");
Helper.setHtml(
"#contact-container",
"Send a mail to us: <a title='Open in client' href='mailto:contact@zoff.me?Subject=Contact%20Zoff'>contact@zoff.me</a>"
);
Helper.css("#submit-contact-form", "display", "none");
var page = window.location.pathname;
if(page.substring(page.length - 1) != "/") page += "/";
ga('send', 'pageview', page);
var page = window.location.pathname;
if (page.substring(page.length - 1) != "/") page += "/";
ga("send", "pageview", page);
if(!Helper.mobilecheck()) {
if(document.querySelector("#iframe-container")) {
document.getElementById("iframe-container").insertAdjacentHTML("beforeend", '<iframe id="iframe" src="https://zoff.me/_embed#celebrate&808080&autoplay" width="600px" height="300px" allow="autoplay"></iframe>');
}
if (!Helper.mobilecheck()) {
if (document.querySelector("#iframe-container")) {
document
.getElementById("iframe-container")
.insertAdjacentHTML(
"beforeend",
'<iframe id="iframe" src="https://zoff.me/_embed#celebrate&808080&autoplay" width="600px" height="300px" allow="autoplay"></iframe>'
);
}
}
document.getElementsByClassName("token-form")[0].addEventListener("submit", function(e) {
e.preventDefault();
var email = document.getElementById("email_address").value;
var origin = document.getElementById("origin").value;
document.getElementById("origin").setAttribute("readonly", true);
document.getElementById("email_address").setAttribute("readonly", true);
Helper.toggleClass(".submit", "disabled");
Helper.removeClass(".full-form-token", "hide");
var captcha_response = grecaptcha.getResponse();
Helper.ajax({
type: "POST",
url: "/api/apply",
headers: {"Content-Type": "application/json;charset=UTF-8"},
data: {
origin: origin,
email: email,
"g-recaptcha-response": captcha_response,
},
success: function(response) {
Helper.addClass(".full-form-token", "hide");
if(response == "success") {
M.toast({html: "Email sent!", displayLength: 3000, classes: "green lighten"});
} else {
document.getElementById("email_address").setAttribute("readonly", false);
Helper.toggleClass(".submit", "disabled");
document.getElementById("origin").setAttribute("readonly", false);
grecaptcha.reset();
M.toast({html: "Something went wrong. Sure that email hasn't been used for another token?",displayLength: 3000, classes: "red lighten"});
}
},
error: function(response) {
Helper.addClass(".full-form-token", "hide");
document.getElementById("email_address").setAttribute("readonly", false);
Helper.toggleClass(".submit", "disabled");
}
});
document
.getElementsByClassName("token-form")[0]
.addEventListener("submit", function(e) {
e.preventDefault();
var email = document.getElementById("email_address").value;
var origin = document.getElementById("origin").value;
document.getElementById("origin").setAttribute("readonly", true);
document.getElementById("email_address").setAttribute("readonly", true);
Helper.toggleClass(".submit", "disabled");
Helper.removeClass(".full-form-token", "hide");
var captcha_response = grecaptcha.getResponse();
Helper.ajax({
type: "POST",
url: "/api/apply",
headers: { "Content-Type": "application/json;charset=UTF-8" },
data: {
origin: origin,
email: email,
"g-recaptcha-response": captcha_response
},
success: function(response) {
Helper.addClass(".full-form-token", "hide");
if (response == "success") {
M.toast({
html: "Email sent!",
displayLength: 3000,
classes: "green lighten"
});
} else {
document
.getElementById("email_address")
.setAttribute("readonly", false);
Helper.toggleClass(".submit", "disabled");
document.getElementById("origin").setAttribute("readonly", false);
grecaptcha.reset();
M.toast({
html:
"Something went wrong. Sure that email hasn't been used for another token?",
displayLength: 3000,
classes: "red lighten"
});
}
},
error: function(response) {
Helper.addClass(".full-form-token", "hide");
document
.getElementById("email_address")
.setAttribute("readonly", false);
Helper.toggleClass(".submit", "disabled");
}
});
});
document.getElementById('submit-contact-form').addEventListener('click', function(e) {
e.preventDefault();
document.getElementById("contact-form").submit();
document
.getElementById("submit-contact-form")
.addEventListener("click", function(e) {
e.preventDefault();
document.getElementById("contact-form").submit();
});
});

68
server/public/assets/manifest.json
View File

@@ -1,36 +1,36 @@
{
"short_name": "Zoff",
"name": "Zoff",
"description": "A free YouTube based radio, where no registration is needed for listening to channels, or creating your own channels. ",
"dir": "ltr",
"lang": "en-US",
"start_url": "/",
"display": "standalone",
"background_color": "#2D2D2D",
"theme_color": "#2D2D2D",
"orientation": "portrait",
"related_applications": [
{
"platform": "play",
"id": "zoff.me.zoff",
"url": "https://play.google.com/store/apps/details?id=zoff.me.zoff"
},
{
"platform": "itunes",
"id": "me.zoff.zoffnative",
"url": "https://itunes.apple.com/us/app/zoff/id1402037061?ls=1&mt=8"
}
],
"icons": [
{
"src": "/assets/images/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/assets/images/android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
]
"short_name": "Zoff",
"name": "Zoff",
"description": "A free YouTube based radio, where no registration is needed for listening to channels, or creating your own channels. ",
"dir": "ltr",
"lang": "en-US",
"start_url": "/",
"display": "standalone",
"background_color": "#2D2D2D",
"theme_color": "#2D2D2D",
"orientation": "portrait",
"related_applications": [
{
"platform": "play",
"id": "zoff.me.zoff",
"url": "https://play.google.com/store/apps/details?id=zoff.me.zoff"
},
{
"platform": "itunes",
"id": "me.zoff.zoffnative",
"url": "https://itunes.apple.com/us/app/zoff/id1402037061?ls=1&mt=8"
}
],
"icons": [
{
"src": "/assets/images/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/assets/images/android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
]
}