TeaWeb/shared/js/ui/frames/SideBarController.ts

import {ConnectionHandler} from "../../ConnectionHandler";
import {ChannelConversationController} from "./side/ChannelConversationController";
import {PrivateConversationController} from "./side/PrivateConversationController";
import {ClientInfoController} from "tc-shared/ui/frames/side/ClientInfoController";
import {SideHeaderController} from "tc-shared/ui/frames/side/HeaderController";
import * as ReactDOM from "react-dom";
import {SideBarRenderer} from "tc-shared/ui/frames/SideBarRenderer";
import * as React from "react";
import {SideBarEvents, SideBarType} from "tc-shared/ui/frames/SideBarDefinitions";
import {Registry} from "tc-shared/events";
import {LogCategory, logWarn} from "tc-shared/log";

export class SideBarController {
    private readonly uiEvents: Registry<SideBarEvents>;

    private currentConnection: ConnectionHandler;
    private listenerConnection: (() => void)[];

    private header: SideHeaderController;
    private clientInfo: ClientInfoController;
    private channelConversations: ChannelConversationController;
    private privateConversations: PrivateConversationController;

    constructor() {
        this.listenerConnection = [];

        this.uiEvents = new Registry<SideBarEvents>();
        this.uiEvents.on("query_content", () => this.sendContent());
        this.uiEvents.on("query_content_data", event => this.sendContentData(event.content));

        this.privateConversations = new PrivateConversationController();
        this.channelConversations = new ChannelConversationController();
        this.clientInfo = new ClientInfoController();
        this.header = new SideHeaderController();
    }

    setConnection(connection: ConnectionHandler) {
        if(this.currentConnection === connection) {
            return;
        }

        this.listenerConnection.forEach(callback => callback());
        this.listenerConnection = [];

        this.currentConnection = connection;
        this.header.setConnectionHandler(connection);
        this.clientInfo.setConnectionHandler(connection);
        this.channelConversations.setConnectionHandler(connection);
        this.privateConversations.setConnectionHandler(connection);

        if(connection) {
            this.listenerConnection.push(connection.getSideBar().events.on("notify_content_type_changed", () => this.sendContent()));
        }

        this.sendContent();
    }

    destroy() {
        this.header?.destroy();
        this.header = undefined;

        this.clientInfo?.destroy();
        this.clientInfo = undefined;

        this.privateConversations?.destroy();
        this.privateConversations = undefined;

        this.channelConversations?.destroy();
        this.channelConversations = undefined;
    }

    renderInto(container: HTMLDivElement) {
        ReactDOM.render(React.createElement(SideBarRenderer, {
            events: this.uiEvents,
            eventsHeader: this.header["uiEvents"],
        }), container);
    }

    private sendContent() {
        if(this.currentConnection) {
            this.uiEvents.fire("notify_content", { content: this.currentConnection.getSideBar().getSideBarContent() });
        } else {
            this.uiEvents.fire("notify_content", { content: "none" });
        }
    }

    private sendContentData(content: SideBarType) {
        switch (content) {
            case "none":
                this.uiEvents.fire_react("notify_content_data", {
                    content: "none",
                    data: {}
                });
                break;

            case "channel-chat":
                if(!this.currentConnection) {
                    logWarn(LogCategory.GENERAL, tr("Received channel chat content data request without an active connection."));
                    return;
                }

                this.uiEvents.fire_react("notify_content_data", {
                    content: "channel-chat",
                    data: {
                        events: this.channelConversations["uiEvents"],
                        handlerId: this.currentConnection.handlerId
                    }
                });
                break;

            case "private-chat":
                if(!this.currentConnection) {
                    logWarn(LogCategory.GENERAL, tr("Received private chat content data request without an active connection."));
                    return;
                }

                this.uiEvents.fire_react("notify_content_data", {
                    content: "private-chat",
                    data: {
                        events: this.privateConversations["uiEvents"],
                        handlerId: this.currentConnection.handlerId
                    }
                });
                break;

            case "client-info":
                if(!this.currentConnection) {
                    logWarn(LogCategory.GENERAL, tr("Received client info content data request without an active connection."));
                    return;
                }

                this.uiEvents.fire_react("notify_content_data", {
                    content: "client-info",
                    data: {
                        events: this.clientInfo["uiEvents"],
                    }
                });
                break;

            case "music-manage":
                if(!this.currentConnection) {
                    logWarn(LogCategory.GENERAL, tr("Received music bot content data request without an active connection."));
                    return;
                }

                this.uiEvents.fire_react("notify_content_data", {
                    content: "music-manage",
                    data: { }
                });
                break;
        }
    }
}