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

add option for toastr location to themes

Browse Source
This commit is contained in:
RossAscends
2025-05-21 15:07:47 +09:00
parent 074ca4a55b
commit 87f547cd87
4 changed files with 70 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
public/scripts/power-user.js
View File

@ -137,6 +137,7 @@ let power_user = {
fast_ui_mode: true,
avatar_style: avatar_styles.ROUND,
chat_display: chat_styles.DEFAULT,
toastr_position: 'toast-top-center',
chat_width: 50,
never_resize_avatars: false,
show_card_avatar_urls: false,
@ -1044,6 +1045,43 @@ function applyChatDisplay() {
}
}
function applyToastrPosition() {
if (!power_user.toastr_position) {
power_user.toastr_position = 'toast-top-center';
console.warn('applyToastrPosition: missing toastr position, defaulting to top-center');
}
switch (power_user.toastr_position) {
case 'toast-top-left': {
toastr.options.positionClass = 'toast-top-left';
break;
}
case 'toast-top-center': {
toastr.options.positionClass = 'toast-top-center';
break;
}
case 'toast-top-right': {
toastr.options.positionClass = 'toast-top-right';
break;
}
case 'toast-bottom-left': {
toastr.options.positionClass = 'toast-bottom-left';
break;
}
case 'toast-bottom-center': {
toastr.options.positionClass = 'toast-bottom-center';
break;
}
case 'toast-bottom-right': {
toastr.options.positionClass = 'toast-bottom-right';
break;
}
}
$('#toastr_position').val(power_user.toastr_position).prop('selected', true);
}
function applyChatWidth(type) {
if (type === 'forced') {
let r = document.documentElement;
@ -1206,6 +1244,12 @@ function applyTheme(name) {
applyChatDisplay();
},
},
{
key: 'toastr_position',
action: () => {
applyToastrPosition();
},
},
{
key: 'avatar_style',
action: () => {
@ -1455,6 +1499,7 @@ function getExampleMessagesBehavior() {
return 'normal';
}
//MARK: loadPowerUser
async function loadPowerUserSettings(settings, data) {
const defaultStscript = JSON.parse(JSON.stringify(power_user.stscript));
// Load from settings.json
@ -1603,6 +1648,7 @@ async function loadPowerUserSettings(settings, data) {
$('#enableLabMode').prop('checked', power_user.enableLabMode).trigger('input', { fromInit: true });
$(`input[name="avatar_style"][value="${power_user.avatar_style}"]`).prop('checked', true);
$(`#chat_display option[value=${power_user.chat_display}]`).attr('selected', true).trigger('change');
$(`#toastr_position option[value=${power_user.toastr_position}]`).attr('selected', true).trigger('change');
$('#chat_width_slider').val(power_user.chat_width);
$('#token_padding').val(power_user.token_padding);
$('#aux_field').val(power_user.aux_field);
@ -2372,6 +2418,7 @@ function getThemeObject(name) {
waifuMode: power_user.waifuMode,
avatar_style: power_user.avatar_style,
chat_display: power_user.chat_display,
toastr_position: power_user.toastr_position,
noShadows: power_user.noShadows,
chat_width: power_user.chat_width,
timer_enabled: power_user.timer_enabled,
@ -3323,6 +3370,14 @@ $(document).ready(() => {
saveSettingsDebounced();
});
$('#toastr_position').on('change', function () {
console.error('saw toastr position change');
const value = $(this).find(':selected').val();
power_user.toastr_position = String(value);
applyToastrPosition();
saveSettingsDebounced();
});
$('#chat_width_slider').on('input', function (e, data) {
const applyMode = data?.forced ? 'forced' : 'normal';
power_user.chat_width = Number(e.target.value);