zoff/server/public/assets/js/chat.js

var Chat = {

    channel_received: 0,
    all_received: 0,
    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"
    ],

    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];

            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("/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";
            }
            for(var x = 0; x < Chat.chat_help.length; x++) {

                var _time = new Date();
                var time = Helper.pad(_time.getHours()) + ":" + Helper.pad(_time.getMinutes());

                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:orange;'>System</span>: </li>");
                var in_text = document.createTextNode(Chat.chat_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;
    },

    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());
        document.querySelector("#chatall").insertAdjacentHTML("beforeend", "<li title='"+inp.channel+"'><span class='time_color'>" + time + "</span> " + icon_add + "<span style='color:"+color_temp+";'>"+inp.from+"</span><span class='channel-info-all-chat'> " + inp.channel + "</span></li>");
        var in_text = document.createTextNode(inp.msg);
        document.querySelector("#chatall").children[document.querySelector("#chatall").children.length - 1].appendChild(in_text);
        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) {
            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);
        if(!userscroll) {
            programscroll = true;
            document.getElementById("chatchannel").scrollTop = document.getElementById("chatchannel").scrollHeight;
            programscroll = false;
        }
    }
};