rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-06-05 21:59:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

Clean-up styles and JQuery use

Browse Source
This commit is contained in:
Cohee
2024-04-27 21:22:50 +03:00
parent 60e099e852
commit b30d69b2a6
2 changed files with 21 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
public/css/extensions-panel.css
View File

@ -204,3 +204,7 @@ input.extension_missing[type="checkbox"] {
#extensionsMenu>#translate_chat { #extensionsMenu>#translate_chat {
order: 7; order: 7;
} }
#extensionsMenu>#translate_input_message {
order: 8;
}

23
public/scripts/extensions/translate/index.js
View File

@ -425,10 +425,21 @@ function createEventHandler(translateFunction, shouldTranslateFunction) {
} }
async function onTranslateInputMessageClick() { async function onTranslateInputMessageClick() {
const ta = document.querySelector('#send_textarea'); const textarea = document.getElementById('send_textarea');
toastr.info('Input Message is translating', 'Please wait...');
const translatedText = await translate(ta.value, extension_settings.translate.internal_language); if (!(textarea instanceof HTMLTextAreaElement)) {
$('#send_textarea').val(translatedText); return;
}
if (!textarea.value) {
toastr.warning('Enter a message first');
return;
}
const toast = toastr.info('Input Message is translating', 'Please wait...');
const translatedText = await translate(textarea.value, extension_settings.translate.internal_language);
textarea.value = translatedText;
toastr.clear(toast);
} }
// Prevents the chat from being translated in parallel // Prevents the chat from being translated in parallel
@ -564,8 +575,8 @@ jQuery(() => {
Translate Chat Translate Chat
</div> </div>
<div id="translate_input_message" class="list-group-item flex-container flexGap5"> <div id="translate_input_message" class="list-group-item flex-container flexGap5">
<div class="fa-solid fa-language extensionsMenuExtensionButton" /></div> <div class="fa-solid fa-keyboard extensionsMenuExtensionButton" /></div>
Translate Input Message Translate Input
</div> </div>
`; `;
$('#extensionsMenu').append(buttonHtml); $('#extensionsMenu').append(buttonHtml);