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 bubblechat style as a toggle

Browse Source 
- modified FastUI to work with both
This commit is contained in:
RossAscends
2023-04-07 16:51:49 +09:00
parent 87c50ce418
commit 0c3699af17
3 changed files with 111 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -18,6 +18,7 @@ let power_user = {
custom_chat_separator: '',
fast_ui_mode: false,
avatar_style: 0,
chat_display: 0
};
const storage_keys = {
@ -32,6 +33,7 @@ const storage_keys = {
fast_ui_mode: "TavernAI_fast_ui_mode",
multigen: "TavernAI_multigen",
avatar_style: "TavernAI_avatar_style",
chat_display: "TavernAI_chat_display"
};
function collapseNewlines(x) {
@ -60,8 +62,21 @@ function applyAvatarStyle() {
}
}
function applyChatDisplay() {
power_user.chat_display = Number(localStorage.getItem(storage_keys.chat_display) ?? 0);
switch (power_user.chat_display) {
case 0:
$("body").removeClass("bubblechat");
break;
case 1:
$("body").addClass("bubblechat");
break;
}
}
applyAvatarStyle();
switchUiMode();
applyChatDisplay();
// TODO delete in next release
function loadFromLocalStorage() {
@ -88,6 +103,7 @@ function loadPowerUserSettings(settings) {
// These are still local storage
power_user.fast_ui_mode = localStorage.getItem(storage_keys.fast_ui_mode) == "true";
power_user.avatar_style = Number(localStorage.getItem(storage_keys.avatar_style) ?? 0);
power_user.chat_display = Number(localStorage.getItem(storage_keys.chat_display) ?? 0);
$("#force-pygmalion-formatting-checkbox").prop("checked", power_user.force_pygmalion_formatting);
$("#collapse-newlines-checkbox").prop("checked", power_user.collapse_newlines);
@ -100,6 +116,7 @@ function loadPowerUserSettings(settings) {
$("#fast_ui_mode").prop("checked", power_user.fast_ui_mode);
$("#multigen").prop("checked", power_user.multigen);
$(`input[name="avatar_style"][value="${power_user.avatar_style}"]`).prop("checked", true);
$(`input[name="chat_display"][value="${power_user.chat_display}"]`).prop("checked", true);
}
$(document).ready(() => {
@ -160,4 +177,9 @@ $(document).ready(() => {
localStorage.setItem(storage_keys.avatar_style, power_user.avatar_style);
applyAvatarStyle();
});
$(`input[name="chat_display"]`).on('input', function (e) {
power_user.chat_display = Number(e.target.value);
localStorage.setItem(storage_keys.chat_display, power_user.chat_display);
applyChatDisplay();
});
});