☰

allie test

tab

Tính đến 10-06-2025. Xem phiên bản mới nhất.

Script này sẽ không được không được cài đặt trực tiếp. Nó là một thư viện cho các script khác để bao gồm các chỉ thị meta // @require https://update.greasyfork.ip-ddns.com/scripts/538683/1605109/allie%20test.js 

Tabs.Chat = {
    tabOrder: 900,
    tabLabel: 'Chat',
    tabDisabled: false,
    myDiv: null,
    globalChatDiv: null,
    allianceChatDiv: null,
    inputDiv: null,
    userListDiv: null,
    currentChatType: 'global',

    init: function(div) {
        var t = Tabs.Chat;
        t.myDiv = div;
        t.createMainDiv();
        t.hookGameChat();
        t.updateUserList();
    },

    createMainDiv: function() {
        var t = Tabs.Chat;
        var m = '<DIV class=divHeader align=center>' + tx('CHAT') + '</div>';
        
        m += '<div id="pbChatTabs" style="margin-bottom:10px;">';
        m += '<button id="pbGlobalChatTab" class="tabActive">Global Chat</button>';
        m += '<button id="pbAllianceChatTab">Alliance Chat</button>';
        m += '</div>';
        
        m += '<div id="pbChatRoom" style="display:flex; height:500px; border:1px solid #888;">';
        m += '<div id="pbUserList" style="width:150px; border-right:1px solid #888; overflow-y:auto;"></div>';
        m += '<div style="flex-grow:1; display:flex; flex-direction:column;">';
        m += '<div id="pbGlobalChatContent" style="flex-grow:1; overflow-y:auto; padding:10px;"></div>';
        m += '<div id="pbAllianceChatContent" style="flex-grow:1; overflow-y:auto; padding:10px; display:none;"></div>';
        m += '<div id="pbChatInput" style="border-top:1px solid #888; padding:10px;">';
        
        // Custom chat input area
        m += '<textarea id="pbChatTextArea" style="width:100%; height:60px; margin-bottom:5px; padding:5px; resize:none;"></textarea>';
        m += '<button id="pbChatSendButton" style="width:100%; padding:5px; cursor:pointer;">Send</button>';
        
        m += '</div>';
        m += '</div>';
        m += '</div>';

        t.myDiv.innerHTML = m;
        
        t.globalChatDiv = ById('pbGlobalChatContent');
        t.allianceChatDiv = ById('pbAllianceChatContent');
        t.userListDiv = ById('pbUserList');
        t.inputDiv = ById('pbChatInput');

        ById('pbGlobalChatTab').addEventListener('click', function() { t.switchChatType('global'); });
        ById('pbAllianceChatTab').addEventListener('click', function() { t.switchChatType('alliance'); });

        // Add event listeners for the custom chat input
        var chatTextArea = ById('pbChatTextArea');
        var sendButton = ById('pbChatSendButton');
        
        chatTextArea.addEventListener('keypress', function(e) {
            if (e.key === 'Enter' && !e.shiftKey) {
                e.preventDefault();
                t.sendChat();
            }
        });
        
        sendButton.addEventListener('click', function() {
            t.sendChat();
        });
    },

    hookGameChat: function() {
        var t = Tabs.Chat;
        var gameChatContainer = document.querySelector('#mod_comm_list1');
        var gameAllianceChatContainer = document.querySelector('#mod_comm_list2');
        
        if (gameChatContainer && gameAllianceChatContainer) {
            var observerGlobal = new MutationObserver(function(mutations) {
                t.updateChat('global');
            });

            var observerAlliance = new MutationObserver(function(mutations) {
                t.updateChat('alliance');
            });

            observerGlobal.observe(gameChatContainer, { childList: true, subtree: true });
            observerAlliance.observe(gameAllianceChatContainer, { childList: true, subtree: true });
            
            t.updateChat('global');
            t.updateChat('alliance');
        } else {
            console.error('Could not find game chat containers');
        }
    },

    updateChat: function(chatType) {
        var t = Tabs.Chat;
        var gameChatContainer = (chatType === 'global') ? 
            document.querySelector('#mod_comm_list1') : 
            document.querySelector('#mod_comm_list2');
        var targetDiv = (chatType === 'global') ? t.globalChatDiv : t.allianceChatDiv;
        
        if (gameChatContainer && targetDiv) {
            targetDiv.innerHTML = gameChatContainer.innerHTML;
            targetDiv.scrollTop = targetDiv.scrollHeight;
        }
    },

    switchChatType: function(chatType) {
        var t = Tabs.Chat;
        t.currentChatType = chatType;
        
        // Update tab buttons
        ById('pbGlobalChatTab').className = (chatType === 'global') ? 'tabActive' : '';
        ById('pbAllianceChatTab').className = (chatType === 'alliance') ? 'tabActive' : '';
        
        // Show/hide chat content
        t.globalChatDiv.style.display = (chatType === 'global') ? 'block' : 'none';
        t.allianceChatDiv.style.display = (chatType === 'alliance') ? 'block' : 'none';
        
        // Update user list
        t.updateUserList();
    },

    updateUserList: function() {
        var t = Tabs.Chat;
        // This would normally populate the user list from the game data
        // For now, we'll just add some placeholder content
        var html = '<div style="padding:10px; font-weight:bold;">Online Users</div>';
        html += '<div style="padding:5px 10px;">User 1</div>';
        html += '<div style="padding:5px 10px;">User 2</div>';
        html += '<div style="padding:5px 10px;">User 3</div>';
        t.userListDiv.innerHTML = html;
    },

    sendChat: function() {
        var t = Tabs.Chat;
        var chatTextArea = ById('pbChatTextArea');
        var message = chatTextArea.value.trim();
        
        if (message === '') return;
        
        console.log("Attempting to send message: " + message);
        
        // Try multiple methods to ensure the message gets sent
        
        // Method 1: Direct access to game's chat function if available
        if (typeof Chat !== 'undefined' && typeof Chat.sendMessage === 'function') {
            console.log("Using Chat.sendMessage");
            var channel = (t.currentChatType === 'global') ? 'global' : 'alliance';
            Chat.sendMessage(channel, message);
            chatTextArea.value = '';
            return;
        }
        
        // Method 2: Find and use the game's chat form
        var chatForm = document.querySelector('#mod_comm_form');
        var gameInput = document.querySelector('#mod_comm_input textarea');
        
        if (chatForm && gameInput) {
            console.log("Using game's chat form");
            
            // First select the correct tab in the game
            var gameTabSelector = document.querySelector('#mod_comm_tabs');
            if (gameTabSelector) {
                var tabIndex = (t.currentChatType === 'global') ? 0 : 1;
                var tabToClick = gameTabSelector.querySelectorAll('li')[tabIndex];
                if (tabToClick) {
                    console.log("Clicking tab: " + tabIndex);
                    tabToClick.click();
                }
            }
            
            // Set the message in the game's input
            gameInput.value = message;
            
            // Trigger input event to make sure the game recognizes the text
            gameInput.dispatchEvent(new Event('input', { bubbles: true }));
            
            // Submit the form directly
            chatForm.dispatchEvent(new Event('submit', { bubbles: true, cancelable: true }));
            
            // Clear our input
            chatTextArea.value = '';
            
            // Update the chat display after a short delay
            setTimeout(function() {
                t.updateChat(t.currentChatType);
            }, 500);
            
            return;
        }
        
        // Method 3: Find and click the send button
        var gameSendButton = document.querySelector('#mod_comm_input button');
        
        if (gameInput && gameSendButton) {
            console.log("Using game's send button");
            
            // First select the correct tab in the game
            var gameTabSelector = document.querySelector('#mod_comm_tabs');
            if (gameTabSelector) {
                var tabIndex = (t.currentChatType === 'global') ? 0 : 1;
                var tabToClick = gameTabSelector.querySelectorAll('li')[tabIndex];
                if (tabToClick) {
                    console.log("Clicking tab: " + tabIndex);
                    tabToClick.click();
                }
            }
            
            // Wait a moment for the tab switch
            setTimeout(function() {
                // Set the message in the game's input
                gameInput.value = message;
                
                // Trigger input event
                gameInput.dispatchEvent(new Event('input', { bubbles: true }));
                
                // Click the send button
                console.log("Clicking send button");
                gameSendButton.click();
                
                // Clear our input
                chatTextArea.value = '';
                
                // Update the chat display after a short delay
                setTimeout(function() {
                    t.updateChat(t.currentChatType);
                }, 500);
            }, 200);
            
            return;
        }
        
        // Method 4: Last resort - try to add the message directly to the chat display
        console.log("Using fallback method - direct message insertion");
        
        // Format the message similar to how the game would
        var now = new Date();
        var timeStr = now.getHours().toString().padStart(2, '0') + ':' + 
                     now.getMinutes().toString().padStart(2, '0') + ':' + 
                     now.getSeconds().toString().padStart(2, '0');
        
        var playerName = unsafeWindow.Seed.player.name || 'You';
        var formattedMsg = '<div class="msg"><span class="time">[' + timeStr + ']</span> <span class="from">' + playerName + ':</span> <span class="text">' + message + '</span></div>';
        
        // Add to our chat display
        var targetDiv = (t.currentChatType === 'global') ? t.globalChatDiv : t.allianceChatDiv;
        targetDiv.innerHTML += formattedMsg;
        targetDiv.scrollTop = targetDiv.scrollHeight;
        
        // Clear our input
        chatTextArea.value = '';
        
        // Try to add to game's chat display too
        var gameChatContainer = (t.currentChatType === 'global') ? 
            document.querySelector('#mod_comm_list1') : 
            document.querySelector('#mod_comm_list2');
        
        if (gameChatContainer) {
            gameChatContainer.innerHTML += formattedMsg;
            gameChatContainer.scrollTop = gameChatContainer.scrollHeight;
        }
    }
};