'use strict';

class Chat {
    constructor(e)
    {
        this.chats = [];
        this.root = e;
        e.getElementsByClassName("toggle-chat")[0].onclick = this.toggle.bind(this);
    }

    getChannel (name)
    {
        for(let i in this.chats)
        {
            if (this.chats[i].name == name)
            {
                return this.chats[i];
            }
        }

        return null;
    }

    isActive (name)
    {
        for(let i in this.chats)
        {
            if (this.chats[i].name == name)
            {
                if(this.chats[i].btn.getAttribute("active") == "true")
                    return true;
                return false;
            }
        }

        return false;
    }

    addChannel (name, follow = true)
    {
        if(this.getChannel(name) != null)
            return;

        let d = document.createElement("div");
        let b = document.createElement("button");

        this.root.getElementsByClassName("chat-select")[0].appendChild(b);

        b.setAttribute("active", false);

        b.onclick = this.switchChannel.bind(this, name);

        b.innerText = name[0].toUpperCase() + name.slice(1).toLowerCase();

        d.className = "chat-text";

        this.chats.push({name: name, e: d, btn: b});

        if(follow)
            this.switchChannel(name)
    }

    getActiveChannel ()
    {
        for(let i in this.chats)
        {
            if (this.chats[i].btn.getAttribute("active") == "true")
            {
                return this.chats[i];
            }
        }

        return null;
    }

    switchChannel (name)
    {
        let c = this.getChannel(name);
        
        if(c == null)
            return;

        if(this.getActiveChannel() != null)
            this.getActiveChannel().btn.setAttribute("active", false);

        c.btn.setAttribute("active", true);
        var ct = this.root.getElementsByClassName("chat-text")[0];
        ct.replaceWith(c.e);

        c.e.scroll({
            top: c.e.scrollTopMax
        });
    }

    recieveMessage (channel, msg)
    {
        let c = this.getChannel(channel);
        
        if(c == null)
            return;
        
        let autoscroll = c.e.scrollTop == c.e.scrollTopMax;

        let csp = document.createElement("span");
        csp.style.color = msg.color;
        csp.innerText = msg.user + ": ";
        let tsp = document.createElement("span");
        tsp.innerText = msg.text;
        let d = document.createElement("div");
        d.appendChild(csp);
        d.appendChild(tsp);

        c.e.appendChild(d);

        if(autoscroll)
            c.e.scroll({top: c.e.scrollTopMax});
    }

    clearChannel (name)
    {
        let c = this.getChannel(name);
        if(c == null)
            return;
        
        while(c.e.firstElementChild != null)
            c.e.firstElementChild.remove();
    }

    deleteChannel (name)
    {
        let c = this.getChannel(name);
        if(c == null)
            return;
        
        while(c.e.firstElementChild != null)
            c.e.firstElementChild.remove();
        
        c.btn.remove();

        this.chats.splice(this.chats.indexOf(c), 1);
    }

    toggle () {
        if(this.root.getAttribute("show") != "true")
            this.root.setAttribute("show", "true");
        else
            this.root.setAttribute("show", "false");
    }
}