Smartcraft-Media-Tech/chatrd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add files via upload

Browse Source
This commit is contained in:
Rodrigo Emanuel
2025-05-24 16:04:06 -03:00
committed by GitHub
parent 022922c107
commit f563fa3385
6 changed files with 28 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
chat.html
View File

@@ -56,7 +56,7 @@
<div id="chat-autocomplete-list"></div> <div id="chat-autocomplete-list"></div>
<form> <form>
<input type="text" placeholder="Send a Message"> <input type="text">
</form> </form>
<button id="chat-input-config"><i class="fa-solid fa-gear"></i></button> <button id="chat-input-config"><i class="fa-solid fa-gear"></i></button>

34
js/app.js
View File

@@ -38,7 +38,11 @@ const ignoreUserList = ignoreChatters.split(',').map(item => item.trim().toLower
chatContainer.style.zoom = chatFontSize; chatContainer.style.zoom = chatFontSize;
if (chatScrollBar == false) { chatContainer.classList.add('noscrollbar'); } 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 */ /* START */
@@ -405,7 +409,7 @@ const chatInputConfig = document.getElementById("chat-input-config");
const chatInputSend = document.getElementById("chat-input-send"); const chatInputSend = document.getElementById("chat-input-send");
const chatInputForm = document.querySelector("#chat-input form"); const chatInputForm = document.querySelector("#chat-input form");
const chatInput = chatInputForm.querySelector("input[type=text]") 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) { chatInputForm.addEventListener("submit", function(event) {
event.preventDefault(); event.preventDefault();
@@ -461,20 +465,20 @@ chatInputSend.addEventListener("click", function () {
}); });
chatInputConfig.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) { if (isHidden) {
// Remover animação de saída (caso ainda esteja presente) // 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 // Mostrar com animação de entrada
settings.style.display = "block"; chatSettings.style.display = "block";
settings.classList.add("animate__animated", "animate__fadeInUp"); chatSettings.classList.add("animate__animated", "animate__fadeInUp");
// Limpa as classes após a animação // Limpa as classes após a animação
settings.addEventListener("animationend", function handler() { chatSettings.addEventListener("animationend", function handler() {
settings.classList.remove("animate__animated", "animate__fadeInUp"); chatSettings.classList.remove("animate__animated", "animate__fadeInUp");
settings.removeEventListener("animationend", handler); chatSettings.removeEventListener("animationend", handler);
}); });
chatInputConfig.classList.add("active"); chatInputConfig.classList.add("active");
@@ -482,14 +486,14 @@ chatInputConfig.addEventListener("click", function () {
else { else {
// Começar animação de saída // Começar animação de saída
settings.classList.remove("animate__fadeInUp"); chatSettings.classList.remove("animate__fadeInUp");
settings.classList.add("animate__animated", "animate__fadeOutDown"); chatSettings.classList.add("animate__animated", "animate__fadeOutDown");
// Após animação, esconder elemento // Após animação, esconder elemento
settings.addEventListener("animationend", function handler() { chatSettings.addEventListener("animationend", function handler() {
settings.style.display = "none"; chatSettings.style.display = "none";
settings.classList.remove("animate__animated", "animate__fadeOutDown"); chatSettings.classList.remove("animate__animated", "animate__fadeOutDown");
settings.removeEventListener("animationend", handler); chatSettings.removeEventListener("animationend", handler);
}); });
chatInputConfig.classList.remove("active"); chatInputConfig.classList.remove("active");

3
js/lang/en.js
View File

@@ -1,8 +1,11 @@
const en = { const en = {
streamerbotconnected: 'Streamer.bot Online!', streamerbotconnected: 'Streamer.bot Online!',
streamerbotdisconnected: 'Streamer.bot Disconnected!', streamerbotdisconnected: 'Streamer.bot Disconnected!',
ttschat: 'said', ttschat: 'said',
chatsendmessage: 'Send Message',
twitch : { twitch : {
firstMessage : () => `First chatter`, firstMessage : () => `First chatter`,
follow : () => ` followed the channel`, follow : () => ` followed the channel`,

2
js/lang/es.js
View File

@@ -3,6 +3,8 @@ const es = {
streamerbotdisconnected: '¡Streamer.bot desconectado!', streamerbotdisconnected: '¡Streamer.bot desconectado!',
ttschat: 'dijo', ttschat: 'dijo',
chatsendmessage: 'Enviar mensaje',
twitch : { twitch : {
firstMessage : () => `Primeira mensaje`, firstMessage : () => `Primeira mensaje`,
follow : () => ` siguió el canal`, follow : () => ` siguió el canal`,

2
js/lang/ptbr.js
View File

@@ -3,6 +3,8 @@ const ptbr = {
streamerbotdisconnected: 'Streamer.bot Desconectado!', streamerbotdisconnected: 'Streamer.bot Desconectado!',
ttschat: 'disse', ttschat: 'disse',
chatsendmessage: 'Enviar mensagem',
twitch : { twitch : {
firstMessage : () => `Primeira mensagem`, firstMessage : () => `Primeira mensagem`,
follow : () => ` seguiu o canal`, follow : () => ` seguiu o canal`,