rixty
/
SillyTavern
mirror of https://github.com/SillyTavern/SillyTavern.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Clean-up styles and JQuery use

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
Show Stats 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 {
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() {
const ta = document.querySelector('#send_textarea');
toastr.info('Input Message is translating', 'Please wait...');
const translatedText = await translate(ta.value, extension_settings.translate.internal_language);
$('#send_textarea').val(translatedText);
const textarea = document.getElementById('send_textarea');
if (!(textarea instanceof HTMLTextAreaElement)) {
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
@ -564,8 +575,8 @@ jQuery(() => {
Translate Chat
</div>
<div id="translate_input_message" class="list-group-item flex-container flexGap5">
<div class="fa-solid fa-language extensionsMenuExtensionButton" /></div>
Translate Input Message
<div class="fa-solid fa-keyboard extensionsMenuExtensionButton" /></div>
Translate Input
</div>
`;
$('#extensionsMenu').append(buttonHtml);