Bump mongoose from 5.4.18 to 5.7.5

Bumps [mongoose](https://github.com/Automattic/mongoose) from 5.4.18 to 5.7.5.
- [Release notes](https://github.com/Automattic/mongoose/releases)
- [Changelog](https://github.com/Automattic/mongoose/blob/master/History.md)
- [Commits](https://github.com/Automattic/mongoose/compare/5.4.18...5.7.5)

Signed-off-by: dependabot[bot] <support@github.com>

FUNDING.yml

@@ -0,0 +1,2 @@
+github: [kasperrt]
+custom: ["https://www.paypal.me/zoffmusic"]

README.md

@@ -83,5 +83,5 @@ Zoff is licensed under a
 <a href="http://creativecommons.org/licenses/by-nc-nd/3.0/no/">Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Norway License.</a>.
 Do not redistribute without permission from the developers.
 
-Copyright © 2018
+Copyright © 2019
 Kasper Rynning-Tønnesen and Nicolas Almagro Tonne

gulpfile.js

@@ -1,14 +1,18 @@
 var gulp = require("gulp"),
-  gutil = require("gulp-util"),
   uglify = require("gulp-uglify"),
   //sourcemaps = require('gulp-sourcemaps'),
-  gutil = require("gulp-util"),
   concat = require("gulp-concat"),
   cleanCSS = require("gulp-clean-css");
 
 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"));
 });
@@ -41,9 +45,6 @@ gulp.task("js", function() {
           enclose: true
         })
       )
-      .on("error", function(err) {
-        gutil.log(gutil.colors.red("[Error]"), err.toString());
-      })
       //.pipe(sourcemaps.write('maps'))
       .pipe(gulp.dest("server/public/assets/dist"))
   );
@@ -74,9 +75,6 @@ gulp.task("embed", function() {
           enclose: true
         })
       )
-      .on("error", function(err) {
-        gutil.log(gutil.colors.red("[Error]"), err.toString());
-      })
       //.pipe(sourcemaps.write('maps'))
       .pipe(gulp.dest("server/public/assets/dist"))
   );
@@ -98,10 +96,6 @@ gulp.task("token", function() {
           enclose: true
         })
       )
-      .on("error", function(err) {
-        gutil.log(gutil.colors.red("[Error]"), err.toString());
-      })
-
       //.pipe(sourcemaps.write('maps'))
       .pipe(gulp.dest("server/public/assets/dist"))
   );
@@ -124,10 +118,6 @@ gulp.task("callback", function() {
           enclose: true
         })
       )
-      .on("error", function(err) {
-        gutil.log(gutil.colors.red("[Error]"), err.toString());
-      })
-
       //.pipe(sourcemaps.write('maps'))
       .pipe(gulp.dest("server/public/assets/dist"))
   );
@@ -164,10 +154,6 @@ gulp.task("remotecontroller", function() {
           enclose: true
         })
       )
-      .on("error", function(err) {
-        gutil.log(gutil.colors.red("[Error]"), err.toString());
-      })
-
       //.pipe(sourcemaps.write('maps'))
       .pipe(gulp.dest("server/public/assets/dist"))
   );

package.json

@@ -22,8 +22,7 @@
   "devDependencies": {
     "gulp": "^4.0.0",
     "gulp-concat": "^2.6.1",
-    "gulp-uglify": "^3.0.2",
-    "gulp-util": "^3.0.8"
+    "gulp-uglify": "^3.0.2"
   },
   "homepage": "https://github.com/zoff-music/zoff#readme",
   "dependencies": {
@@ -39,16 +38,17 @@
     "express-handlebars": "^3.0.2",
     "express-recaptcha": "^3.0.1",
     "express-session": "^1.15.6",
+    "farmhash": "^3.0.0",
     "feature-policy": "^0.2.0",
     "gulp-clean-css": "^4.2.0",
     "gulp-sourcemaps": "^2.6.5",
     "gulp-uglify-es": "^1.0.4",
-    "helmet": "^3.16.0",
+    "helmet": "^3.21.1",
     "jimp": "^0.2.28",
     "mongodb": "^2.2.36",
     "mongojs": "^2.6.0",
     "mongojs-paginate": "^1.2.0",
-    "mongoose": "^5.4.18",
+    "mongoose": "^5.7.5",
     "mpromise": "^0.5.5",
     "nodemailer": "^4.7.0",
     "passport": "^0.4.0",

pm2.json

@@ -1,16 +1,15 @@
 {
-    "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/pm2.js",
+      "watch": true,
+      "instances": "max",
+      "exec_mode": "cluster",
+      "ignore_watch": [
+        "./node_modules",
+        "./server/public/assets/images/thumbnails"
+      ]
+    }
+  ]
 }

server/VERSION.js

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

server/app.js

@@ -1,146 +1,157 @@
-var cluster = require('cluster'),
-net = require('net'),
-path = require('path'),
-//publicPath = path.join(__dirname, 'public'),
-http = require('http'),
-port = 8080,
-//farmhash = require('farmhash'),
-uniqid = require('uniqid'),
-num_processes = require('os').cpus().length;
+var cluster = require("cluster"),
+  net = require("net"),
+  path = require("path"),
+  //publicPath = path.join(__dirname, 'public'),
+  http = require("http"),
+  port = 8080,
+  farmhash = require("farmhash"),
+  uniqid = require("uniqid"),
+  num_processes = require("os").cpus().length;
 
-publicPath = path.join(__dirname, 'public');
+publicPath = path.join(__dirname, "public");
 pathThumbnails = __dirname;
 
-
 try {
-    var redis = require("redis");
-    var client = redis.createClient({host: "localhost", port: 6379});
-    client.on("error", function (err) {
-        console.log("Couldn't connect to redis-server, assuming non-clustered run");
-        num_processes = 1;
-        startSingle(false, false);
-        client.quit();
-    });
-    client.on("connect", function() {
-        startClustered(true);
-        client.quit();
-    });
-} catch(e) {
+  var redis = require("redis");
+  var client = redis.createClient({ host: "localhost", port: 6379 });
+  client.on("error", function(err) {
     console.log("Couldn't connect to redis-server, assuming non-clustered run");
     num_processes = 1;
     startSingle(false, false);
+    client.quit();
+  });
+  client.on("connect", function() {
+    startClustered(true);
+    client.quit();
+  });
+} catch (e) {
+  console.log("Couldn't connect to redis-server, assuming non-clustered run");
+  num_processes = 1;
+  startSingle(false, false);
 }
 
 function startClustered(redis_enabled) {
-    //Found https://stackoverflow.com/questions/40885592/use-node-js-cluster-with-socket-io-chat-application
-    if (cluster.isMaster) {
-        var workers = [];
-        var spawn = function(i) {
-            workers[i] = cluster.fork();
-            workers[i].on('exit', function(code, signal) {
-                if(code == 1) {
-                    process.exit(1);
-                    return;
-                }
-                console.log('respawning worker', i);
-                spawn(i);
-            });
-        };
-
-        for (var i = 0; i < num_processes; i++) {
-            spawn(i);
+  //Found https://stackoverflow.com/questions/40885592/use-node-js-cluster-with-socket-io-chat-application
+  if (cluster.isMaster) {
+    var workers = [];
+    var spawn = function(i) {
+      workers[i] = cluster.fork();
+      workers[i].on("exit", function(code, signal) {
+        if (code == 1) {
+          process.exit(1);
+          return;
         }
+        console.log("respawning worker", i);
+        spawn(i);
+      });
+    };
 
-        var worker_index = function(ip, len) {
-            //console.log(ip);
-            var s = '';
-            if(ip == undefined) ip = uniqid.time();
-	    for (var i = 0, _len = ip.length; i < _len; i++) {
-                if(!isNaN(ip[i])) {
-                    s += ip[i];
-                }
-            }
-            return Number(s)%len;
-            //eturn farmhash.fingerprint32(ip) % len;
-        };
-
-        var server = net.createServer({ pauseOnConnect: true }, function(connection, a) {
-            var worker = workers[worker_index(connection.remoteAddress, num_processes)];
-            worker.send('sticky-session:connection', connection);
-        }).listen(port);
-    } else {
-        startSingle(true, redis_enabled);
+    for (var i = 0; i < num_processes; i++) {
+      spawn(i);
     }
+
+    var worker_index = function(ip, len) {
+      //console.log(ip);
+      var s = "";
+      if (ip !== undefined) {
+        return farmhash.fingerprint32(ip) % len;
+      }
+      ip = uniqid.time();
+      for (var i = 0, _len = ip.length; i < _len; i++) {
+        if (!isNaN(ip[i])) {
+          s += ip[i];
+        }
+      }
+      return Number(s) % len;
+    };
+
+    var server = net
+      .createServer({ pauseOnConnect: true }, function(connection, a) {
+        var worker =
+          workers[worker_index(connection.address().address, num_processes)];
+        worker.send("sticky-session:connection", connection);
+      })
+      .listen(port);
+  } else {
+    startSingle(true, redis_enabled);
+  }
 }
 
 function startSingle(clustered, redis_enabled) {
-    var server;
-    var client = require('./apps/client.js');
+  var server;
+  var client = require("./apps/client.js");
+  try {
+    var cert_config = require(path.join(
+      path.join(__dirname, "config"),
+      "cert_config.js"
+    ));
+    var fs = require("fs");
+    var privateKey = fs.readFileSync(cert_config.privateKey).toString();
+    var certificate = fs.readFileSync(cert_config.certificate).toString();
+    var ca = fs.readFileSync(cert_config.ca).toString();
+    var credentials = {
+      key: privateKey,
+      cert: certificate,
+      ca: ca
+    };
+    var https = require("https");
+    server = https.Server(credentials, routingFunction);
+  } catch (err) {
+    console.log("Starting without https (probably on localhost)");
+    server = http.createServer(routingFunction);
+  }
+
+  if (clustered) {
+    server.listen(onListen);
+  } else {
+    server.listen(port, onListen);
+  }
+
+  var socketIO = client.socketIO;
+
+  if (redis_enabled) {
+    var redis = require("socket.io-redis");
     try {
-        var cert_config = require(path.join(path.join(__dirname, 'config'), 'cert_config.js'));
-        var fs = require('fs');
-        var privateKey  = fs.readFileSync(cert_config.privateKey).toString();
-        var certificate = fs.readFileSync(cert_config.certificate).toString();
-        var ca          = fs.readFileSync(cert_config.ca).toString();
-        var credentials = {
-            key: privateKey,
-            cert: certificate,
-            ca: ca
-        };
-        var https = require('https');
-        server = https.Server(credentials, routingFunction);
-    } catch(err){
-        console.log("Starting without https (probably on localhost)");
-        server = http.createServer(routingFunction);
+      socketIO.adapter(redis({ host: "localhost", port: 6379 }));
+    } catch (e) {
+      console.log("No redis-server to connect to..");
     }
+  }
+  socketIO.listen(server);
 
-    if(clustered) {
-        server.listen(onListen);
-    } else {
-        server.listen(port, onListen);
+  process.on("message", function(message, connection) {
+    if (message !== "sticky-session:connection") {
+      return;
     }
-
-    var socketIO = client.socketIO;
-
-    if(redis_enabled) {
-        var redis = require('socket.io-redis');
-        try {
-            socketIO.adapter(redis({ host: 'localhost', port: 6379 }));
-        } catch(e) {
-            console.log("No redis-server to connect to..");
-        }
-    }
-    socketIO.listen(server);
-
-    process.on('message', function(message, connection) {
-        if (message !== 'sticky-session:connection') {
-            return;
-        }
-        server.emit('connection', connection);
-        connection.resume();
-    });
+    server.emit("connection", connection);
+    connection.resume();
+  });
 }
 
 function onListen() {
-    console.log("Started with pid [" + process.pid + "]");
+  console.log("Started with pid [" + process.pid + "]");
 }
 
 function routingFunction(req, res, next) {
-    var client = require('./apps/client.js');
-    var admin = require('./apps/admin.js');
-    try {
-        var url = req.headers['x-forwarded-host'] ? req.headers['x-forwarded-host'] : req.headers.host.split(":")[0];
-        var subdomain = req.headers['x-forwarded-host'] ? req.headers['x-forwarded-host'].split(".") : req.headers.host.split(":")[0].split(".");
+  var client = require("./apps/client.js");
+  var admin = require("./apps/admin.js");
+  try {
+    var url = req.headers["x-forwarded-host"]
+      ? req.headers["x-forwarded-host"]
+      : req.headers.host.split(":")[0];
+    var subdomain = req.headers["x-forwarded-host"]
+      ? req.headers["x-forwarded-host"].split(".")
+      : req.headers.host.split(":")[0].split(".");
 
-        if(subdomain.length > 1 && subdomain[0] == "admin") {
-            admin(req, res, next);
-        } else {
-            client(req, res, next);
-        }
-    } catch(e) {
-        console.log("Bad request for " + req.headers.host + req.url, e);
-        res.statusCode = 500;
-        res.write('Bad request'); //write a response to the client
-        res.end(); //end the response
+    if (subdomain.length > 1 && subdomain[0] == "admin") {
+      admin(req, res, next);
+    } else {
+      client(req, res, next);
     }
+  } catch (e) {
+    console.log("Bad request for " + req.headers.host + req.url, e);
+    res.statusCode = 500;
+    res.write("Bad request"); //write a response to the client
+    res.end(); //end the response
+  }
 }

server/apps/admin.js

@@ -1,252 +1,268 @@
-var express = require('express');
+var express = require("express");
 var app = express();
 
-const path = require('path');
-const publicPath = path.join(__dirname + "", '../public');
-var exphbs = require('express-handlebars');
+const path = require("path");
+const publicPath = path.join(__dirname + "", "../public");
+var exphbs = require("express-handlebars");
 var hbs = exphbs.create({
-    defaultLayout: publicPath + '/layouts/admin/main',
-    layoutsDir: publicPath + '/layouts',
-    partialsDir: publicPath + '/partials'
+  defaultLayout: publicPath + "/layouts/admin/main",
+  layoutsDir: publicPath + "/layouts",
+  partialsDir: publicPath + "/partials"
 });
 
-var passport = require('passport');
-var mpromise = require('mpromise');
-var LocalStrategy = require('passport-local').Strategy;
-var mongoose = require('mongoose');
-var mongo_db_cred = require(pathThumbnails + '/config/mongo_config.js');
-var mongojs = require('mongojs');
+var passport = require("passport");
+var mpromise = require("mpromise");
+var LocalStrategy = require("passport-local").Strategy;
+var mongoose = require("mongoose");
+var mongo_db_cred = require(pathThumbnails + "/config/mongo_config.js");
+var mongojs = require("mongojs");
 var db = mongojs(mongo_db_cred.config);
 var token_db = mongojs("tokens");
-var bodyParser = require('body-parser');
-var session = require('express-session');
-var MongoStore = require('connect-mongo')(session);
-var api = require(pathThumbnails + '/routing/admin/api.js');
+var bodyParser = require("body-parser");
+var session = require("express-session");
+var MongoStore = require("connect-mongo")(session);
+var api = require(pathThumbnails + "/routing/admin/api.js");
 
-var compression = require('compression');
-var User = require(pathThumbnails + '/models/user.js');
-var url = 'mongodb://' + mongo_db_cred.host + '/' + mongo_db_cred.users;
+var compression = require("compression");
+var User = require(pathThumbnails + "/models/user.js");
+var url = "mongodb://" + mongo_db_cred.host + "/" + mongo_db_cred.users;
 mongoose.connect(url);
 
+app.engine("handlebars", hbs.engine);
+app.set("view engine", "handlebars");
+app.use(compression({ filter: shouldCompress }));
 
-app.engine('handlebars', hbs.engine);
-app.set('view engine', 'handlebars');
-app.use(compression({filter: shouldCompress}))
+function shouldCompress(req, res) {
+  if (req.headers["x-no-compression"]) {
+    // don't compress responses with this request header
+    return false;
+  }
 
-function shouldCompress (req, res) {
-    if (req.headers['x-no-compression']) {
-        // don't compress responses with this request header
-        return false;
-    }
-
-    // fallback to standard filter function
-    return compression.filter(req, res);
+  // fallback to standard filter function
+  return compression.filter(req, res);
 }
-app.set('trust proxy', '127.0.0.1');
+app.set("trust proxy", "127.0.0.1");
 
-var bodyParser = require('body-parser');
+var bodyParser = require("body-parser");
 var cookieParser = require("cookie-parser");
-var referrerPolicy = require('referrer-policy');
-var helmet = require('helmet');
-var featurePolicy = require('feature-policy');
-app.use(featurePolicy({
+var referrerPolicy = require("referrer-policy");
+var helmet = require("helmet");
+var featurePolicy = require("feature-policy");
+app.use(
+  featurePolicy({
     features: {
-        fullscreen: ["*"],
-        //vibrate: ["'none'"],
-        payment: ["'none'"],
-        microphone: ["'none'"],
-        camera: ["'none'"],
-        speaker: ["*"],
-        syncXhr: ["'self'"],
-        //notifications: ["'self'"]
+      fullscreen: ["*"],
+      //vibrate: ["'none'"],
+      payment: ["'none'"],
+      microphone: ["'none'"],
+      camera: ["'none'"],
+      speaker: ["*"],
+      syncXhr: ["'self'"]
+      //notifications: ["'self'"]
     }
-}));
-app.use(helmet({
-    frameguard: false,
-}));
-app.use(referrerPolicy({ policy: 'origin-when-cross-origin' }));
-app.enable('view cache');
-app.set('views', publicPath);
-app.use( bodyParser.json() );       // to support JSON-encoded bodies
-app.use(bodyParser.urlencoded({
+  })
+);
+app.use(
+  helmet({
+    frameguard: false
+  })
+);
+app.use(referrerPolicy({ policy: "origin-when-cross-origin" }));
+app.enable("view cache");
+app.set("views", publicPath);
+app.use(bodyParser.json()); // to support JSON-encoded bodies
+app.use(
+  bodyParser.urlencoded({
     extended: true
-}));
-app.use(session({
+  })
+);
+app.use(
+  session({
     secret: mongo_db_cred.secret,
     resave: true,
     saveUninitialized: true,
     store: new MongoStore({
-        url: url,
-        useNewUrlParser: true,
-        collection: 'sessions',
-        ttl: mongo_db_cred.expire
+      url: url,
+      useNewUrlParser: true,
+      collection: "sessions",
+      ttl: mongo_db_cred.expire
     })
-})); // session secret
+  })
+); // session secret
 app.use(passport.initialize());
 app.use(passport.session()); // persistent login sessions
 
 //app.use('/assets', express.static(publicPath + '/assets'));
 
 passport.serializeUser(function(user, done) {
-    done(null, user.id);
+  done(null, user.id);
 });
 
-
-
 // used to deserialize the user
 passport.deserializeUser(function(id, done) {
-    User.findById(id, function(err, user) {
-        done(err, user);
-    });
+  User.findById(id, function(err, user) {
+    done(err, user);
+  });
 });
 
-passport.use('local-signup', new LocalStrategy({
-    // by default, local strategy uses username and password, we will override with username
-    usernameField : 'username',
-    passwordField : 'password',
-    passReqToCallback : true // allows us to pass back the entire request to the callback
-},
-function(req, username, password, done) {
-    // asynchronous
-    // User.findOne wont fire unless data is sent back
-    process.nextTick(function() {
-
+passport.use(
+  "local-signup",
+  new LocalStrategy(
+    {
+      // by default, local strategy uses username and password, we will override with username
+      usernameField: "username",
+      passwordField: "password",
+      passReqToCallback: true // allows us to pass back the entire request to the callback
+    },
+    function(req, username, password, done) {
+      // asynchronous
+      // User.findOne wont fire unless data is sent back
+      process.nextTick(function() {
         // find a user whose username is the same as the forms username
         // we are checking to see if the user trying to login already exists
         var token = req.body.token;
-        token_db.collection("tokens").find({token: token}, function(err, docs){
-            if(docs.length == 1){
-                token_db.collection("tokens").remove({token: token}, function(err, docs){
-                    User.findOne({ 'username' :  username }, function(err, user) {
-                        // if there are any errors, return the error
-                        if (err)
-                        return done(err);
+        token_db
+          .collection("tokens")
+          .find({ token: token }, function(err, docs) {
+            if (docs.length == 1) {
+              token_db
+                .collection("tokens")
+                .remove({ token: token }, function(err, docs) {
+                  User.findOne({ username: username }, function(err, user) {
+                    // if there are any errors, return the error
+                    if (err) return done(err);
 
-                        // check to see if theres already a user with that username
-                        if (user) {
-                            return done(null, false);
-                        } else {
+                    // check to see if theres already a user with that username
+                    if (user) {
+                      return done(null, false);
+                    } else {
+                      // if there is no user with that username
+                      // create the user
+                      var newUser = new User();
 
-                            // if there is no user with that username
-                            // create the user
-                            var newUser            = new User();
+                      // set the user's local credentials
+                      newUser.username = username;
+                      newUser.password = newUser.generateHash(password);
 
-                            // set the user's local credentials
-                            newUser.username    = username;
-                            newUser.password = newUser.generateHash(password);
-
-                            // save the user
-                            newUser.save(function(err) {
-                                if (err)
-                                throw err;
-                                return done(null, newUser);
-                            });
-                        }
-
-                    });
+                      // save the user
+                      newUser.save(function(err) {
+                        if (err) throw err;
+                        return done(null, newUser);
+                      });
+                    }
+                  });
                 });
             } else {
-                return done(null, false);
+              return done(null, false);
             }
-        });
-    });
+          });
+      });
+    }
+  )
+);
 
-}));
+passport.use(
+  "local-login",
+  new LocalStrategy(
+    {
+      // by default, local strategy uses username and password, we will override with email
+      usernameField: "username",
+      passwordField: "password",
+      passReqToCallback: true // allows us to pass back the entire request to the callback
+    },
+    function(req, username, password, done) {
+      // callback with email and password from our form
 
-passport.use('local-login', new LocalStrategy({
-    // by default, local strategy uses username and password, we will override with email
-    usernameField : 'username',
-    passwordField : 'password',
-    passReqToCallback : true // allows us to pass back the entire request to the callback
-},    function(req, username, password, done) { // callback with email and password from our form
-
-    // find a user whose email is the same as the forms email
-    // we are checking to see if the user trying to login already exists
-    User.findOne({ 'username' :  username }, function(err, user) {
+      // find a user whose email is the same as the forms email
+      // we are checking to see if the user trying to login already exists
+      User.findOne({ username: username }, function(err, user) {
         // if there are any errors, return the error before anything else
-        if (err)
-        return done(err);
+        if (err) return done(err);
 
         // if no user is found, return the message
-        if (!user)
-        return done(null, false); // req.flash is the way to set flashdata using connect-flash
+        if (!user) return done(null, false); // req.flash is the way to set flashdata using connect-flash
 
         // if the user is found but the password is wrong
-        if (!user.validPassword(password))
-        return done(null, false); // create the loginMessage and save it to session as flashdata
+        if (!user.validPassword(password)) return done(null, false); // create the loginMessage and save it to session as flashdata
 
         // all is well, return successful user
 
         return done(null, user);
-    });
-
-}));
-
-app.post('/signup', passport.authenticate('local-signup', {
-    successRedirect : '/', // redirect to the secure profile section
-    failureRedirect : '/signup', // redirect back to the signup page if there is an error
-    failureFlash : true // allow flash messages
-}));
-
-app.post('/login', passport.authenticate('local-login', {
-    successRedirect : '/', // redirect to the secure profile section
-    failureRedirect : '/login#failed', // redirect back to the signup page if there is an error
-    failureFlash : true // allow flash messages
-}));
-
-app.use('/login', isLoggedInTryingToLogIn, function(req, res) {
-    var data = {
-        where_get: "not_authenticated"
-    };
-
-    res.render('layouts/admin/not_authenticated', data);
-});
-
-app.use('/signup', isLoggedInTryingToLogIn, function(req, res) {
-    var data = {
-        where_get: "not_authenticated"
-    };
-
-    res.render('layouts/admin/not_authenticated', data);
-});
-
-app.use('/', api);
-
-app.use('/logout', function(req, res) {
-    req.logout();
-    res.redirect('/login');
-});
-
-app.use('/assets/admin/authenticated', function(req, res, next) {
-    if(!req.isAuthenticated()) {
-        res.sendStatus(403);
-        return;
+      });
     }
+  )
+);
+
+app.post(
+  "/signup",
+  passport.authenticate("local-signup", {
+    successRedirect: "/", // redirect to the secure profile section
+    failureRedirect: "/signup", // redirect back to the signup page if there is an error
+    failureFlash: true // allow flash messages
+  })
+);
+
+app.post(
+  "/login",
+  passport.authenticate("local-login", {
+    successRedirect: "/", // redirect to the secure profile section
+    failureRedirect: "/login#failed", // redirect back to the signup page if there is an error
+    failureFlash: true // allow flash messages
+  })
+);
+
+app.use("/login", isLoggedInTryingToLogIn, function(req, res) {
+  var data = {
+    where_get: "not_authenticated"
+  };
+
+  res.render("layouts/admin/not_authenticated", data);
+});
+
+app.use("/signup", isLoggedInTryingToLogIn, function(req, res) {
+  var data = {
+    where_get: "not_authenticated"
+  };
+
+  res.render("layouts/admin/not_authenticated", data);
+});
+
+app.use("/", api);
+
+app.use("/logout", function(req, res) {
+  req.logout();
+  res.redirect("/login");
+});
+
+app.use("/assets/admin/authenticated", function(req, res, next) {
+  if (!req.isAuthenticated()) {
+    res.sendStatus(403);
+    return;
+  }
+  return next();
+});
+
+app.use("/assets", express.static(publicPath + "/assets"));
+
+app.use("/", isLoggedIn, function(req, res) {
+  var data = {
+    where_get: "authenticated",
+    year: new Date().getYear() + 1900
+  };
+
+  res.render("layouts/admin/authenticated", data);
+});
+
+function isLoggedInTryingToLogIn(req, res, next) {
+  if (!req.isAuthenticated()) {
     return next();
-});
-
-app.use('/assets', express.static(publicPath + '/assets'));
-
-app.use('/', isLoggedIn, function(req, res) {
-    var data = {
-        where_get: "authenticated",
-        year: new Date().getYear()+1900,
-    };
-
-    res.render('layouts/admin/authenticated', data);
-});
-
-function isLoggedInTryingToLogIn(req, res, next){
-    if(!req.isAuthenticated()){
-        return next();
-    }
-    res.redirect("/");
+  }
+  res.redirect("/");
 }
 
 function isLoggedIn(req, res, next) {
-    if (req.isAuthenticated())
-    return next();
-    res.redirect('/login');
+  if (req.isAuthenticated()) return next();
+  res.redirect("/login");
 }
 
 //app.listen(default_port);

server/apps/client.js

@@ -1,185 +1,207 @@
-VERSION = require(pathThumbnails + '/VERSION.js');
+VERSION = require(pathThumbnails + "/VERSION.js");
 var secure = false;
-var path = require('path');
+var path = require("path");
 try {
-    var cert_config = require(path.join(path.join(__dirname, '../config/'), 'cert_config.js'));
-    var fs = require('fs');
-    var privateKey  = fs.readFileSync(cert_config.privateKey).toString();
-    var certificate = fs.readFileSync(cert_config.certificate).toString();
-    var ca          = fs.readFileSync(cert_config.ca).toString();
-    var credentials = {
-        key: privateKey,
-        cert: certificate,
-        ca: ca
-    };
-    secure = true;
-} catch(err){}
+  var cert_config = require(path.join(
+    path.join(__dirname, "../config/"),
+    "cert_config.js"
+  ));
+  var fs = require("fs");
+  var privateKey = fs.readFileSync(cert_config.privateKey).toString();
+  var certificate = fs.readFileSync(cert_config.certificate).toString();
+  var ca = fs.readFileSync(cert_config.ca).toString();
+  var credentials = {
+    key: privateKey,
+    cert: certificate,
+    ca: ca
+  };
+  secure = true;
+} catch (err) {}
 
 var add = "";
-var express = require('express');
+var express = require("express");
 var app = express();
-var compression = require('compression');
-var exphbs = require('express-handlebars');
-var cors = require('cors');
-var Functions = require(pathThumbnails + '/handlers/functions.js');
+var compression = require("compression");
+var exphbs = require("express-handlebars");
+var cors = require("cors");
+var Functions = require(pathThumbnails + "/handlers/functions.js");
 
 var hbs = exphbs.create({
-    defaultLayout: publicPath + '/layouts/client/main',
-    layoutsDir: publicPath + '/layouts/client',
-    partialsDir: publicPath + '/partials',
-    helpers: {
-        if_equal: function(a, b, opts) {
-            if (a == b) {
-                return opts.fn(this)
-            } else {
-                return opts.inverse(this)
-            }
-        },
-        decodeString: function(s) {
-            if(s == undefined) return s;
-            return Functions.decodeChannelName(s);
-        }
-
+  defaultLayout: publicPath + "/layouts/client/main",
+  layoutsDir: publicPath + "/layouts/client",
+  partialsDir: publicPath + "/partials",
+  helpers: {
+    if_equal: function(a, b, opts) {
+      if (a == b) {
+        return opts.fn(this);
+      } else {
+        return opts.inverse(this);
+      }
+    },
+    decodeString: function(s) {
+      if (s == undefined) return s;
+      return Functions.decodeChannelName(s);
     }
+  }
 });
-var uniqid = require('uniqid');
-app.use(compression({filter: shouldCompress}))
+var uniqid = require("uniqid");
+app.use(compression({ filter: shouldCompress }));
 
-function shouldCompress (req, res) {
-    if (req.headers['x-no-compression']) {
-        // don't compress responses with this request header
-        return false;
-    }
+function shouldCompress(req, res) {
+  if (req.headers["x-no-compression"]) {
+    // don't compress responses with this request header
+    return false;
+  }
 
-    // fallback to standard filter function
-    return compression.filter(req, res);
+  // fallback to standard filter function
+  return compression.filter(req, res);
 }
 
-app.engine('handlebars', hbs.engine);
-app.set('view engine', 'handlebars');
-app.enable('view cache');
-app.set('views', publicPath);
-app.set('trust proxy', '127.0.0.1');
+app.engine("handlebars", hbs.engine);
+app.set("view engine", "handlebars");
+app.enable("view cache");
+app.set("views", publicPath);
+app.set("trust proxy", "127.0.0.1");
 
-var bodyParser = require('body-parser');
+var bodyParser = require("body-parser");
 var cookieParser = require("cookie-parser");
-var referrerPolicy = require('referrer-policy');
-var helmet = require('helmet');
-var featurePolicy = require('feature-policy');
-app.use(featurePolicy({
+var referrerPolicy = require("referrer-policy");
+var helmet = require("helmet");
+var featurePolicy = require("feature-policy");
+app.use(
+  featurePolicy({
     features: {
-        fullscreen: ["*"],
-        //vibrate: ["'none'"],
-        payment: ["'none'"],
-        microphone: ["'none'"],
-        camera: ["'none'"],
-        speaker: ["*"],
-        syncXhr: ["'self'"],
-        //notifications: ["'self'"]
+      fullscreen: ["*"],
+      //vibrate: ["'none'"],
+      payment: ["'none'"],
+      microphone: ["'none'"],
+      camera: ["'none'"],
+      speaker: ["*"],
+      syncXhr: ["'self'"]
+      //notifications: ["'self'"]
     }
-}));
-app.use(helmet({
-    frameguard: false,
-}));
-app.use(referrerPolicy({ policy: 'origin-when-cross-origin' }));
-app.use( bodyParser.json() );       // to support JSON-encoded bodies
-app.use(bodyParser.urlencoded({     // to support URL-encoded bodies
+  })
+);
+app.use(
+  helmet({
+    frameguard: false
+  })
+);
+app.use(referrerPolicy({ policy: "origin-when-cross-origin" }));
+app.use(bodyParser.json()); // to support JSON-encoded bodies
+app.use(
+  bodyParser.urlencoded({
+    // to support URL-encoded bodies
     extended: true
-}));
+  })
+);
 app.use(cookieParser());
 //app.set('json spaces', 2);
 
-io = require('socket.io')({
-    pingTimeout: 25000,
-    //path: '/zoff',
-    //"origins": ("https://zoff.me:443*,https://zoff.me:8080*,zoff.me:8080*,https://remote.zoff.me:443*,https://remote.zoff.me:8080*,https://fb.zoff.me:443*,https://fb.zoff.me:8080*,https://admin.zoff.me:443*,https://admin.zoff.me:8080*, http://localhost:8080*")});
+io = require("socket.io")({
+  pingTimeout: 25000
+  //path: '/zoff',
+  //"origins": ("https://zoff.me:443*,https://zoff.me:8080*,zoff.me:8080*,https://remote.zoff.me:443*,https://remote.zoff.me:8080*,https://fb.zoff.me:443*,https://fb.zoff.me:8080*,https://admin.zoff.me:443*,https://admin.zoff.me:8080*, http://localhost:8080*")});
 });
 
-var socketIO = require(pathThumbnails +'/handlers/io.js');
+var socketIO = require(pathThumbnails + "/handlers/io.js");
 socketIO();
 
 app.socketIO = io;
 
-
 /* Globally needed "libraries" and files */
-var router = require(pathThumbnails + '/routing/client/router.js');
-var api_file = require(pathThumbnails + '/routing/client/api.js');
+var router = require(pathThumbnails + "/routing/client/router.js");
+var api_file = require(pathThumbnails + "/routing/client/api.js");
 var api = api_file.router;
 api_file.sIO = app.socketIO;
-var ico_router = require(pathThumbnails + '/routing/client/icons_routing.js');
+var ico_router = require(pathThumbnails + "/routing/client/icons_routing.js");
 
-app.get('/robots.txt', function (req, res) {
-    res.type('text/plain');
-    res.send("User-agent: *\nAllow: /$\nDisallow: /");
+app.get("/robots.txt", function(req, res) {
+  res.type("text/plain");
+  res.send("User-agent: *\nAllow: /$\nDisallow: /");
 });
 
-app.use(function (req, res, next) {
-    var cookie = req.cookies._uI;
-    var skipElements = ["/_embed", "/assets/manifest.json", "/apple-touch-icon.png"];
-    if(skipElements.indexOf(req.originalUrl) > -1) {
-        res.header("Access-Control-Allow-Origin", "*");
-        res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
-        next();
+app.use(function(req, res, next) {
+  var cookie = req.cookies._uI;
+  var skipElements = [
+    "/_embed",
+    "/assets/manifest.json",
+    "/apple-touch-icon.png"
+  ];
+  if (skipElements.indexOf(req.originalUrl) > -1) {
+    res.header("Access-Control-Allow-Origin", "*");
+    res.header(
+      "Access-Control-Allow-Headers",
+      "Origin, X-Requested-With, Content-Type, Accept"
+    );
+    next();
+  } else {
+    if (req.originalUrl.split("/").length > 3) {
+      res.header("Access-Control-Allow-Origin", "*");
+      res.header(
+        "Access-Control-Allow-Headers",
+        "Origin, X-Requested-With, Content-Type, Accept"
+      );
+      next();
     } else {
-        if(req.originalUrl.split("/").length > 3) {
-            res.header("Access-Control-Allow-Origin", "*");
-            res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
-            next();
-        } else {
-            if (cookie === undefined) {
-                try {
-                    //console.error((new Date), "originalUrl", req.originalUrl);
-                    //console.error((new Date), "couldn't fetch cookie for some reason, maybe no cookie exists?", req.get('origin'), "couldn't fetch cookie for some reason, maybe no cookie exists?");
-
-                } catch(e) {
-                    //console.error((new Date), "couldn't fetch origin");
-                }
-                var user_name = Functions.hash_pass(Functions.rndName(uniqid.time(), 15));
-                res.cookie('_uI', user_name, {
-                    maxAge: 365 * 10000 * 3600000,
-                    httpOnly: true,
-                    secure: secure,
-                    //sameSite: true,
-                });
-            } else {
-                //process.stderr.write((new Date), "couldn't fetch cookie for some reason, maybe no cookie exists?", req, "couldn't fetch cookie for some reason, maybe no cookie exists?");
-                res.cookie('_uI', cookie, {
-                    maxAge: 365 * 10000 * 3600000,
-                    httpOnly: true,
-                    secure: secure,
-                    //sameSite: true,
-                });
-            }
-            res.header("Access-Control-Allow-Origin", "*");
-            res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
-            next();
+      if (cookie === undefined) {
+        try {
+          //console.error((new Date), "originalUrl", req.originalUrl);
+          //console.error((new Date), "couldn't fetch cookie for some reason, maybe no cookie exists?", req.get('origin'), "couldn't fetch cookie for some reason, maybe no cookie exists?");
+        } catch (e) {
+          //console.error((new Date), "couldn't fetch origin");
         }
+        var user_name = Functions.hash_pass(
+          Functions.rndName(uniqid.time(), 15)
+        );
+        res.cookie("_uI", user_name, {
+          maxAge: 365 * 10000 * 3600000,
+          httpOnly: true,
+          secure: secure
+          //sameSite: true,
+        });
+      } else {
+        //process.stderr.write((new Date), "couldn't fetch cookie for some reason, maybe no cookie exists?", req, "couldn't fetch cookie for some reason, maybe no cookie exists?");
+        res.cookie("_uI", cookie, {
+          maxAge: 365 * 10000 * 3600000,
+          httpOnly: true,
+          secure: secure
+          //sameSite: true,
+        });
+      }
+      res.header("Access-Control-Allow-Origin", "*");
+      res.header(
+        "Access-Control-Allow-Headers",
+        "Origin, X-Requested-With, Content-Type, Accept"
+      );
+      next();
     }
+  }
 });
 
-app.use('/service-worker.js', function(req, res) {
-    res.sendFile(publicPath + '/service-worker.js');
+app.use("/service-worker.js", function(req, res) {
+  res.sendFile(publicPath + "/service-worker.js");
 });
 
-app.use('/', ico_router);
-app.use('/', api);
-app.use('/', cors(), router);
+app.use("/", ico_router);
+app.use("/", api);
+app.use("/", cors(), router);
 
-app.use('/assets/js', function(req, res, next) {
-    res.sendStatus(403);
-    return;
+app.use("/assets/js", function(req, res, next) {
+  res.sendStatus(403);
+  return;
 });
 
-app.use('/assets/admin', function(req, res, next) {
-    res.sendStatus(403);
-    return;
+app.use("/assets/admin", function(req, res, next) {
+  res.sendStatus(403);
+  return;
 });
 
-app.use('/assets', express.static(publicPath + '/assets'));
+app.use("/assets", express.static(publicPath + "/assets"));
 
-app.use(function (req, res, next) {
-    res.status(404);
-    res.redirect("/404");
-})
+app.use(function(req, res, next) {
+  res.status(404);
+  res.redirect("/404");
+});
 
 module.exports = app;

server/config/api_key.example.js

@@ -1,8 +1,8 @@
 var api_key = {
-    "youtube": "xxxx",
-    "soundcloud": "xx",
+  youtube: "xxxx",
+  soundcloud: "xx" // This can be excluded if you don't have a soundcloud key
 };
 
 try {
-    module.exports = api_key;
-} catch(e) {}
+  module.exports = api_key;
+} catch (e) {}

server/handlers/aggregates.js

@@ -1,59 +1,63 @@
 var toShowConfig = {
-    "addsongs": true,
-    "adminpass": 1,
-    "allvideos": 1,
-    "frontpage": 1,
-    "longsongs": 1,
-    "removeplay": 1,
-    "shuffle": 1,
-    "skip": 1,
-    "startTime": 1,
-    "userpass": 1,
-    "vote": 1,
-    "toggleChat": { $ifNull: [ "$toggleChat", true ] },
-    "strictSkip": { $ifNull: [ "$strictSkip", false ] },
-    "strictSkipNumber": { $ifNull: [ "$strictSkipNumber", 10 ] },
-    "description": { $ifNull: [ "$description", "" ] },
-    "thumbnail": { $ifNull: [ "$thumbnail", "" ] },
-    "rules": { $ifNull: [ "$rules", "" ] },
-    "_id": 0
+  addsongs: true,
+  adminpass: 1,
+  allvideos: 1,
+  frontpage: 1,
+  longsongs: 1,
+  removeplay: 1,
+  shuffle: 1,
+  skip: 1,
+  startTime: 1,
+  userpass: 1,
+  vote: 1,
+  toggleChat: { $ifNull: ["$toggleChat", true] },
+  strictSkip: { $ifNull: ["$strictSkip", false] },
+  strictSkipNumber: { $ifNull: ["$strictSkipNumber", 10] },
+  description: { $ifNull: ["$description", ""] },
+  thumbnail: { $ifNull: ["$thumbnail", ""] },
+  rules: { $ifNull: ["$rules", ""] },
+  _id: 0
 };
 
 var project_object = {
-    "_id": 0,
-    "id": 1,
-    "added": 1,
-    "now_playing": 1,
-    "title": 1,
-    "votes": 1,
-    "start": 1,
-    "duration": 1,
-    "end": 1,
-    "type": 1,
-    "source": { $ifNull: [ "$source", "youtube" ] },
-    "thumbnail": {
-        $ifNull: [ "$thumbnail", {
-            $concat : [ "https://img.youtube.com/vi/", "$id", "/mqdefault.jpg"]
-        } ]
-    },
-    "tags": { $ifNull: [ "$tags", [] ] },
+  _id: 0,
+  id: 1,
+  added: 1,
+  now_playing: 1,
+  title: 1,
+  votes: 1,
+  start: 1,
+  duration: 1,
+  end: 1,
+  type: 1,
+  added_by: { $ifNull: ["$added_by", "Anonymous"] },
+  source: { $ifNull: ["$source", "youtube"] },
+  thumbnail: {
+    $ifNull: [
+      "$thumbnail",
+      {
+        $concat: ["https://img.youtube.com/vi/", "$id", "/mqdefault.jpg"]
+      }
+    ]
+  },
+  tags: { $ifNull: ["$tags", []] }
 };
 
 var toShowChannel = {
-    start: 1,
-    end: 1,
-    added: 1,
-    id: 1,
-    title: 1,
-    votes: 1,
-    duration: 1,
-    type: 1,
-    _id: 0,
-    tags: 1,
-    now_playing: 1,
-    type: 1,
-    source: 1,
-    thumbnail: 1,
+  start: 1,
+  end: 1,
+  added: 1,
+  id: 1,
+  title: 1,
+  votes: 1,
+  duration: 1,
+  type: 1,
+  _id: 0,
+  tags: 1,
+  now_playing: 1,
+  type: 1,
+  source: 1,
+  thumbnail: 1
 };
 
 module.exports.project_object = project_object;

server/handlers/db.js

@@ -1,39 +1,84 @@
-var path = require('path');
+var path = require("path");
 try {
-    var mongo_config = require(path.join(path.join(__dirname, '../config/'), 'mongo_config.js'));
-} catch(e) {
-    console.log("Error - missing file");
-    console.log("Seems you forgot to create the file mongo_config.js in /server/config/. Have a look at mongo_config.example.js.");
-    process.exit(1);
+  var mongo_config = require(path.join(
+    path.join(__dirname, "../config/"),
+    "mongo_config.js"
+  ));
+} catch (e) {
+  console.log(
+    "(!) Missing file - /config/mongo_config.js. Have a look at /config/mongo_config.example.js.  The server won't run without this existing."
+  );
+  process.exit(1);
 }
-var mongojs = require('mongojs');
-var db = mongojs('mongodb://' + mongo_config.host + '/' + mongo_config.config);
-var connected_db = mongojs('mongodb://' + mongo_config.host + '/user_credentials');
+var mongojs = require("mongojs");
+var db = mongojs("mongodb://" + mongo_config.host + "/" + mongo_config.config);
+var connected_db = mongojs(
+  "mongodb://" + mongo_config.host + "/user_credentials"
+);
 var ObjectId = mongojs.ObjectId;
 
-db.collection("chat_logs").createIndex({ "createdAt": 1 }, { expireAfterSeconds: 600 }, function(){});
-db.collection("timeout_api").createIndex({ "createdAt": 1 }, { expireAfterSeconds: 120 }, function(){});
-db.collection("api_links").createIndex({ "createdAt": 1 }, { expireAfterSeconds: 86400 }, function(){});
-db.on('connected', function(err) {
-    console.log("connected");
+db.collection("chat_logs").createIndex(
+  { createdAt: 1 },
+  { expireAfterSeconds: 600 },
+  function() {}
+);
+db.collection("timeout_api").createIndex(
+  { createdAt: 1 },
+  { expireAfterSeconds: 120 },
+  function() {}
+);
+db.collection("api_links").createIndex(
+  { createdAt: 1 },
+  { expireAfterSeconds: 86400 },
+  function() {}
+);
+db.on("connected", function(err) {
+  console.log("connected");
 });
 
-db.on('error',function(err) {
-    console.log("\n" + new Date().toString() + "\n Database error: ", err);
+db.on("error", function(err) {
+  console.log("\n" + new Date().toString() + "\n Database error: ", err);
 });
 
-
-db.on('error',function(err) {
-	console.log("\n" + new Date().toString() + "\n Database error: ", err);
+db.on("error", function(err) {
+  console.log("\n" + new Date().toString() + "\n Database error: ", err);
 });
 
 /* Resetting usernames, and connected users */
-db.collection("unique_ids").update({"_id": "unique_ids"}, {$set: {unique_ids: []}}, {multi: true, upsert: true}, function(err, docs){});
-db.collection("user_names").remove({"guid": {$exists: true}}, {multi: true, upsert: true}, function(err, docs){});
-db.collection("user_names").update({"_id": "all_names"}, {$set: {names: []}}, {multi: true, upsert: true}, function(err, docs){});
-db.collection("connected_users").update({users: {$exists: true}}, {$set: {users: []}}, {multi: true, upsert: true}, function(err, docs){});
-db.collection("connected_users").update({"_id": "total_users"}, {$set: {total_users: []}}, {multi: true, upsert: true}, function(err, docs) {});
-db.collection("frontpage_lists").update({viewers: {$ne: 0}}, {$set: {"viewers": 0}}, {multi: true, upsert: true}, function(err, docs) {});
-
+db.collection("unique_ids").update(
+  { _id: "unique_ids" },
+  { $set: { unique_ids: [] } },
+  { multi: true, upsert: true },
+  function(err, docs) {}
+);
+db.collection("user_names").remove(
+  { guid: { $exists: true } },
+  { multi: true, upsert: true },
+  function(err, docs) {}
+);
+db.collection("user_names").update(
+  { _id: "all_names" },
+  { $set: { names: [] } },
+  { multi: true, upsert: true },
+  function(err, docs) {}
+);
+db.collection("connected_users").update(
+  { users: { $exists: true } },
+  { $set: { users: [] } },
+  { multi: true, upsert: true },
+  function(err, docs) {}
+);
+db.collection("connected_users").update(
+  { _id: "total_users" },
+  { $set: { total_users: [] } },
+  { multi: true, upsert: true },
+  function(err, docs) {}
+);
+db.collection("frontpage_lists").update(
+  { viewers: { $ne: 0 } },
+  { $set: { viewers: 0 } },
+  { multi: true, upsert: true },
+  function(err, docs) {}
+);
 
 module.exports = db;

server/handlers/frontpage.js

@@ -1,104 +1,143 @@
-var Functions = require(pathThumbnails + '/handlers/functions.js');
-var db = require(pathThumbnails + '/handlers/db.js');
+var Functions = require(pathThumbnails + "/handlers/functions.js");
+var db = require(pathThumbnails + "/handlers/db.js");
 function frontpage_lists(msg, socket) {
-    if(msg == undefined || !msg.hasOwnProperty('version') || msg.version != VERSION || msg.version == undefined) {
-        var result = {
-            version: {
-                expected: VERSION,
-                got: msg.hasOwnProperty("version") ? msg.version : undefined,
-            }
-        };
-        socket.emit('update_required', result);
-        return;
-    }
+  if (
+    msg == undefined ||
+    !msg.hasOwnProperty("version") ||
+    msg.version != VERSION ||
+    msg.version == undefined
+  ) {
+    var result = {
+      version: {
+        expected: VERSION,
+        got: msg.hasOwnProperty("version") ? msg.version : undefined
+      }
+    };
+    socket.emit("update_required", result);
+    return;
+  }
 
-    db.collection("frontpage_lists").find({frontpage:true}, function(err, docs){
-        db.collection("connected_users").find({"_id": "total_users"}, function(err, tot){
-            socket.compress(true).emit("playlists", {channels: docs, viewers: tot[0].total_users.length});
+  db.collection("frontpage_lists").find({ frontpage: true }, function(
+    err,
+    docs
+  ) {
+    db.collection("connected_users").find({ _id: "total_users" }, function(
+      err,
+      tot
+    ) {
+      socket
+        .compress(true)
+        .emit("playlists", {
+          channels: docs,
+          viewers: tot[0].total_users.length
         });
     });
+  });
 }
 
 function get_frontpage_lists(callback) {
-    var project_object = {
-        "_id": 1,
-        "count": 1,
-        "frontpage": 1,
-        "id": 1,
-        "title": 1,
-        "viewers": 1,
-        "accessed": 1,
-        "pinned": { $ifNull: [ "$pinned", 0 ] },
-        "description": {
-            $ifNull: [ {$cond: {
-                "if": {
-                    "$or": [
-                        { "$eq": [ "$description", ""] },
-                        { "$eq": [ "$description", null] },
-                        { "$eq": [ "$description", undefined] }
-                    ]
-                },
-                then: "This list has no description",
-                else: "$description"
-            }}, "This list has no description"]
-
+  var project_object = {
+    _id: 1,
+    count: 1,
+    frontpage: 1,
+    id: 1,
+    title: 1,
+    viewers: 1,
+    accessed: 1,
+    pinned: { $ifNull: ["$pinned", 0] },
+    description: {
+      $ifNull: [
+        {
+          $cond: {
+            if: {
+              $or: [
+                { $eq: ["$description", ""] },
+                { $eq: ["$description", null] },
+                { $eq: ["$description", undefined] }
+              ]
+            },
+            then: "This list has no description",
+            else: "$description"
+          }
         },
-        "thumbnail": {
-            $ifNull: [ {$cond: {
-                "if": {
-                    "$or": [
-                        { "$eq": [ "$thumbnail", ""] },
-                        { "$eq": [ "$thumbnail", null] },
-                        { "$eq": [ "$thumbnail", undefined] }
-                    ]
-                },
-                then: {
-                    $concat : [ "https://img.youtube.com/vi/", "$id", "/mqdefault.jpg"]
-                },
-                else: "$thumbnail"
-            }}, { $concat : [ "https://img.youtube.com/vi/", "$id", "/mqdefault.jpg"]}]
-
+        "This list has no description"
+      ]
+    },
+    thumbnail: {
+      $ifNull: [
+        {
+          $cond: {
+            if: {
+              $or: [
+                { $eq: ["$thumbnail", ""] },
+                { $eq: ["$thumbnail", null] },
+                { $eq: ["$thumbnail", undefined] }
+              ]
+            },
+            then: {
+              $concat: ["https://img.youtube.com/vi/", "$id", "/mqdefault.jpg"]
+            },
+            else: "$thumbnail"
+          }
+        },
+        { $concat: ["https://img.youtube.com/vi/", "$id", "/mqdefault.jpg"] }
+      ]
+    }
+  };
+  db.collection("frontpage_lists").aggregate(
+    [
+      {
+        $match: {
+          frontpage: true,
+          count: { $gt: 3 }
         }
-    };
-    db.collection("frontpage_lists").aggregate([
-        {
-            "$match": {
-                frontpage: true,
-                count: {$gt: 3},
-            }
-        },
-        {
-            "$project": project_object
-        },
-        {
-            "$sort" : {
-                "pinned": -1,
-                "viewers": -1,
-                "accessed": -1,
-                "count": -1,
-                "title": 1
-            }
-        },
-    ], callback);
+      },
+      {
+        $project: project_object
+      },
+      {
+        $sort: {
+          pinned: -1,
+          viewers: -1,
+          accessed: -1,
+          count: -1,
+          title: 1
+        }
+      }
+    ],
+    callback
+  );
 }
 
 function update_frontpage(coll, id, title, thumbnail, source, callback) {
-    //coll = coll.replace(/ /g,'');
-    db.collection("frontpage_lists").find({_id: coll}, function(e, doc) {
-        var updateObject = {
-            id: id,
-            title: title,
-            accessed: Functions.get_time()
-        };
-if(doc.length > 0 && ((doc[0].thumbnail != "" && doc[0].thumbnail != undefined && (doc[0].thumbnail.indexOf("https://i1.sndcdn.com") > -1 || doc[0].thumbnail.indexOf("https://w1.sndcdn.com") > -1 || doc[0].thumbnail.indexOf("https://img.youtube.com") > -1)) || (doc[0].thumbnail == "" || doc[0].thumbnail == undefined))) {
-            updateObject.thumbnail = thumbnail;
-            if(thumbnail == undefined) updateObject.thumbnail = "";
-        }
-        db.collection("frontpage_lists").update({_id: coll}, {$set: updateObject
-        },{upsert: true}, function(err, returnDocs){
-            if(typeof(callback) == "function") callback();
-        });
-    });
+  //coll = coll.replace(/ /g,'');
+  db.collection("frontpage_lists").find({ _id: coll }, function(e, doc) {
+    var updateObject = {
+      id: id,
+      title: title,
+      accessed: Functions.get_time()
+    };
+    if (
+      doc.length > 0 &&
+      ((doc[0].thumbnail != "" &&
+        doc[0].thumbnail != undefined &&
+        (doc[0].thumbnail.indexOf("https://i1.sndcdn.com") > -1 ||
+          doc[0].thumbnail.indexOf("https://w1.sndcdn.com") > -1 ||
+          doc[0].thumbnail.indexOf("https://img.youtube.com") > -1)) ||
+        (doc[0].thumbnail == "" || doc[0].thumbnail == undefined))
+    ) {
+      updateObject.thumbnail = thumbnail;
+      if (thumbnail == undefined) updateObject.thumbnail = "";
+    }
+    db.collection("frontpage_lists").update(
+      { _id: coll },
+      { $set: updateObject },
+      { upsert: true },
+      function(err, returnDocs) {
+        if (typeof callback == "function") callback();
+      }
+    );
+  });
 }
 
 module.exports.get_frontpage_lists = get_frontpage_lists;

server/handlers/io.js

@@ -332,7 +332,7 @@ module.exports = function() {
         return;
       }
       var status = msg.status;
-      var channel = Functions.encodeChannelName(msg.channel); //.replace(/ /g,'');
+      var channel = msg.channel; //.replace(/ /g,'');
       if (status) {
         in_list = false;
         offline = true;
@@ -504,6 +504,19 @@ module.exports = function() {
         });
     });
 
+    socket.on("join_silent", function(msg) {
+      if (msg.hasOwnProperty("channel") && msg.channel.indexOf("?") > -1) {
+        var _list = msg.channel.substring(0, msg.channel.indexOf("?"));
+        msg.channel = _list;
+      }
+      if (msg.hasOwnProperty("channel")) {
+        msg.channel = Functions.encodeChannelName(msg.channel);
+      } else {
+        return;
+      }
+      List.join_silent(msg, socket);
+    });
+
     socket.on("list", function(msg) {
       if (msg.hasOwnProperty("channel") && msg.channel.indexOf("?") > -1) {
         var _list = msg.channel.substring(0, msg.channel.indexOf("?"));

server/handlers/list.js

@@ -31,6 +31,41 @@ function now_playing(list, fn, socket) {
   });
 }
 
+function join_silent(msg, socket) {
+    if (typeof msg === "object" && msg !== undefined && msg !== null) {
+      var channelName = msg.channel;
+      var tryingPassword = false;
+      var password = "";
+      if(msg.password != "") {
+        tryingPassword = true;
+        password = Functions.decrypt_string(msg.password);
+        password = crypto
+                 .createHash("sha256")
+                 .update(password)
+                 .digest("base64");
+      }
+
+      channelName = channelName.toLowerCase(); //.replace(/ /g,'');
+      channelName = Functions.removeEmojis(channelName).toLowerCase();
+      db.collection(channelName + "_settings").find(function(err, docs) {
+        if(docs.length == 0) {
+          socket.emit("join_silent_declined", "");
+          return;
+        }
+        if(docs[0].userpass == "" || docs[0].userpass == undefined || docs[0].userpass == password) {
+          socket.join(channelName);
+          socket.emit("join_silent_accepted", "");
+
+          send_play(channelName, socket);
+        } else {
+          socket.emit("join_silent_declined", "");
+        }
+      });
+    } else {
+        return;
+    }
+}
+
 function list(msg, guid, coll, offline, socket) {
   var socketid = socket.zoff_id;
   if (typeof msg === "object" && msg !== undefined && msg !== null) {
@@ -1245,6 +1280,7 @@ function getNextSong(coll, socket, callback) {
   );
 }
 
+module.exports.join_silent = join_silent;
 module.exports.sendColor = sendColor;
 module.exports.now_playing = now_playing;
 module.exports.list = list;

server/handlers/list_settings.js

@@ -1,282 +1,395 @@
-var Functions = require(pathThumbnails + '/handlers/functions.js');
-var crypto = require('crypto');
-var Filter = require('bad-words');
-var filter = new Filter({ placeHolder: 'x'});
+var Functions = require(pathThumbnails + "/handlers/functions.js");
+var crypto = require("crypto");
+var Filter = require("bad-words");
+var filter = new Filter({ placeHolder: "x" });
 /*var filter = {
     clean: function(str) {
         return str;
     }
 }*/
 var projects = require(pathThumbnails + "/handlers/aggregates.js");
-var db = require(pathThumbnails + '/handlers/db.js');
+var db = require(pathThumbnails + "/handlers/db.js");
 
 function password(inp, coll, guid, offline, socket) {
-    var sessionId = Functions.getSession(socket);
-    if(sessionId == "") sessionId = "empty";
-    if(inp !== undefined && inp !== null && inp !== "")
-    {
-        if(!inp.hasOwnProperty("password") || !inp.hasOwnProperty("channel") ||
-         typeof(inp.password) != "string" || typeof(inp.channel) != "string") {
-             var result = {
-                 channel: {
-                     expected: "string",
-                     got: inp.hasOwnProperty("channel") ? typeof(inp.channel) : undefined,
-                 },
-                 password: {
-                     expected: "password",
-                     got: inp.hasOwnProperty("password") ? typeof(inp.password) : undefined,
-                 },
-             };
-             socket.emit('update_required', result);
-            return;
+  var sessionId = Functions.getSession(socket);
+  if (sessionId == "") sessionId = "empty";
+  if (inp !== undefined && inp !== null && inp !== "") {
+    if (
+      !inp.hasOwnProperty("password") ||
+      !inp.hasOwnProperty("channel") ||
+      typeof inp.password != "string" ||
+      typeof inp.channel != "string"
+    ) {
+      var result = {
+        channel: {
+          expected: "string",
+          got: inp.hasOwnProperty("channel") ? typeof inp.channel : undefined
+        },
+        password: {
+          expected: "password",
+          got: inp.hasOwnProperty("password") ? typeof inp.password : undefined
         }
-        pw = inp.password;
-        try {
-            coll = inp.channel;
-            if(coll.length == 0) return;
-            coll = Functions.removeEmojis(coll).toLowerCase();
-            //coll = coll.replace(/_/g, "");
-
-            //coll = filter.clean(coll);
-        } catch(e) {
-            return;
-        }
-        //coll = coll.replace(/ /g,'');
-        uncrypted = pw;
-        pw = Functions.hash_pass(Functions.decrypt_string(pw), true);
-        Functions.check_inlist(coll, guid, socket, offline, undefined, "place 8");
-        Functions.getSessionAdminUser(sessionId, coll, function(userpass, adminpass) {
-            adminpass = Functions.hash_pass(adminpass);
-            db.collection(coll + "_settings").find(function(err, docs){
-                if(docs !== null && docs.length !== 0)
-                {
-                    if(docs[0].adminpass === "" || docs[0].adminpass == Functions.hash_pass(pw))
-                    {
-                        Functions.setSessionAdminPass(sessionId, inp.password, coll, function() {
-                            db.collection(coll + "_settings").update({ id: "config" }, {$set:{adminpass:Functions.hash_pass(pw)}}, function(err, docs){
-                                if(adminpass != pw && adminpass != "") {
-                                    socket.emit("toast", "changedpass");
-                                } else {
-                                    socket.emit("toast", "correctpass");
-                                }
-                                socket.emit("pw", true);
-                            });
-                        });
-                    } else if(docs[0].adminpass === "" || docs[0].adminpass == adminpass) {
-                        Functions.setSessionAdminPass(sessionId, inp.password, coll, function() {
-                            db.collection(coll + "_settings").update({ id: "config" }, {$set:{adminpass:Functions.hash_pass(pw)}}, function(err, docs){
-                                if(adminpass != pw) {
-                                    socket.emit("toast", "changedpass");
-                                }
-                                socket.emit("pw", true);
-                            });
-                        });
-                    } else {
-                        Functions.setSessionAdminPass(Functions.getSession(socket), "", coll, function() {
-                            socket.emit("toast", "wrongpass");
-                            socket.emit("pw", false);
-                        });
-                    }
-                }
-            });
-        });
-    } else {
-        var result = {
-            inp: {
-                expected: "string",
-                got: typeof(inpt)
-            },
-        };
-        socket.emit('update_required', result);
+      };
+      socket.emit("update_required", result);
+      return;
     }
+    pw = inp.password;
+    try {
+      coll = inp.channel;
+      if (coll.length == 0) return;
+      coll = Functions.removeEmojis(coll).toLowerCase();
+      //coll = coll.replace(/_/g, "");
+
+      //coll = filter.clean(coll);
+    } catch (e) {
+      return;
+    }
+    //coll = coll.replace(/ /g,'');
+    uncrypted = pw;
+    pw = Functions.hash_pass(Functions.decrypt_string(pw), true);
+    Functions.check_inlist(coll, guid, socket, offline, undefined, "place 8");
+    Functions.getSessionAdminUser(sessionId, coll, function(
+      userpass,
+      adminpass
+    ) {
+      adminpass = Functions.hash_pass(adminpass);
+      db.collection(coll + "_settings").find(function(err, docs) {
+        if (docs !== null && docs.length !== 0) {
+          if (
+            docs[0].adminpass === "" ||
+            docs[0].adminpass == Functions.hash_pass(pw)
+          ) {
+            Functions.setSessionAdminPass(
+              sessionId,
+              inp.password,
+              coll,
+              function() {
+                db.collection(coll + "_settings").update(
+                  { id: "config" },
+                  { $set: { adminpass: Functions.hash_pass(pw) } },
+                  function(err, docs) {
+                    if (adminpass != pw && adminpass != "") {
+                      socket.emit("toast", "changedpass");
+                    } else {
+                      socket.emit("toast", "correctpass");
+                    }
+                    socket.emit("pw", true);
+                  }
+                );
+              }
+            );
+          } else if (
+            docs[0].adminpass === "" ||
+            docs[0].adminpass == adminpass
+          ) {
+            Functions.setSessionAdminPass(
+              sessionId,
+              inp.password,
+              coll,
+              function() {
+                db.collection(coll + "_settings").update(
+                  { id: "config" },
+                  { $set: { adminpass: Functions.hash_pass(pw) } },
+                  function(err, docs) {
+                    if (adminpass != pw) {
+                      socket.emit("toast", "changedpass");
+                    }
+                    socket.emit("pw", true);
+                  }
+                );
+              }
+            );
+          } else {
+            Functions.setSessionAdminPass(
+              Functions.getSession(socket),
+              "",
+              coll,
+              function() {
+                socket.emit("toast", "wrongpass");
+                socket.emit("pw", false);
+              }
+            );
+          }
+        }
+      });
+    });
+  } else {
+    var result = {
+      inp: {
+        expected: "string",
+        got: typeof inpt
+      }
+    };
+    socket.emit("update_required", result);
+  }
 }
 
 function conf_function(params, coll, guid, offline, socket) {
-    if(params !== undefined && params !== null && params !== "")
-    {
-        if(coll !== undefined) {
-            try {
-                coll = params.channel;//.replace(/ /g,'');
-                if(coll.length == 0) return;
-                coll = Functions.removeEmojis(coll).toLowerCase();
-                //coll = coll.replace(/_/g, "");
+  if (params !== undefined && params !== null && params !== "") {
+    if (coll !== undefined) {
+      try {
+        coll = params.channel; //.replace(/ /g,'');
+        if (coll.length == 0) return;
+        coll = Functions.removeEmojis(coll).toLowerCase();
+        //coll = coll.replace(/_/g, "");
 
-                //coll = filter.clean(coll);
-            } catch(e) {
-                return;
-            }
-        }
-
-        if(coll == "" || coll == undefined || coll == null) {
-            socket.emit("update_required");
-            return;
-        }
-
-        Functions.check_inlist(coll, guid, socket, offline, undefined, "place 9");
-
-        Functions.getSessionAdminUser(Functions.getSession(socket), coll, function(userpass, adminpass, gotten) {
-            if(gotten) {
-                params.adminpass = adminpass;
-                if(!params.userpass_changed) params.userpass = userpass;
-            }
-            if(!params.hasOwnProperty('voting') || !params.hasOwnProperty('addsongs') ||
-                !params.hasOwnProperty('longsongs') || !params.hasOwnProperty('frontpage') ||
-                !params.hasOwnProperty('allvideos') || !params.hasOwnProperty('removeplay') ||
-                !params.hasOwnProperty('adminpass') || !params.hasOwnProperty('skipping') ||
-                !params.hasOwnProperty('shuffling') || !params.hasOwnProperty('channel') ||
-                typeof(params.userpass) != "string" || typeof(params.adminpass) != "string" ||
-                typeof(params.voting) != "boolean" || typeof(params.addsongs) != "boolean" ||
-                typeof(params.longsongs) != "boolean" || typeof(params.frontpage) != "boolean" ||
-                typeof(params.allvideos) != "boolean" || typeof(params.removeplay) != "boolean" ||
-                typeof(params.skipping) != "boolean" || typeof(params.shuffling) != "boolean" ||
-                typeof(params.userpass_changed) != "boolean") {
-                    var result = {
-                        adminpass: {
-                            expected: "string",
-                            got: params.hasOwnProperty("adminpass") ? typeof(params.adminpass) : undefined,
-                        },
-                        userpass: {
-                            expected: "string",
-                            got: params.hasOwnProperty("userpass") ? typeof(params.userpass) : undefined,
-                        },
-                        vote: {
-                            expected: "boolean",
-                            got: params.hasOwnProperty("vote") ? typeof(params.vote) : undefined,
-                        },
-                        addsongs: {
-                            expected: "boolean",
-                            got: params.hasOwnProperty("addsongs") ? typeof(params.addsongs) : undefined,
-                        },
-                        longsongs: {
-                            expected: "boolean",
-                            got: params.hasOwnProperty("longsongs") ? typeof(params.longsongs) : undefined,
-                        },
-                        frontpage: {
-                            expected: "boolean",
-                            got: params.hasOwnProperty("frontpage") ? typeof(params.frontpage) : undefined,
-                        },
-                        skipping: {
-                            expected: "boolean",
-                            got: params.hasOwnProperty("skipping") ? typeof(params.skipping) : undefined,
-                        },
-                        shuffling: {
-                            expected: "boolean",
-                            got: params.hasOwnProperty("shuffling") ? typeof(params.shuffling) : undefined,
-                        },
-                        userpass_changed: {
-                            expected: "boolean",
-                            got: params.hasOwnProperty("userpass_changed") ? typeof(params.userpass_changed) : undefined,
-                        }
-                    };
-                    socket.emit("update_required", result);
-                    return;
-                }
-            var voting = params.voting;
-            var addsongs = params.addsongs;
-            var longsongs = params.longsongs;
-            var frontpage = params.frontpage;
-            var allvideos = params.allvideos;
-            var removeplay = params.removeplay;
-            var adminpass = params.adminpass;
-            var skipping = params.skipping;
-            var shuffling = params.shuffling;
-
-            var userpass = Functions.decrypt_string(params.userpass);
-
-            if((!params.userpass_changed && frontpage) || (params.userpass_changed && userpass == "")) {
-                userpass = "";
-            } else if(params.userpass_changed && userpass != "") {
-                frontpage = false;
-            }
-            var description = "";
-            var hash;
-            if(params.description) description = params.description;
-            if(adminpass !== "" && !gotten) {
-                hash = Functions.hash_pass(Functions.hash_pass(Functions.decrypt_string(adminpass), true));
-            } else if(adminpass !== "" && gotten) {
-                hash = Functions.hash_pass(adminpass);
-            } else {
-                hash = adminpass;
-            }
-            if(userpass != "") {
-                if(!params.userpass_changed && gotten) {
-
-                } else {
-                    userpass = crypto.createHash('sha256').update(userpass).digest("base64");
-                }
-            }
-            db.collection(coll + "_settings").find({id: "config"}, function(err, docs){
-                if(docs !== null && docs.length !== 0 && (docs[0].adminpass === "" || docs[0].adminpass == hash)) {
-                    var obj = {
-                        addsongs:addsongs,
-                        allvideos:allvideos,
-                        frontpage:frontpage,
-                        skip:skipping,
-                        vote:voting,
-                        removeplay:removeplay,
-                        shuffle:shuffling,
-                        longsongs:longsongs,
-                        adminpass:hash,
-                        desc: description,
-                    };
-                    if(params.hasOwnProperty("toggleChat") && docs[0].adminpass != "" && docs[0].adminpass != undefined && docs[0].adminpass == hash) {
-                        obj.toggleChat = params.toggleChat;
-                    }
-                    if(params.hasOwnProperty("strictSkip") && docs[0].adminpass != "" && docs[0].adminpass != undefined && docs[0].adminpass == hash) {
-                        obj.strictSkip = params.strictSkip;
-                    }
-                    if(params.hasOwnProperty("strictSkipNumber") && docs[0].adminpass != "" && docs[0].adminpass != undefined && docs[0].adminpass == hash) {
-                        try {
-                            obj.strictSkipNumber = parseInt(params.strictSkipNumber);
-                        } catch(e) {}
-                    }
-                    if(params.userpass_changed) {
-                        obj["userpass"] = userpass;
-                    } else if (frontpage) {
-                        obj["userpass"] = "";
-                    }
-                    db.collection(coll + "_settings").update({ id: "config" }, {
-                        $set:obj
-                    }, function(err, docs){
-                        Functions.setSessionUserPass(Functions.getSession(socket), obj["userpass"], coll, function() {
-                            db.collection(coll + "_settings").aggregate([
-                                {
-                                    "$match": {
-                                        id: "config"
-                                    }
-                                },
-                                {
-                                    "$project": projects.toShowConfig
-                                },
-                            ], function(err, docs){
-                                if(docs[0].adminpass !== "") docs[0].adminpass = true;
-                                if(docs[0].hasOwnProperty("userpass") && docs[0].userpass != "") docs[0].userpass = true;
-                                else docs[0].userpass = false;
-                                io.to(coll).emit("conf", docs);
-                                socket.emit("toast", "savedsettings");
-
-                                db.collection("frontpage_lists").update({_id: coll}, {$set:{
-                                    frontpage:frontpage, accessed: Functions.get_time()}
-                                },
-                                {upsert:true}, function(err, docs){});
-                            });
-                        });
-                    });
-                } else {
-                    socket.emit("toast", "wrongpass");
-                }
-            });
-        });
-    } else {
-        var result = {
-            params: {
-                expected: "object",
-                got: typeof(params),
-            }
-        }
-        socket.emit('update_required', result);
+        //coll = filter.clean(coll);
+      } catch (e) {
+        return;
+      }
     }
 
+    if (coll == "" || coll == undefined || coll == null) {
+      socket.emit("update_required");
+      return;
+    }
+
+    Functions.check_inlist(coll, guid, socket, offline, undefined, "place 9");
+
+    Functions.getSessionAdminUser(Functions.getSession(socket), coll, function(
+      userpass,
+      adminpass,
+      gotten
+    ) {
+      if (gotten) {
+        params.adminpass = adminpass;
+        if (!params.userpass_changed) params.userpass = userpass;
+      }
+      if (
+        !params.hasOwnProperty("voting") ||
+        !params.hasOwnProperty("addsongs") ||
+        !params.hasOwnProperty("longsongs") ||
+        !params.hasOwnProperty("frontpage") ||
+        !params.hasOwnProperty("allvideos") ||
+        !params.hasOwnProperty("removeplay") ||
+        !params.hasOwnProperty("adminpass") ||
+        !params.hasOwnProperty("skipping") ||
+        !params.hasOwnProperty("shuffling") ||
+        !params.hasOwnProperty("channel") ||
+        typeof params.userpass != "string" ||
+        typeof params.adminpass != "string" ||
+        typeof params.voting != "boolean" ||
+        typeof params.addsongs != "boolean" ||
+        typeof params.longsongs != "boolean" ||
+        typeof params.frontpage != "boolean" ||
+        typeof params.allvideos != "boolean" ||
+        typeof params.removeplay != "boolean" ||
+        typeof params.skipping != "boolean" ||
+        typeof params.shuffling != "boolean" ||
+        typeof params.userpass_changed != "boolean"
+      ) {
+        var result = {
+          adminpass: {
+            expected: "string",
+            got: params.hasOwnProperty("adminpass")
+              ? typeof params.adminpass
+              : undefined
+          },
+          userpass: {
+            expected: "string",
+            got: params.hasOwnProperty("userpass")
+              ? typeof params.userpass
+              : undefined
+          },
+          vote: {
+            expected: "boolean",
+            got: params.hasOwnProperty("vote") ? typeof params.vote : undefined
+          },
+          addsongs: {
+            expected: "boolean",
+            got: params.hasOwnProperty("addsongs")
+              ? typeof params.addsongs
+              : undefined
+          },
+          longsongs: {
+            expected: "boolean",
+            got: params.hasOwnProperty("longsongs")
+              ? typeof params.longsongs
+              : undefined
+          },
+          frontpage: {
+            expected: "boolean",
+            got: params.hasOwnProperty("frontpage")
+              ? typeof params.frontpage
+              : undefined
+          },
+          skipping: {
+            expected: "boolean",
+            got: params.hasOwnProperty("skipping")
+              ? typeof params.skipping
+              : undefined
+          },
+          shuffling: {
+            expected: "boolean",
+            got: params.hasOwnProperty("shuffling")
+              ? typeof params.shuffling
+              : undefined
+          },
+          userpass_changed: {
+            expected: "boolean",
+            got: params.hasOwnProperty("userpass_changed")
+              ? typeof params.userpass_changed
+              : undefined
+          }
+        };
+        socket.emit("update_required", result);
+        return;
+      }
+      var voting = params.voting;
+      var addsongs = params.addsongs;
+      var longsongs = params.longsongs;
+      var frontpage = params.frontpage;
+      var allvideos = params.allvideos;
+      var removeplay = params.removeplay;
+      var adminpass = params.adminpass;
+      var skipping = params.skipping;
+      var shuffling = params.shuffling;
+      var userpass = Functions.decrypt_string(params.userpass);
+      if (
+        (!params.userpass_changed && frontpage) ||
+        (params.userpass_changed && userpass == "")
+      ) {
+        userpass = "";
+      } else if (params.userpass_changed && userpass != "") {
+        frontpage = false;
+      }
+      var description = "";
+      var hash;
+      if (params.description) description = params.description;
+      if (adminpass !== "" && !gotten) {
+        hash = Functions.hash_pass(
+          Functions.hash_pass(Functions.decrypt_string(adminpass), true)
+        );
+      } else if (adminpass !== "" && gotten) {
+        hash = Functions.hash_pass(adminpass);
+      } else {
+        hash = adminpass;
+      }
+      if (userpass != "") {
+        if (!params.userpass_changed && gotten) {
+        } else {
+          userpass = crypto
+            .createHash("sha256")
+            .update(userpass)
+            .digest("base64");
+        }
+      }
+      db.collection(coll + "_settings").find({ id: "config" }, function(
+        err,
+        docs
+      ) {
+        if (
+          docs !== null &&
+          docs.length !== 0 &&
+          (docs[0].adminpass === "" || docs[0].adminpass == hash)
+        ) {
+          var obj = {
+            addsongs: addsongs,
+            allvideos: allvideos,
+            frontpage: frontpage,
+            skip: skipping,
+            vote: voting,
+            removeplay: removeplay,
+            shuffle: shuffling,
+            longsongs: longsongs,
+            adminpass: hash,
+            desc: description
+          };
+          if (
+            params.hasOwnProperty("toggleChat") &&
+            docs[0].adminpass != "" &&
+            docs[0].adminpass != undefined &&
+            docs[0].adminpass == hash
+          ) {
+            obj.toggleChat = params.toggleChat;
+          }
+          if (
+            params.hasOwnProperty("strictSkip") &&
+            docs[0].adminpass != "" &&
+            docs[0].adminpass != undefined &&
+            docs[0].adminpass == hash
+          ) {
+            obj.strictSkip = params.strictSkip;
+          }
+          if (
+            params.hasOwnProperty("strictSkipNumber") &&
+            docs[0].adminpass != "" &&
+            docs[0].adminpass != undefined &&
+            docs[0].adminpass == hash
+          ) {
+            try {
+              obj.strictSkipNumber = parseInt(params.strictSkipNumber);
+            } catch (e) {}
+          }
+          if (params.userpass_changed) {
+            obj["userpass"] = userpass;
+          } else if (frontpage) {
+            obj["userpass"] = "";
+          }
+          db.collection(coll + "_settings").update(
+            { id: "config" },
+            {
+              $set: obj
+            },
+            function(err, docs) {
+              Functions.setSessionUserPass(
+                Functions.getSession(socket),
+                obj["userpass"],
+                coll,
+                function() {
+                  db.collection(coll + "_settings").aggregate(
+                    [
+                      {
+                        $match: {
+                          id: "config"
+                        }
+                      },
+                      {
+                        $project: projects.toShowConfig
+                      }
+                    ],
+                    function(err, docs) {
+                      if (docs[0].adminpass !== "") docs[0].adminpass = true;
+                      if (
+                        docs[0].hasOwnProperty("userpass") &&
+                        docs[0].userpass != ""
+                      )
+                        docs[0].userpass = true;
+                      else docs[0].userpass = false;
+                      io.to(coll).emit("conf", docs);
+                      socket.emit("toast", "savedsettings");
+
+                      db.collection("frontpage_lists").update(
+                        { _id: coll },
+                        {
+                          $set: {
+                            frontpage: frontpage,
+                            accessed: Functions.get_time()
+                          }
+                        },
+                        { upsert: true },
+                        function(err, docs) {}
+                      );
+                    }
+                  );
+                }
+              );
+            }
+          );
+        } else {
+          socket.emit("toast", "wrongpass");
+        }
+      });
+    });
+  } else {
+    var result = {
+      params: {
+        expected: "object",
+        got: typeof params
+      }
+    };
+    socket.emit("update_required", result);
+  }
 }
 
 module.exports.password = password;

server/handlers/notifications.js

@@ -1,39 +1,47 @@
-var path = require('path');
+var path = require("path");
 
 function requested_change(type, string, channel) {
-    try {
-        //channel = channel.replace(/ /g,'');
-        var nodemailer = require('nodemailer');
-        var mailconfig = require(path.join(__dirname, '../config/mailconfig.js'));
+  try {
+    //channel = channel.replace(/ /g,'');
+    var nodemailer = require("nodemailer");
+    var mailconfig = require(path.join(__dirname, "../config/mailconfig.js"));
 
-        let transporter = nodemailer.createTransport(mailconfig);
+    let transporter = nodemailer.createTransport(mailconfig);
 
-        transporter.verify(function(error, success) {
-            if (error) {
-                return;
-            } else {
-                var message = "A " + type + " change was requested on <b>" + channel + "</b><br><br>New supposed value is: <br><br><b>" + string + "</b><br><br><br> \
+    transporter.verify(function(error, success) {
+      if (error) {
+        return;
+      } else {
+        var message =
+          "A " +
+          type +
+          " change was requested on <b>" +
+          channel +
+          "</b><br><br>New supposed value is: <br><br><b>" +
+          string +
+          "</b><br><br><br> \
                 Go to <a href='https://admin.zoff.me/'>https://admin.zoff.me/</a> to accept or decline the request.";
-                var msg = {
-                    from: mailconfig.from,
-                    to: mailconfig.notify_mail,
-                    subject: 'ZOFF: Requested new ' + type,
-                    text: message,
-                    html: message,
-                }
-                transporter.sendMail(msg, (error, info) => {
-                    if (error) {
-                        transporter.close();
-                        return;
-                    }
-                    transporter.close();
-                });
-            }
+        var msg = {
+          from: mailconfig.from,
+          to: mailconfig.notify_mail,
+          subject: "ZOFF: Requested new " + type,
+          text: message,
+          html: message
+        };
+        transporter.sendMail(msg, (error, info) => {
+          if (error) {
+            transporter.close();
+            return;
+          }
+          transporter.close();
         });
-    } catch(e) {
-        console.log("Mail is not configured and wont work");
-        console.log("Seems you forgot to create a mailconfig.js in /server/config/. Have a look at the mailconfig.example.js.");
-    }
+      }
+    });
+  } catch (e) {
+    console.log(
+      "(!) Missing file - /config/mailconfig.js Have a look at /config/mailconfig.example.js. "
+    );
+  }
 }
 
 module.exports.requested_change = requested_change;

server/handlers/suggestions.js

@@ -1,183 +1,284 @@
-var Functions = require(pathThumbnails + '/handlers/functions.js');
-var Notifications = require(pathThumbnails + '/handlers/notifications.js');
-var crypto = require('crypto');
-var db = require(pathThumbnails + '/handlers/db.js');
+var Functions = require(pathThumbnails + "/handlers/functions.js");
+var Notifications = require(pathThumbnails + "/handlers/notifications.js");
+var crypto = require("crypto");
+var db = require(pathThumbnails + "/handlers/db.js");
 
 function thumbnail(msg, coll, guid, offline, socket) {
-    if(msg.thumbnail != undefined && msg.channel && msg.channel != undefined && Functions.isUrl(msg.thumbnail)){
-        if(typeof(msg.channel) != "string" || typeof(msg.thumbnail) != "string")
-             {
-                var result = {
-                    channel: {
-                        expected: "string",
-                        got: msg.hasOwnProperty("channel") ? typeof(msg.channel) : undefined,
-                    },
-                    pass: {
-                        expected: "string",
-                        got: msg.hasOwnProperty("pass") ? typeof(msg.pass) : undefined,
-                    },
-                    thumbnail: {
-                        expected: "string",
-                        got: msg.hasOwnProperty("thumbnail") ? typeof(msg.thumbnail) : undefined,
-                    },
-                    adminpass: {
-                        expected: "string",
-                        got: msg.hasOwnProperty("adminpass") ? typeof(msg.adminpass) : undefined,
-                    },
-                };
-                socket.emit("update_required", result);
-                return;
-            }
-            //coll = coll.replace(/ /g,'');
-        Functions.getSessionAdminUser(Functions.getSession(socket), coll, function(userpass, adminpass) {
-            if(userpass != "" || msg.pass == undefined) {
-                msg.pass = userpass;
-            } else if(msg.hasOwnProperty("pass")){
-                msg.pass = crypto.createHash('sha256').update(Functions.decrypt_string(msg.pass)).digest("base64");
-            }
-            if(adminpass != "" || msg.adminpass == undefined) {
-                msg.adminpass = Functions.hash_pass(adminpass);
-            } else {
-                msg.adminpass = Functions.hash_pass(Functions.hash_pass(Functions.decrypt_string(msg.adminpass),true));
-            }
-            if(msg.thumbnail != "") {
-                msg.thumbnail = msg.thumbnail.replace(/^https?\:\/\//i, "");
-                if(msg.thumbnail.substring(0,2) != "//") msg.thumbnail = "//" + msg.thumbnail;
-            }
-            var channel = msg.channel.toLowerCase();
-            var hash = msg.adminpass;
-            db.collection(channel + "_settings").find({id: "config"}, function(err, docs){
-                if(docs.length > 0 && (docs[0].userpass == undefined || docs[0].userpass == "" || (msg.hasOwnProperty('pass') && docs[0].userpass == msg.pass))) {
-                    if(docs !== null && docs.length !== 0 && docs[0].adminpass !== "" && docs[0].adminpass == hash){
-                        db.collection("suggested_thumbnails").update({channel: channel}, {$set:{thumbnail: msg.thumbnail}}, {upsert:true}, function(err, docs){
-                            Notifications.requested_change("thumbnail", msg.thumbnail, channel);
-                            socket.emit("toast", "suggested_thumbnail");
-                        });
-                    }
-                } else {
-                    socket.emit("auth_required");
-                }
-            });
-        });
-    } else {
-        socket.emit("toast", "thumbnail_denied");
+  if (
+    msg.thumbnail != undefined &&
+    msg.channel &&
+    msg.channel != undefined &&
+    Functions.isUrl(msg.thumbnail)
+  ) {
+    if (typeof msg.channel != "string" || typeof msg.thumbnail != "string") {
+      var result = {
+        channel: {
+          expected: "string",
+          got: msg.hasOwnProperty("channel") ? typeof msg.channel : undefined
+        },
+        pass: {
+          expected: "string",
+          got: msg.hasOwnProperty("pass") ? typeof msg.pass : undefined
+        },
+        thumbnail: {
+          expected: "string",
+          got: msg.hasOwnProperty("thumbnail")
+            ? typeof msg.thumbnail
+            : undefined
+        },
+        adminpass: {
+          expected: "string",
+          got: msg.hasOwnProperty("adminpass")
+            ? typeof msg.adminpass
+            : undefined
+        }
+      };
+      socket.emit("update_required", result);
+      return;
     }
+    //coll = coll.replace(/ /g,'');
+    Functions.getSessionAdminUser(Functions.getSession(socket), coll, function(
+      userpass,
+      adminpass
+    ) {
+      if (userpass != "" || msg.pass == undefined) {
+        msg.pass = userpass;
+      } else if (msg.hasOwnProperty("pass")) {
+        msg.pass = crypto
+          .createHash("sha256")
+          .update(Functions.decrypt_string(msg.pass))
+          .digest("base64");
+      }
+      if (adminpass != "" || msg.adminpass == undefined) {
+        msg.adminpass = Functions.hash_pass(adminpass);
+      } else {
+        msg.adminpass = Functions.hash_pass(
+          Functions.hash_pass(Functions.decrypt_string(msg.adminpass), true)
+        );
+      }
+      if (msg.thumbnail != "") {
+        msg.thumbnail = msg.thumbnail.replace(/^https?\:\/\//i, "");
+        if (msg.thumbnail.substring(0, 2) != "//")
+          msg.thumbnail = "//" + msg.thumbnail;
+      }
+      var channel = msg.channel.toLowerCase();
+      var hash = msg.adminpass;
+      db.collection(channel + "_settings").find({ id: "config" }, function(
+        err,
+        docs
+      ) {
+        if (
+          docs.length > 0 &&
+          (docs[0].userpass == undefined ||
+            docs[0].userpass == "" ||
+            (msg.hasOwnProperty("pass") && docs[0].userpass == msg.pass))
+        ) {
+          if (
+            docs !== null &&
+            docs.length !== 0 &&
+            docs[0].adminpass !== "" &&
+            docs[0].adminpass == hash
+          ) {
+            db.collection("suggested_thumbnails").update(
+              { channel: channel },
+              { $set: { thumbnail: msg.thumbnail } },
+              { upsert: true },
+              function(err, docs) {
+                Notifications.requested_change(
+                  "thumbnail",
+                  msg.thumbnail,
+                  channel
+                );
+                socket.emit("toast", "suggested_thumbnail");
+              }
+            );
+          }
+        } else {
+          socket.emit("auth_required");
+        }
+      });
+    });
+  } else {
+    socket.emit("toast", "thumbnail_denied");
+  }
 }
 
 function description(msg, coll, guid, offline, socket) {
-    if(msg.description && msg.channel && msg.description.length < 100){
-        if(typeof(msg.channel) != "string" || typeof(msg.description) != "string") {
-                var result = {
-                    channel: {
-                        expected: "string",
-                        got: msg.hasOwnProperty("channel") ? typeof(msg.channel) : undefined,
-                    },
-                    pass: {
-                        expected: "string",
-                        got: msg.hasOwnProperty("pass") ? typeof(msg.pass) : undefined,
-                    },
-                    description: {
-                        expected: "string",
-                        got: msg.hasOwnProperty("description") ? typeof(msg.description) : undefined,
-                    },
-                    adminpass: {
-                        expected: "string",
-                        got: msg.hasOwnProperty("adminpass") ? typeof(msg.adminpass) : undefined,
-                    },
-                };
-                socket.emit("update_required", result);
-                return;
-            }
-            //coll = coll.replace(/ /g,'');
-        Functions.getSessionAdminUser(Functions.getSession(socket), coll, function(userpass, adminpass, gotten) {
-            if(userpass != "" || msg.pass == undefined) {
-                msg.pass = userpass;
-            } else if(msg.hasOwnProperty("pass")) {
-                msg.pass = crypto.createHash('sha256').update(Functions.decrypt_string(msg.pass)).digest("base64");
-            }
-            if(adminpass != "" || msg.adminpass == undefined) {
-                msg.adminpass = Functions.hash_pass(adminpass);
-            } else {
-                msg.adminpass = Functions.hash_pass(Functions.hash_pass(Functions.decrypt_string(msg.adminpass), true));
-            }
-            var channel = msg.channel.toLowerCase();
-            var hash = msg.adminpass;
-            db.collection(channel + "_settings").find({id: "config"}, function(err, docs){
-                if(docs.length > 0 && (docs[0].userpass == undefined || docs[0].userpass == "" || (msg.hasOwnProperty('pass') && docs[0].userpass == msg.pass))) {
-                    if(docs !== null && docs.length !== 0 && docs[0].adminpass !== "" && docs[0].adminpass == hash){
-                        db.collection("suggested_descriptions").update({channel: channel}, {$set:{description: msg.description}}, {upsert:true}, function(err, docs){
-                            Notifications.requested_change("description", msg.description, channel);
-                            socket.emit("toast", "suggested_description");
-                        });
-                    }
-                } else {
-                    socket.emit("auth_required");
-                }
-            });
-        });
-    } else {
-        socket.emit("toast", "description_denied");
+  if (msg.description && msg.channel && msg.description.length < 100) {
+    if (typeof msg.channel != "string" || typeof msg.description != "string") {
+      var result = {
+        channel: {
+          expected: "string",
+          got: msg.hasOwnProperty("channel") ? typeof msg.channel : undefined
+        },
+        pass: {
+          expected: "string",
+          got: msg.hasOwnProperty("pass") ? typeof msg.pass : undefined
+        },
+        description: {
+          expected: "string",
+          got: msg.hasOwnProperty("description")
+            ? typeof msg.description
+            : undefined
+        },
+        adminpass: {
+          expected: "string",
+          got: msg.hasOwnProperty("adminpass")
+            ? typeof msg.adminpass
+            : undefined
+        }
+      };
+      socket.emit("update_required", result);
+      return;
     }
+    //coll = coll.replace(/ /g,'');
+    Functions.getSessionAdminUser(Functions.getSession(socket), coll, function(
+      userpass,
+      adminpass,
+      gotten
+    ) {
+      if (userpass != "" || msg.pass == undefined) {
+        msg.pass = userpass;
+      } else if (msg.hasOwnProperty("pass")) {
+        msg.pass = crypto
+          .createHash("sha256")
+          .update(Functions.decrypt_string(msg.pass))
+          .digest("base64");
+      }
+      if (adminpass != "" || msg.adminpass == undefined) {
+        msg.adminpass = Functions.hash_pass(adminpass);
+      } else {
+        msg.adminpass = Functions.hash_pass(
+          Functions.hash_pass(Functions.decrypt_string(msg.adminpass), true)
+        );
+      }
+      var channel = msg.channel.toLowerCase();
+      var hash = msg.adminpass;
+      db.collection(channel + "_settings").find({ id: "config" }, function(
+        err,
+        docs
+      ) {
+        if (
+          docs.length > 0 &&
+          (docs[0].userpass == undefined ||
+            docs[0].userpass == "" ||
+            (msg.hasOwnProperty("pass") && docs[0].userpass == msg.pass))
+        ) {
+          if (
+            docs !== null &&
+            docs.length !== 0 &&
+            docs[0].adminpass !== "" &&
+            docs[0].adminpass == hash
+          ) {
+            db.collection("suggested_descriptions").update(
+              { channel: channel },
+              { $set: { description: msg.description } },
+              { upsert: true },
+              function(err, docs) {
+                Notifications.requested_change(
+                  "description",
+                  msg.description,
+                  channel
+                );
+                socket.emit("toast", "suggested_description");
+              }
+            );
+          }
+        } else {
+          socket.emit("auth_required");
+        }
+      });
+    });
+  } else {
+    socket.emit("toast", "description_denied");
+  }
 }
 
-
 function rules(msg, coll, guid, offline, socket) {
-    if(msg.rules && msg.channel && msg.rules.length < 250){
-        if(typeof(msg.channel) != "string" || typeof(msg.rules) != "string") {
-                var result = {
-                    channel: {
-                        expected: "string",
-                        got: msg.hasOwnProperty("channel") ? typeof(msg.channel) : undefined,
-                    },
-                    pass: {
-                        expected: "string",
-                        got: msg.hasOwnProperty("pass") ? typeof(msg.pass) : undefined,
-                    },
-                    rules: {
-                        expected: "string",
-                        got: msg.hasOwnProperty("rules") ? typeof(msg.rules) : undefined,
-                    },
-                    adminpass: {
-                        expected: "string",
-                        got: msg.hasOwnProperty("adminpass") ? typeof(msg.adminpass) : undefined,
-                    },
-                };
-                socket.emit("update_required", result);
-                return;
-            }
-            //coll = coll.replace(/ /g,'');
-        Functions.getSessionAdminUser(Functions.getSession(socket), coll, function(userpass, adminpass, gotten) {
-            if(userpass != "" || msg.pass == undefined) {
-                msg.pass = userpass;
-            } else if(msg.hasOwnProperty("pass")) {
-                msg.pass = crypto.createHash('sha256').update(Functions.decrypt_string(msg.pass)).digest("base64");
-            }
-            if(adminpass != "" || msg.adminpass == undefined) {
-                msg.adminpass = Functions.hash_pass(adminpass);
-            } else {
-                msg.adminpass = Functions.hash_pass(Functions.hash_pass(Functions.decrypt_string(msg.adminpass), true));
-            }
-            var channel = msg.channel.toLowerCase();
-            var hash = msg.adminpass;
-            db.collection(channel + "_settings").find({id: "config"}, function(err, docs){
-                if(docs.length > 0 && (docs[0].userpass == undefined || docs[0].userpass == "" || (msg.hasOwnProperty('pass') && docs[0].userpass == msg.pass))) {
-                    if(docs !== null && docs.length !== 0 && docs[0].adminpass !== "" && docs[0].adminpass == hash){
-                        db.collection("suggested_rules").update({channel: channel}, {$set:{rules: msg.rules}}, {upsert:true}, function(err, docs){
-                            Notifications.requested_change("rules", msg.rules, channel);
-                            socket.emit("toast", "suggested_rules");
-                        });
-                    }
-                } else {
-                    socket.emit("auth_required");
-                }
-            });
-        });
-    } else {
-        socket.emit("toast", "rules_denied");
+  if (msg.rules && msg.channel && msg.rules.length < 250) {
+    if (typeof msg.channel != "string" || typeof msg.rules != "string") {
+      var result = {
+        channel: {
+          expected: "string",
+          got: msg.hasOwnProperty("channel") ? typeof msg.channel : undefined
+        },
+        pass: {
+          expected: "string",
+          got: msg.hasOwnProperty("pass") ? typeof msg.pass : undefined
+        },
+        rules: {
+          expected: "string",
+          got: msg.hasOwnProperty("rules") ? typeof msg.rules : undefined
+        },
+        adminpass: {
+          expected: "string",
+          got: msg.hasOwnProperty("adminpass")
+            ? typeof msg.adminpass
+            : undefined
+        }
+      };
+      socket.emit("update_required", result);
+      return;
     }
+    //coll = coll.replace(/ /g,'');
+    Functions.getSessionAdminUser(Functions.getSession(socket), coll, function(
+      userpass,
+      adminpass,
+      gotten
+    ) {
+      if (userpass != "" || msg.pass == undefined) {
+        msg.pass = userpass;
+      } else if (msg.hasOwnProperty("pass")) {
+        msg.pass = crypto
+          .createHash("sha256")
+          .update(Functions.decrypt_string(msg.pass))
+          .digest("base64");
+      }
+      if (adminpass != "" || msg.adminpass == undefined) {
+        msg.adminpass = Functions.hash_pass(adminpass);
+      } else {
+        msg.adminpass = Functions.hash_pass(
+          Functions.hash_pass(Functions.decrypt_string(msg.adminpass), true)
+        );
+      }
+      var channel = msg.channel.toLowerCase();
+      var hash = msg.adminpass;
+      db.collection(channel + "_settings").find({ id: "config" }, function(
+        err,
+        docs
+      ) {
+        if (
+          docs.length > 0 &&
+          (docs[0].userpass == undefined ||
+            docs[0].userpass == "" ||
+            (msg.hasOwnProperty("pass") && docs[0].userpass == msg.pass))
+        ) {
+          if (
+            docs !== null &&
+            docs.length !== 0 &&
+            docs[0].adminpass !== "" &&
+            docs[0].adminpass == hash
+          ) {
+            db.collection("suggested_rules").update(
+              { channel: channel },
+              { $set: { rules: msg.rules } },
+              { upsert: true },
+              function(err, docs) {
+                Notifications.requested_change("rules", msg.rules, channel);
+                socket.emit("toast", "suggested_rules");
+              }
+            );
+          }
+        } else {
+          socket.emit("auth_required");
+        }
+      });
+    });
+  } else {
+    socket.emit("toast", "rules_denied");
+  }
 }
 
-
 module.exports.thumbnail = thumbnail;
 module.exports.description = description;
 module.exports.rules = rules;

server/models/user.js

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

server/pm2.js

@@ -0,0 +1,82 @@
+var cluster = require("cluster"),
+  net = require("net"),
+  path = require("path"),
+  //publicPath = path.join(__dirname, 'public'),
+  http = require("http"),
+  port = 8080,
+  //farmhash = require('farmhash'),
+  uniqid = require("uniqid"),
+  num_processes = require("os").cpus().length;
+
+publicPath = path.join(__dirname, "public");
+pathThumbnails = __dirname;
+
+var redis = require("redis");
+var client = redis.createClient({ host: "localhost", port: 6379 });
+
+startSingle(true, true);
+
+function startSingle(clustered, redis_enabled) {
+  var server;
+  var client = require("./apps/client.js");
+  try {
+    var cert_config = require(path.join(
+      path.join(__dirname, "config"),
+      "cert_config.js"
+    ));
+    var fs = require("fs");
+    var privateKey = fs.readFileSync(cert_config.privateKey).toString();
+    var certificate = fs.readFileSync(cert_config.certificate).toString();
+    var ca = fs.readFileSync(cert_config.ca).toString();
+    var credentials = {
+      key: privateKey,
+      cert: certificate,
+      ca: ca
+    };
+    var https = require("https");
+    server = https.Server(credentials, routingFunction);
+  } catch (err) {
+    console.log("Starting without https (probably on localhost)");
+    server = http.createServer(routingFunction);
+  }
+
+  server.listen(port, onListen);
+
+  var socketIO = client.socketIO;
+
+  var redis = require("socket.io-redis");
+  try {
+    socketIO.adapter(redis({ host: "localhost", port: 6379 }));
+  } catch (e) {
+    console.log("No redis-server to connect to..");
+  }
+  socketIO.listen(server);
+}
+
+function onListen() {
+  console.log("Started with pid [" + process.pid + "]");
+}
+
+function routingFunction(req, res, next) {
+  var client = require("./apps/client.js");
+  var admin = require("./apps/admin.js");
+  try {
+    var url = req.headers["x-forwarded-host"]
+      ? req.headers["x-forwarded-host"]
+      : req.headers.host.split(":")[0];
+    var subdomain = req.headers["x-forwarded-host"]
+      ? req.headers["x-forwarded-host"].split(".")
+      : req.headers.host.split(":")[0].split(".");
+
+    if (subdomain.length > 1 && subdomain[0] == "admin") {
+      admin(req, res, next);
+    } else {
+      client(req, res, next);
+    }
+  } catch (e) {
+    console.log("Bad request for " + req.headers.host + req.url, e);
+    res.statusCode = 500;
+    res.write("Bad request"); //write a response to the client
+    res.end(); //end the response
+  }
+}

server/public/assets/admin/not_authenticated/js/main.js

@@ -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"
+    });
+  }
 });

server/public/assets/css/animations.css

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

server/public/assets/css/embed.css

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

server/public/assets/css/globals.css

@@ -0,0 +1,58 @@
+.material-icons {
+  display: none;
+  width: 24px;
+}
+
+html {
+  background: #2d2d2d;
+}
+
+body {
+  background: white;
+}
+
+a {
+  outline: 0 !important;
+}
+
+body {
+  display: flex;
+  min-height: 100vh;
+  flex-direction: column;
+  overflow-x: hidden;
+  -webkit-transition: background-color 1s;
+  -moz-transition: background-color 1s;
+  -ms-transition: background-color 1s;
+  -o-transition: background-color 1s;
+  transition: background-color 1s;
+  overflow-y: scroll !important;
+}
+
+input[type="text"]:focus:not([readonly]),
+input[type="password"]:focus:not([readonly]),
+input[type="email"]:focus:not([readonly]),
+input[type="url"]:focus:not([readonly]),
+input[type="time"]:focus:not([readonly]),
+input[type="date"]:focus:not([readonly]),
+input[type="datetime-local"]:focus:not([readonly]),
+input[type="tel"]:focus:not([readonly]),
+input[type="number"]:focus:not([readonly]),
+input[type="search"]:focus:not([readonly]),
+textarea.materialize-textarea:focus:not([readonly]) {
+  border-bottom: 1px solid #9d9d9d;
+  box-shadow: 0 1px 0 0 #9d9d9d;
+}
+
+nav ul li:hover,
+nav ul li.active {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+.full-height {
+  height:100vh;
+}
+
+* {
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
+}

server/public/assets/css/mobile.css

@@ -0,0 +1,858 @@
+@media only screen and (min-width: 993px) {
+  .toast {
+    float: left;
+  }
+
+  nav .zbrand {
+    left: 0px !important;
+  }
+}
+
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+  #wrapper {
+    padding-right: 0vh !important;
+    width: 100% !important;
+    overflow: hidden;
+  }
+}
+
+@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;*/
+  }
+}

server/public/assets/html/callback.html

@@ -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>

server/public/assets/js/admin.js

@@ -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];
+  }
 };

server/public/assets/js/callback.js

@@ -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;
+  }
 }

server/public/assets/js/channel.js

@@ -3,10 +3,6 @@ var Channel = {
     if (window.location.hash == "#small" || inIframe()) {
       small_player = true;
       document.querySelector("footer").style.display = "none";
-      //addJoinBox();
-      //hideAllExtra();
-      //document.querySelectorAll(".tab.col.s3")[1].remove();
-      //document.querySelectorAll(".tab.col.s3")[1].remove();
     }
     if (client) {
       Helper.addClass(".tabs", "hide");
@@ -25,12 +21,7 @@ var Channel = {
       Helper.addClass(".control-list", "client-control-list");
     } else {
       if (!api_key.hasOwnProperty("soundcloud")) soundcloud_enabled = false;
-      else {
-        /*SC.initialize({
-                  client_id: api_key.soundcloud
-                }, function() {
-                });*/
-      }
+
       if (cast_ready_connect || chromecastAvailable || chromecastReady) {
         Helper.addClass(".volume-container", "volume-container-cast");
       }
@@ -295,10 +286,13 @@ var Channel = {
 
     if (!client) {
       if (!Helper.mobilecheck()) {
+        var port = window.location.port;
+        if (port != "") port = ":" + port;
         var shareCodeUrl =
           window.location.protocol +
           "//client." +
           window.location.hostname +
+          port +
           "/r/" +
           btoa(encodeURIComponent(chan.toLowerCase()));
         document
@@ -312,18 +306,11 @@ var Channel = {
           "#channel-name-join",
           "client." +
             window.location.hostname +
+            port +
             "/" +
             encodeURIComponent(chan.toLowerCase())
         );
-      } /*else if(small_player) {
-                document.querySelector("#channel-share-modal .modal-content").innerHTML = "<p>To listen to this channel with more features, go to</p><p>https://zoff.me/" + encodeURIComponent(chan.toLowerCase()) + "</p><img src='/assets/images/favicon.png' height='100' width='100' alt='circle-logo-zoff'>";
-                //M.Modal.getInstance(document.getElementById("channel-share-modal")).open();
-                if(!Helper.mobilecheck()) {
-                    setTimeout(function() {
-                        M.Modal.getInstance(document.getElementById("channel-share-modal")).close();
-                    }, 10000);
-                }
-            }*/
+      }
     } else {
       Helper.removeElement(".video-container");
       Helper.removeElement(".offline-panel");
@@ -435,24 +422,6 @@ var Channel = {
         position: "top",
         html: "Cast Zoff to TV"
       });
-
-      /*$("#color_embed").spectrum({
-                color: "#808080",
-                change: function(c) {
-                    color = c.toHexString().substring(1); // #ff0000
-                    document.getElementById("embed-area").value = embed_code(embed_autoplay, embed_width, embed_height, color);
-                },
-                appendTo: "#embed",
-                containerClassName: 'polyfill-color z-depth-4',
-                show: function(color) {
-                },
-            });*/
-
-      /*Helper.addClass(".sp-choose", "hide");
-            Helper.addClass(".sp-cancel", "btn-flat waves-effect waves-red");
-            Helper.removeClass(".sp-cancel", "sp-cancel");
-            document.getElementsByClassName("sp-button-container")[0].insertAdjacentHTML("beforeend", "<a href='#' class='btn-flat waves-effect waves-green sp-choose-link'>CHOOSE</a>");
-            */
     }
 
     addListener("click", ".sp-choose-link", function(e) {
@@ -708,10 +677,6 @@ var Channel = {
         channel: add + chan.toLowerCase()
       });
     } else if (url_split[3] === "") {
-      /*if(client) {
-                var host = window.location.hostname.split(".");
-                window.location.hostname = host[host.length -1];
-            }*/
       Admin.display_logged_out();
       if (hostMode) {
         Helper.removeClass("#main-row", "fullscreened");

server/public/assets/js/chat.js

@@ -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;
+    }
+  }
 };

server/public/assets/js/crypt.js

@@ -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();
+  }
 };

server/public/assets/js/embed.js

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

server/public/assets/js/hostcontroller.js

@@ -1,83 +1,114 @@
 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.host + "/" + 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) {}
+  }
 };

server/public/assets/js/mobileremote.js

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

server/public/assets/js/playercontrols.js

@@ -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();
+  }
 };

server/public/assets/js/remotecontroller.js

@@ -2,107 +2,133 @@ 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";
-    else add = "localhost";
-    socket = io.connect(add, connection_options);
-    socket.on('update_required', function() {
-        window.location.reload(true);
+    socket = io.connect(
+      window.location.protocol + "//" + window.location.host,
+      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 +139,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
+    );
+  }
 };

server/public/assets/js/suggestions.js

@@ -1,121 +1,164 @@
 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.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.added_by != undefined) {
+      toSend.extra += " by " + params.added_by;
+    }
+    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,statistics(viewCount),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)
+              try {
+                document.getElementById("suggest-song-html").insertAdjacentHTML(
+                  "beforeend",
+                  List.generateSong(
                     {
-                        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) {}
-                        }
-                    }
-                });
+                      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");
+    }
+  }
 };

server/public/assets/js/token_apply.js

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

server/public/assets/manifest.json

@@ -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"
+    }
+  ]
 }

server/public/layouts/admin/main.handlebars

@@ -20,7 +20,7 @@
     <!-- Compiled and minified JavaScript -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
 
-    <link rel="stylesheet" type="text/css" href="https://zoff.me/assets/css/style.css" title="Default" />
+    <link rel="stylesheet" type="text/css" href="https://zoff.me/assets/dist/style.css" title="Default" />
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
     <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.1.0/socket.io.slim.js"></script>
     <style>

server/public/layouts/admin/not_authenticated.handlebars

@@ -1,4 +1,4 @@
-<main class="container valign-wrapper row">
+<main class="container valign-wrapper row full-height">
       <div class="center-align col m6 offset-m3">
         <img src="https://zoff.me/assets/images/favicon.png" width="100" height="100" alt="image" />
         <form action="/login" id="login_form" method="POST">

server/public/partials/footer.handlebars

@@ -43,20 +43,20 @@
                         </a>
                     </li>
                     <li>
-                        <a title="Like what we made? Help us by donating (a) beer!" class="waves-effect waves-light btn orange light-blue share donate-button">
+                        <a class="waves-effect waves-light btn orange share donate-button">
                             <i class="material-icons left footer-button-icon">payment</i>Donate
                         </a>
                     </li>
+                    <li>
+                        <a href="https://github.com/users/kasperrt/sponsorship" target="_blank" class="waves-effect waves-light btn pink accent-1 share">
+                            <i class="material-icons left footer-button-icon">favorite</i>Sponsor
+                        </a>
+                    </li>
                     <li class="google-play-image-list">
                         <a class="android-image-link" href="https://play.google.com/store/apps/details?id=zoff.me.zoff&hl=no&pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1">
                             <img alt="Get it on Google Play" src="https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png"/>
                         </a>
                     </li>
-                    <li class="apple-appstore-image-list">
-                        <a class="apple-image-link" href="https://itunes.apple.com/us/app/zoff/id1402037061?ls=1&mt=8">
-                            <img alt="Get it on the AppStore" src="/assets/images/appstore.svg"/>
-                        </a>
-                    </li>
                 </ul>
             </div>
         </div>

server/routing/client/api.js

@@ -13,7 +13,7 @@ try {
 } catch (e) {
   allowed_key = ["***"];
   console.log(
-    "Allowed API-key for skipping songs from API has not been configured, so all keys are allowed by default (!). Have a look at config/allowed_api.example.js"
+    "(!) Missing file - /config/allowed_api.js Have a look at /config/allowed_api.example.js."
   );
 }
 var crypto = require("crypto");
@@ -2339,9 +2339,8 @@ try {
       }
     });
 } catch (e) {
-  console.log("Mail is not configured and wont work");
   console.log(
-    "Seems you forgot to create a mailconfig.js in /server/config/. Have a look at the mailconfig.example.js."
+    "(!) Missing file - /config/mailconfig.js Have a look at /config/mailconfig.example.js. "
   );
   router.route("/api/mail").post(function(req, res) {
     console.log(

server/routing/client/icons_routing.js

@@ -1,24 +1,33 @@
-var express = require('express');
-const path = require('path');
+var express = require("express");
+const path = require("path");
 var router = express.Router();
 router.use(function(req, res, next) {
-    next(); // make sure we go to the next routes and don't stop here
+  next(); // make sure we go to the next routes and don't stop here
 });
 
-router.route('/favicon.ico').get(function(req, res, next) {
-    res.sendFile(path.join(pathThumbnails, '/public/assets/images/favicon.ico'));
+router.route("/favicon.ico").get(function(req, res, next) {
+  res.sendFile(path.join(pathThumbnails, "/public/assets/images/favicon.ico"));
 });
 
-router.route('/browserconfig.xml').get(function(req, res, next) {
-    res.sendFile(path.join(pathThumbnails, '/public/assets/images/browserconfig.xml'));
+router.route("/browserconfig.xml").get(function(req, res, next) {
+  res.sendFile(
+    path.join(pathThumbnails, "/public/assets/images/browserconfig.xml")
+  );
 });
 
-router.route('/apple-touch-icon.png').get(function(req, res, next) {
-    res.sendFile(path.join(pathThumbnails, '/public/assets/images/apple-touch-icon.png'));
+router.route("/apple-touch-icon.png").get(function(req, res, next) {
+  res.sendFile(
+    path.join(pathThumbnails, "/public/assets/images/apple-touch-icon.png")
+  );
 });
 
-router.route('/apple-touch-icon-precomposed.png').get(function(req, res, next) {
-    res.sendFile(path.join(pathThumbnails, '/public/assets/images/apple-touch-icon-precomposed.png'));
+router.route("/apple-touch-icon-precomposed.png").get(function(req, res, next) {
+  res.sendFile(
+    path.join(
+      pathThumbnails,
+      "/public/assets/images/apple-touch-icon-precomposed.png"
+    )
+  );
 });
 
 module.exports = router;

server/routing/client/router.js

@@ -1,291 +1,288 @@
-var express = require('express');
+var express = require("express");
 var router = express.Router();
-var path = require('path');
-var year = new Date().getYear()+1900;
-var path = require('path');
+var path = require("path");
+var year = new Date().getYear() + 1900;
+var path = require("path");
 var analytics = "xx";
 var google = {};
 var adsense = "xx";
 var adds = false;
-var mongojs = require('mongojs');
+var mongojs = require("mongojs");
 var token_db = mongojs("tokens");
-var Functions = require(pathThumbnails + '/handlers/functions.js');
-var Frontpage = require(pathThumbnails + '/handlers/frontpage.js');
+var Functions = require(pathThumbnails + "/handlers/functions.js");
+var Frontpage = require(pathThumbnails + "/handlers/frontpage.js");
 
-var db = require(pathThumbnails + '/handlers/db.js');
-//var db = require(pathThumbnails + '/handlers/db.js');
+var db = require(pathThumbnails + "/handlers/db.js");
 
 try {
-    google = require(path.join(path.join(__dirname, '../../config/'), 'google.js'));
-    analytics = google.analytics;
-    adsense = google.adsense;
-} catch(e) {
-    console.log("No analytics-id found");
+  google = require(path.join(
+    path.join(__dirname, "../../config/"),
+    "google.js"
+  ));
+  analytics = google.analytics;
+  adsense = google.adsense;
+} catch (e) {
+  console.log(
+    "(!) Missing file - /config/google.js Have a look at /config/google.example.js. This is for google analytics."
+  );
 }
 
 try {
-    var Recaptcha = require('express-recaptcha');
-    var recaptcha_config = require(path.join(path.join(__dirname, '../../config/'), 'recaptcha.js'));
-    var RECAPTCHA_SITE_KEY = recaptcha_config.site;
-    var RECAPTCHA_SECRET_KEY = recaptcha_config.key;
-    var recaptcha = new Recaptcha(RECAPTCHA_SITE_KEY, RECAPTCHA_SECRET_KEY);
-} catch(e) {
-    console.log("Error - missing file");
-    console.log("Seems you forgot to create the file recaptcha.js in /server/config/. Have a look at recaptcha.example.js.");
-    var recaptcha = {
-        middleware: {
-            render: (req, res, next) => {
-                res.recaptcha = ""
-                next()
-            }
-        }
+  var Recaptcha = require("express-recaptcha");
+  var recaptcha_config = require(path.join(
+    path.join(__dirname, "../../config/"),
+    "recaptcha.js"
+  ));
+  var RECAPTCHA_SITE_KEY = recaptcha_config.site;
+  var RECAPTCHA_SECRET_KEY = recaptcha_config.key;
+  var recaptcha = new Recaptcha(RECAPTCHA_SITE_KEY, RECAPTCHA_SECRET_KEY);
+} catch (e) {
+  console.log(
+    "(!) Missing file - /config/recaptcha.js Have a look at /config/recaptcha.example.js."
+  );
+  var recaptcha = {
+    middleware: {
+      render: (req, res, next) => {
+        res.recaptcha = "";
+        next();
+      }
     }
+  };
 }
 
 router.use(recaptcha.middleware.render, function(req, res, next) {
-    next(); // make sure we go to the next routes and don't stop here
+  next(); // make sure we go to the next routes and don't stop here
 });
 
-router.route('/:channel_name').get(function(req, res, next){
-    channel(req, res, next);
+router.route("/:channel_name").get(function(req, res, next) {
+  channel(req, res, next);
 });
 
-router.route('/r/:base64data').get(function(req, res, next){
-    var channelToRedirect = Buffer.from(req.params.base64data, 'base64');
-    res.redirect('/' + channelToRedirect);
+router.route("/r/:base64data").get(function(req, res, next) {
+  var channelToRedirect = Buffer.from(req.params.base64data, "base64");
+  res.redirect("/" + channelToRedirect);
 });
 
-router.route('/').get(function(req, res, next){
-    root(req, res, next);
+router.route("/").get(function(req, res, next) {
+  root(req, res, next);
 });
 
-router.route('/').post(function(req, res, next){
-    root(req, res, next);
+router.route("/").post(function(req, res, next) {
+  root(req, res, next);
 });
 
-router.route('/api/embed').get(function(req, res, next) {
-    var data = {
-        year: year,
-        type: "video",
-        javascript_file: "embed.min.js",
-        captcha: res.recaptcha,
-        analytics: analytics,
-        stylesheet: "embed.css",
-        embed: true,
-        og_image: "https://zoff.me/assets/images/small-square.jpg",
-    }
-    res.render('layouts/client/embed', data);
+router.route("/api/embed").get(function(req, res, next) {
+  var data = {
+    year: year,
+    type: "video",
+    javascript_file: "embed.min.js",
+    captcha: res.recaptcha,
+    analytics: analytics,
+    stylesheet: "embed.css",
+    embed: true,
+    og_image: "https://zoff.me/assets/images/small-square.jpg"
+  };
+  res.render("layouts/client/embed", data);
 });
 
-router.route('/api/oauth').get(function(req, res, next) {
-    res.sendFile(path.join(pathThumbnails, '/public/assets/html/callback.html'));
+router.route("/api/oauth").get(function(req, res, next) {
+  res.sendFile(path.join(pathThumbnails, "/public/assets/html/callback.html"));
 });
 
-router.route('/api/apply').get(function(req, res, next) {
-    var data = {
-        year: year,
-        javascript_file: "token.min.js",
-        captcha: res.recaptcha,
-        analytics: analytics,
-        adsense: adsense,
-        adds: adds,
-        type: "website",
-        activated: false,
-        id: "",
-        correct: false,
-        stylesheet: "style.css",
-        embed: false,
-        og_image: "https://zoff.me/assets/images/small-square.jpg",
-    }
-    res.render('layouts/client/token', data);
+router.route("/api/apply").get(function(req, res, next) {
+  var data = {
+    year: year,
+    javascript_file: "token.min.js",
+    captcha: res.recaptcha,
+    analytics: analytics,
+    adsense: adsense,
+    adds: adds,
+    type: "website",
+    activated: false,
+    id: "",
+    correct: false,
+    stylesheet: "style.css",
+    embed: false,
+    og_image: "https://zoff.me/assets/images/small-square.jpg"
+  };
+  res.render("layouts/client/token", data);
 });
 
-router.route('/api/apply/:id').get(function(req, res) {
-    var id = req.params.id;
-    token_db.collection('api_links').find({id: id}, function(err, result) {
-        if(result.length == 1) {
-            token_db.collection('api_links').remove({id: id}, function(e,d) {
-                token_db.collection('api_token').update({token: result[0].token}, {$set: {active: true}}, function(e,d) {
-                    var data = {
-                        year: year,
-                        javascript_file: "token.min.js",
-                        captcha: res.recaptcha,
-                        analytics: analytics,
-                        adsense: adsense,
-                        adds: adds,
-                        activated: true,
-                        type: "website",
-                        token: result[0].token,
-                        correct: true,
-                        stylesheet: "style.css",
-                        embed: false,
-                        og_image: "https://zoff.me/assets/images/small-square.jpg",
-                    }
-                    res.render('layouts/client/token', data);
-                });
-            });
-        } else {
-            var data = {
+router.route("/api/apply/:id").get(function(req, res) {
+  var id = req.params.id;
+  token_db.collection("api_links").find({ id: id }, function(err, result) {
+    if (result.length == 1) {
+      token_db.collection("api_links").remove({ id: id }, function(e, d) {
+        token_db
+          .collection("api_token")
+          .update(
+            { token: result[0].token },
+            { $set: { active: true } },
+            function(e, d) {
+              var data = {
                 year: year,
                 javascript_file: "token.min.js",
                 captcha: res.recaptcha,
                 analytics: analytics,
                 adsense: adsense,
                 adds: adds,
-                activated: false,
-                token:"",
+                activated: true,
                 type: "website",
-                correct: false,
+                token: result[0].token,
+                correct: true,
                 stylesheet: "style.css",
                 embed: false,
-                og_image: "https://zoff.me/assets/images/small-square.jpg",
+                og_image: "https://zoff.me/assets/images/small-square.jpg"
+              };
+              res.render("layouts/client/token", data);
             }
-            res.render('layouts/client/token', data);
-        }
-    });
+          );
+      });
+    } else {
+      var data = {
+        year: year,
+        javascript_file: "token.min.js",
+        captcha: res.recaptcha,
+        analytics: analytics,
+        adsense: adsense,
+        adds: adds,
+        activated: false,
+        token: "",
+        type: "website",
+        correct: false,
+        stylesheet: "style.css",
+        embed: false,
+        og_image: "https://zoff.me/assets/images/small-square.jpg"
+      };
+      res.render("layouts/client/token", data);
+    }
+  });
 });
 
-
 function root(req, res, next) {
-    try{
-        var url = req.headers['x-forwarded-host'] ? req.headers['x-forwarded-host'] : req.headers.host.split(":")[0];
-        var subdomain = req.headers['x-forwarded-host'] ? req.headers['x-forwarded-host'].split(".") : req.headers.host.split(":")[0].split(".");
-        /*if(url != "zoff.me" && url != "admin.localhost" && url != "admin.zoff.me" && url != "remote.zoff.me" && url != "fb.zoff.me" && url != "remote.localhost" && url != "localhost") {
-            res.redirect("https://zoff.me");
-            return;
-        }*/
-        if(subdomain[0] == "remote") {
-            var data = {
-                year: year,
-                javascript_file: "remote.min.js",
-                captcha: res.recaptcha,
-                adsense: adsense,
-                adds: adds,
-                analytics: analytics,
-                type: "website",
-                stylesheet: "style.css",
-                embed: false,
-                client: false,
-                og_image: "https://zoff.me/assets/images/small-square.jpg",
-            }
-            res.render('layouts/client/remote', data);
-        } else if(subdomain[0] == "www") {
-            res.redirect("https://zoff.me");
-        } else {
-            var data = {
-                year: year,
-                javascript_file: "main.min.js",
-                captcha: res.recaptcha,
-                adsense: adsense,
-                adds: adds,
-                analytics: analytics,
-                stylesheet: "style.css",
-                type: "website",
-                embed: false,
-                client: false,
-                og_image: "https://zoff.me/assets/images/small-square.jpg",
-                channels: [],
-            }
-            if(subdomain[0] == "client") {
-                data.client = true;
-            }
-            Frontpage.get_frontpage_lists(function(err, docs){
-                db.collection("connected_users").find({"_id": "total_users"}, function(err, tot) {
-                    if(docs.length > 0) {
-                        data.channels_exist = true;
-                        data.channels = docs.slice(0, 12);
-                        data.channel_list = JSON.stringify(docs);
-                    } else {
-                        data.channels_exist = false;
-                        data.channels = [];
-                        data.channel_list = [];
-                    }
-                    data.viewers = tot[0].total_users.length;
-                    res.render('layouts/client/frontpage', data);
-                });
-            });
-
-        }
-    } catch(e) {
-        console.log(e);
-        //res.redirect("https://zoff.me");
+  try {
+    var url = req.headers["x-forwarded-host"]
+      ? req.headers["x-forwarded-host"]
+      : req.headers.host.split(":")[0];
+    var subdomain = req.headers["x-forwarded-host"]
+      ? req.headers["x-forwarded-host"].split(".")
+      : req.headers.host.split(":")[0].split(".");
+    if (subdomain[0] == "remote") {
+      var data = {
+        year: year,
+        javascript_file: "remote.min.js",
+        captcha: res.recaptcha,
+        adsense: adsense,
+        adds: adds,
+        analytics: analytics,
+        type: "website",
+        stylesheet: "style.css",
+        embed: false,
+        client: false,
+        og_image: "https://zoff.me/assets/images/small-square.jpg"
+      };
+      res.render("layouts/client/remote", data);
+    } else if (subdomain[0] == "www") {
+      res.redirect("https://zoff.me");
+    } else {
+      var data = {
+        year: year,
+        javascript_file: "main.min.js",
+        captcha: res.recaptcha,
+        adsense: adsense,
+        adds: adds,
+        analytics: analytics,
+        stylesheet: "style.css",
+        type: "website",
+        embed: false,
+        client: false,
+        og_image: "https://zoff.me/assets/images/small-square.jpg",
+        channels: []
+      };
+      if (subdomain[0] == "client") {
+        data.client = true;
+      }
+      Frontpage.get_frontpage_lists(function(err, docs) {
+        db.collection("connected_users").find({ _id: "total_users" }, function(
+          err,
+          tot
+        ) {
+          if (docs.length > 0) {
+            data.channels_exist = true;
+            data.channels = docs.slice(0, 12);
+            data.channel_list = JSON.stringify(docs);
+          } else {
+            data.channels_exist = false;
+            data.channels = [];
+            data.channel_list = [];
+          }
+          data.viewers = tot[0].total_users.length;
+          res.render("layouts/client/frontpage", data);
+        });
+      });
     }
+  } catch (e) {
+    console.log(e);
+  }
 }
 
 function channel(req, res, next) {
-    try{
-        var url = req.headers['x-forwarded-host'] ? req.headers['x-forwarded-host'] : req.headers.host.split(":")[0];
-        var subdomain = req.headers['x-forwarded-host'] ? req.headers['x-forwarded-host'].split(".") : req.headers.host.split(":")[0].split(".");
-        /*if(url != "zoff.me" && url != "admin.localhost" && url != "admin.zoff.me" && url != "remote.zoff.me" && url != "fb.zoff.me" && url != "remote.localhost" && url != "localhost") {
-            res.redirect("https://zoff.me");
-            return;
-        }*/
-        if(subdomain[0] == "remote") {
-            var data = {
-                year: year,
-                javascript_file: "remote.min.js",
-                captcha: res.recaptcha,
-                adsense: adsense,
-                adds: adds,
-                analytics: analytics,
-                type: "website",
-                stylesheet: "style.css",
-                embed: false,
-                client: false,
-                og_image: "https://zoff.me/assets/images/small-square.jpg",
-            }
-            res.render('layouts/client/remote', data);
-        } else if(subdomain.length >= 2 && subdomain[0] == "www") {
-            res.redirect("https://zoff.me");
-        } else {
-            if(req.params.channel_name == "o_callback") {
-                res.redirect("/api/oauth");
-                //res.sendFile(path.join(pathThumbnails, '/public/assets/html/callback.html'));
-            } else {
-                /*db.collection("frontpage_lists").find({"_id": Functions.encodeChannelName(req.params.channel_name)}, function(err, docs) {
-                    console.log(docs);
-                    var og_image = "https://zoff.me/assets/images/small-square.jpg";
-                    if(docs.length == 1) {
-                        if(docs[0].hasOwnProperty("thumbnail")) {
-                            if(docs[0].thumbnail.indexOf("mqdefault.jpg") > -1) docs[0].thumbnail = docs[0].thumbnail.replace("mqdefault", "hqdefault");
-                            og_image = docs[0].thumbnail;
-                        } else {
-                            og_image = "https://img.youtube.com/vi/" + docs[0].id + "/hqdefault.jpg";
-                        }
-                    }*/
-                    var data = {
-                        title: "404: File Not Found",
-                        //list_name: capitalizeFirstLetter(Functions.decodeChannelName(req.params.channel_name)),
-                        list_name: capitalizeFirstLetter(req.params.channel_name),
-                        year: year,
-                        javascript_file: "main.min.js",
-                        captcha: res.recaptcha,
-                        adsense: adsense,
-                        adds: adds,
-                        analytics: analytics,
-                        type: "video",
-                        stylesheet: "style.css",
-                        embed: false,
-                        client:false,
-                        og_image: "https://zoff.me/assets/images/small-square.jpg"
-                    }
-                    if(subdomain[0] == "client") {
-                        data.client = true;
-                    }
-                    if(req.params.channel_name == "404") {
-                        res.status(404);
-                    }
-                    res.render('layouts/client/channel', data);
-                //});
-            }
-        }
-    } catch(e) {
+  try {
+    var url = req.headers["x-forwarded-host"]
+      ? req.headers["x-forwarded-host"]
+      : req.headers.host.split(":")[0];
+    var subdomain = req.headers["x-forwarded-host"]
+      ? req.headers["x-forwarded-host"].split(".")
+      : req.headers.host.split(":")[0].split(".");
+    if (subdomain[0] == "remote") {
+      var data = {
+        year: year,
+        javascript_file: "remote.min.js",
+        captcha: res.recaptcha,
+        adsense: adsense,
+        adds: adds,
+        analytics: analytics,
+        type: "website",
+        stylesheet: "style.css",
+        embed: false,
+        client: false,
+        og_image: "https://zoff.me/assets/images/small-square.jpg"
+      };
+      res.render("layouts/client/remote", data);
+    } else if (subdomain.length >= 2 && subdomain[0] == "www") {
       res.redirect("https://zoff.me");
+    } else {
+      if (req.params.channel_name == "o_callback") {
+        res.redirect("/api/oauth");
+      } else {
+        var data = {
+          title: "404: File Not Found",
+          list_name: capitalizeFirstLetter(req.params.channel_name),
+          year: year,
+          javascript_file: "main.min.js",
+          captcha: res.recaptcha,
+          adsense: adsense,
+          adds: adds,
+          analytics: analytics,
+          type: "video",
+          stylesheet: "style.css",
+          embed: false,
+          client: false,
+          og_image: "https://zoff.me/assets/images/small-square.jpg"
+        };
+        if (subdomain[0] == "client") {
+          data.client = true;
+        }
+        res.render("layouts/client/channel", data);
+      }
     }
+  } catch (e) {
+    res.redirect("https://zoff.me");
+  }
 }
 
 function capitalizeFirstLetter(string) {
-    return string.charAt(0).toUpperCase() + string.slice(1);
+  return string.charAt(0).toUpperCase() + string.slice(1);
 }
 
 module.exports = router;