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

added toggle for movingUI

Browse Source
This commit is contained in:
RossAscends
2023-04-18 21:21:39 +09:00
parent 180b06f4e0
commit d186e7372e
4 changed files with 39 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -70,6 +70,7 @@ let power_user = {
blur_tint_color: `${getComputedStyle(document.documentElement).getPropertyValue('--SmartThemeBlurTintColor').trim()}`,
waifuMode: false,
movingUI: false,
theme: 'Default (Dark)',
};
@ -89,6 +90,7 @@ const storage_keys = {
blur_strength: "TavernAI_blur_strength",
waifuMode: "TavernAI_waifuMode",
movingUI: "TavernAI_movingUI",
};
const chat = document.getElementById('chat');
@ -130,6 +132,13 @@ function switchWaifuMode() {
scrollChatToBottom();
}
function switchMovingUI() {
const movingUI = localStorage.getItem(storage_keys.movingUI);
power_user.movingUI = movingUI === null ? false : movingUI == "true";
$("body").toggleClass("movingUI", power_user.movingUI);
scrollChatToBottom();
}
function applyAvatarStyle() {
power_user.avatar_style = Number(localStorage.getItem(storage_keys.avatar_style) ?? avatar_styles.ROUND);
$("body").toggleClass("big-avatars", power_user.avatar_style === avatar_styles.RECTANGULAR);
@ -255,6 +264,7 @@ applyAvatarStyle();
applyBlurStrength();
applyChatDisplay();
switchWaifuMode()
switchMovingUI();
function loadPowerUserSettings(settings, data) {
// Load from settings.json
@ -269,8 +279,10 @@ function loadPowerUserSettings(settings, data) {
// These are still local storage
const fastUi = localStorage.getItem(storage_keys.fast_ui_mode);
const waifuMode = localStorage.getItem(storage_keys.waifuMode);
const movingUI = localStorage.getItem(storage_keys.movingUI);
power_user.fast_ui_mode = fastUi === null ? true : fastUi == "true";
power_user.waifuMode = waifuMode === null ? false : waifuMode == "true";
power_user.movingUI = movingUI === null ? false : movingUI == "true";
power_user.avatar_style = Number(localStorage.getItem(storage_keys.avatar_style) ?? avatar_styles.ROUND);
power_user.chat_display = Number(localStorage.getItem(storage_keys.chat_display) ?? chat_styles.DEFAULT);
power_user.sheld_width = Number(localStorage.getItem(storage_keys.sheld_width) ?? sheld_width.DEFAULT);
@ -289,6 +301,7 @@ function loadPowerUserSettings(settings, data) {
$("#custom_chat_separator").val(power_user.custom_chat_separator);
$("#fast_ui_mode").prop("checked", power_user.fast_ui_mode);
$("#waifuMode").prop("checked", power_user.waifuMode);
$("#movingUImode").prop("checked", power_user.movingUI);
$("#multigen").prop("checked", power_user.multigen);
$("#multigen_first_chunk").val(power_user.multigen_first_chunk);
$("#multigen_next_chunks").val(power_user.multigen_next_chunks);
@ -408,6 +421,12 @@ $(document).ready(() => {
switchWaifuMode();
});
$("#movingUImode").change(function () {
power_user.movingUI = $(this).prop("checked");
localStorage.setItem(storage_keys.movingUI, power_user.movingUI);
switchMovingUI();
});
$(`input[name="avatar_style"]`).on('input', function (e) {
power_user.avatar_style = Number(e.target.value);
localStorage.setItem(storage_keys.avatar_style, power_user.avatar_style);