main.js

var wsUrl = 'ws://' + document.location.host + '/ws';

var settings = {
    brightness: 0,
    interval: 0,
    color: {
        r: 255,
        g: 255,
        b: 255,
    }
};

var highscores = {};
var initHighscores = true;

var uiEnabled = false;

$(document).ready(function () {
    enabledUI(false);
    $("#wsMessages, #prompt").val("");
});

$(window).on('load', function () {
    startSocket();
});

$(document).on('change', '.rangeSetting', function () {
    var setting = $(this).data('name');
    var value = $(this).val();
    switch (setting) {
        case 'brightness':
            value = mapRange(value, 1, 100, 8, 255);
            break;
        case 'interval':
            value = mapRange(value, 1, 100, 1000, 10);
            break;
    }
    settings[setting] = value;
    sendSettings();
});

var colorPicker = new iro.ColorPicker('#colorpicker', {
    layout: [
        {
            component: iro.ui.Wheel,
        }
    ]
});

colorPicker.on('input:end', function (color) {
    settings.color = color.rgb;
    sendSettings();
});

$('.btnAction').on('click', function () {
    var action = $(this).data('action');
    sendAction(action);
    if(modalConfirm._isShown) {
        modalConfirm.hide();
    }
});

$('.btnConfirm').on('click', function () {
    $('#modalConfirm').find('.modal-title').text($(this).data('title'));
    $('#modalConfirm').find('.modal-body').text('Do your really want to ' + $(this).data('text') + ' (NFG)');
    $('#modalConfirm').find('.btnAction').data('action', $(this).data('action'));
    modalConfirm.show();
});

$("#prompt").on('keydown', function (e) {