From f06d42632db43aad208d110b212feddc84f34ad5 Mon Sep 17 00:00:00 2001 From: Rodrigo Emanuel Date: Sun, 25 May 2025 22:58:20 -0300 Subject: [PATCH] Add files via upload --- chat.html | 35 +------------------ css/app.css | 7 +--- index.html | 8 ++--- js/app.js | 96 ++++++++++------------------------------------------- 4 files changed, 24 insertions(+), 122 deletions(-) diff --git a/chat.html b/chat.html index cba7364..1506442 100644 --- a/chat.html +++ b/chat.html @@ -58,41 +58,8 @@
- - + - - diff --git a/css/app.css b/css/app.css index ff5ed99..07a2dde 100644 --- a/css/app.css +++ b/css/app.css @@ -575,13 +575,8 @@ body { color: #ffcc00; } - -#chat-input #chat-input-config { - right: 20px; -} - #chat-input #chat-input-send { - right: 60px; + right: 20px; } #chat-input .settings { diff --git a/index.html b/index.html index 12cd11e..4f112f4 100644 --- a/index.html +++ b/index.html @@ -121,7 +121,7 @@

Twitch

-
+
@@ -137,7 +137,7 @@

YouTube

-
+
@@ -178,7 +178,7 @@

TikTok

-
+
@@ -200,7 +200,7 @@
-
+
diff --git a/js/app.js b/js/app.js index 45fa75b..63738e6 100644 --- a/js/app.js +++ b/js/app.js @@ -406,7 +406,6 @@ function hexToRGBA(hexadecimal,opacity) { -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]") @@ -417,14 +416,13 @@ chatInputForm.addEventListener("submit", function(event) { var chatSendPlatforms = []; - const settingsContainer = document.getElementById("chat-input-settings"); - const checkboxes = settingsContainer.querySelectorAll('input[type="checkbox"]'); + if (showTwitchMessages == true) { + chatSendPlatforms.push('twitch'); + } - checkboxes.forEach(checkbox => { - const checked = checkbox.checked; - const platform = checkbox.getAttribute('data-platform'); - if (checked == true) { chatSendPlatforms.push(platform); } - }); + if (showYouTubeMessages == true) { + chatSendPlatforms.push('youtube'); + } chatSendPlatforms = chatSendPlatforms.join(',') @@ -432,7 +430,6 @@ chatInputForm.addEventListener("submit", function(event) { const chatInputText = chatInput.value; // Sends Message to Twitch and YouTube - streamerBotClient.doAction( { name : "ChatRD Messages and Commands" }, { @@ -444,17 +441,19 @@ chatInputForm.addEventListener("submit", function(event) { console.debug('Sending Chat to Streamer.Bot', sendchatstuff); }); - // Sends Message to Kick that are not commands - if (chatSendPlatforms.includes('kick')) { - if (!chatInputText.startsWith('/')) { - streamerBotClient.doAction( - { name : "ChatRD Kick Messages" }, - { - "message": chatInputText, + if (showKickMessages == true) { + // Sends Message to Kick that are not commands + if (chatSendPlatforms.includes('kick')) { + if (!chatInputText.startsWith('/')) { + streamerBotClient.doAction( + { name : "ChatRD Kick Messages" }, + { + "message": chatInputText, + } + ).then( (sendchatstuff) => { + console.debug('Sending Kick Chat to Streamer.Bot', sendchatstuff); + }); } - ).then( (sendchatstuff) => { - console.debug('Sending Kick Chat to Streamer.Bot', sendchatstuff); - }); } } @@ -465,41 +464,7 @@ chatInputSend.addEventListener("click", function () { chatInputForm.requestSubmit(); }); -chatInputConfig.addEventListener("click", function () { - const isHidden = chatSettings.style.display === "none" || chatSettings.classList.contains("animate__fadeOutDown"); - if (isHidden) { - // Remover animaĆ§Ć£o de saĆ­da (caso ainda esteja presente) - chatSettings.classList.remove("animate__fadeOutDown"); - - // Mostrar com animaĆ§Ć£o de entrada - chatSettings.style.display = "block"; - chatSettings.classList.add("animate__animated", "animate__fadeInUp"); - - // Limpa as classes apĆ³s a animaĆ§Ć£o - chatSettings.addEventListener("animationend", function handler() { - chatSettings.classList.remove("animate__animated", "animate__fadeInUp"); - chatSettings.removeEventListener("animationend", handler); - }); - - chatInputConfig.classList.add("active"); - } - - else { - // ComeƧar animaĆ§Ć£o de saĆ­da - chatSettings.classList.remove("animate__fadeInUp"); - chatSettings.classList.add("animate__animated", "animate__fadeOutDown"); - - // ApĆ³s animaĆ§Ć£o, esconder elemento - chatSettings.addEventListener("animationend", function handler() { - chatSettings.style.display = "none"; - chatSettings.classList.remove("animate__animated", "animate__fadeOutDown"); - chatSettings.removeEventListener("animationend", handler); - }); - - chatInputConfig.classList.remove("active"); - } -}); async function executeModCommand(event, command) { @@ -520,31 +485,6 @@ async function executeModCommand(event, command) { } -document.addEventListener("DOMContentLoaded", () => { - const settingsContainer = document.getElementById("chat-input-settings"); - - // Seleciona apenas checkboxes DENTRO do container - const checkboxes = settingsContainer.querySelectorAll('input[type="checkbox"]'); - - checkboxes.forEach(checkbox => { - const name = checkbox.name; - if (!name) return; // Ignora se o checkbox nĆ£o tem 'name' - - // Restaurar estado salvo - const saved = localStorage.getItem(name); - if (saved !== null) { - checkbox.checked = saved === "true"; - } - - // Salvar alteraƧƵes - checkbox.addEventListener("change", () => { - localStorage.setItem(name, checkbox.checked); - }); - }); -}); - - - let chatcommands = { "Twitch" : [ { "name" : "/me", "usage" : "[message]" },