import Q from '../q-module';
import UI from '../ui';
import createServerTitleContextMenu from './context-menu-guild-title';
import ElementsUtil from './require/elements-util';

export default function bindAddServerTitleEvents(document: Document, q: Q, ui: UI) {
    q.$('#server-name-container').addEventListener('click', () => {
        if (ui.activeConnection === null) return;
        if (ui.activeGuild === null) return;
        if (!ui.activeGuild.isSocketVerified()) return;
        if (
            !ui.activeConnection.privileges.includes('modify_profile') &&
            !ui.activeConnection.privileges.includes('modify_members')
        ) return;

        let contextMenu = createServerTitleContextMenu(document, q, ui, ui.activeGuild);
        document.body.appendChild(contextMenu);
        ElementsUtil.alignContextElement(contextMenu, q.$('#server-name-container'), { top: 'bottom', centerX: 'centerX' });
    });
}