diff --git a/chat.html b/chat.html index b441847..cba7364 100644 --- a/chat.html +++ b/chat.html @@ -56,7 +56,7 @@
- +
diff --git a/js/app.js b/js/app.js index 9f1d8f2..0abef1b 100644 --- a/js/app.js +++ b/js/app.js @@ -38,7 +38,11 @@ const ignoreUserList = ignoreChatters.split(',').map(item => item.trim().toLower chatContainer.style.zoom = chatFontSize; if (chatScrollBar == false) { chatContainer.classList.add('noscrollbar'); } -if (chatField == true) { document.getElementById("chat-input").classList.add('enabled'); } +if (chatField == true) { + const chatfieldelement = document.getElementById("chat-input"); + chatfieldelement.classList.add('enabled'); + chatfieldelement.querySelector('form input[type=text]').setAttribute('placeholder', currentLang.chatsendmessage); +} /* ----------------------- */ /* START */ @@ -405,7 +409,7 @@ const chatInputConfig = document.getElementById("chat-input-config"); const chatInputSend = document.getElementById("chat-input-send"); const chatInputForm = document.querySelector("#chat-input form"); const chatInput = chatInputForm.querySelector("input[type=text]") -const settings = document.getElementById("chat-input-settings"); +const chatSettings = document.getElementById("chat-input-settings"); chatInputForm.addEventListener("submit", function(event) { event.preventDefault(); @@ -461,20 +465,20 @@ chatInputSend.addEventListener("click", function () { }); chatInputConfig.addEventListener("click", function () { - const isHidden = settings.style.display === "none" || settings.classList.contains("animate__fadeOutDown"); + const isHidden = chatSettings.style.display === "none" || chatSettings.classList.contains("animate__fadeOutDown"); if (isHidden) { // Remover animação de saída (caso ainda esteja presente) - settings.classList.remove("animate__fadeOutDown"); + chatSettings.classList.remove("animate__fadeOutDown"); // Mostrar com animação de entrada - settings.style.display = "block"; - settings.classList.add("animate__animated", "animate__fadeInUp"); + chatSettings.style.display = "block"; + chatSettings.classList.add("animate__animated", "animate__fadeInUp"); // Limpa as classes após a animação - settings.addEventListener("animationend", function handler() { - settings.classList.remove("animate__animated", "animate__fadeInUp"); - settings.removeEventListener("animationend", handler); + chatSettings.addEventListener("animationend", function handler() { + chatSettings.classList.remove("animate__animated", "animate__fadeInUp"); + chatSettings.removeEventListener("animationend", handler); }); chatInputConfig.classList.add("active"); @@ -482,14 +486,14 @@ chatInputConfig.addEventListener("click", function () { else { // Começar animação de saída - settings.classList.remove("animate__fadeInUp"); - settings.classList.add("animate__animated", "animate__fadeOutDown"); + chatSettings.classList.remove("animate__fadeInUp"); + chatSettings.classList.add("animate__animated", "animate__fadeOutDown"); // Após animação, esconder elemento - settings.addEventListener("animationend", function handler() { - settings.style.display = "none"; - settings.classList.remove("animate__animated", "animate__fadeOutDown"); - settings.removeEventListener("animationend", handler); + chatSettings.addEventListener("animationend", function handler() { + chatSettings.style.display = "none"; + chatSettings.classList.remove("animate__animated", "animate__fadeOutDown"); + chatSettings.removeEventListener("animationend", handler); }); chatInputConfig.classList.remove("active"); diff --git a/js/commands.json b/js/commands.json index f1babb6..cafdf1d 100644 --- a/js/commands.json +++ b/js/commands.json @@ -26,4 +26,4 @@ { "name" : "/yt/timeout", "usage" : "[user] [duration]" }, { "name" : "/yt/ban", "usage" : "[user]" } ] -} +} \ No newline at end of file diff --git a/js/lang/en.js b/js/lang/en.js index 458781e..7174052 100644 --- a/js/lang/en.js +++ b/js/lang/en.js @@ -1,8 +1,11 @@ const en = { streamerbotconnected: 'Streamer.bot Online!', streamerbotdisconnected: 'Streamer.bot Disconnected!', + ttschat: 'said', + chatsendmessage: 'Send Message', + twitch : { firstMessage : () => `First chatter`, follow : () => ` followed the channel`, diff --git a/js/lang/es.js b/js/lang/es.js index 500f49e..038dfef 100644 --- a/js/lang/es.js +++ b/js/lang/es.js @@ -3,6 +3,8 @@ const es = { streamerbotdisconnected: '¡Streamer.bot desconectado!', ttschat: 'dijo', + chatsendmessage: 'Enviar mensaje', + twitch : { firstMessage : () => `Primeira mensaje`, follow : () => ` siguió el canal`, diff --git a/js/lang/ptbr.js b/js/lang/ptbr.js index d59357b..344b58d 100644 --- a/js/lang/ptbr.js +++ b/js/lang/ptbr.js @@ -3,6 +3,8 @@ const ptbr = { streamerbotdisconnected: 'Streamer.bot Desconectado!', ttschat: 'disse', + chatsendmessage: 'Enviar mensagem', + twitch : { firstMessage : () => `Primeira mensagem`, follow : () => ` seguiu o canal`,