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

Fix for loaded theme not being selected in the theme box

Browse Source
This commit is contained in:
ebolam
2022-10-18 12:21:09 -04:00
parent f7272e8826
commit d63193ede7
1 changed files with 24 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
static/koboldai.js
View File

@@ -389,7 +389,6 @@ function do_story_text_updates(action) {
}
function do_prompt(data) {
console.log(data);
var elements_to_change = document.getElementsByClassName("var_sync_story_prompt");
for (item of elements_to_change) {
//clear out the item first
@@ -717,6 +716,15 @@ function var_changed(data) {
option.value = option_data;
item.append(option);
}
if (item.id == 'selected_theme') {
//Fix the select box
theme = getCookie("theme", "monochrome");
for (element of item.childNodes) {
if (element.value == theme) {
element.selected = true;
}
}
}
} else if (item.tagName.toLowerCase() === 'input') {
item.value = fix_text(data.value);
} else {
@@ -2708,6 +2716,7 @@ function calc_token_usage(
}
function Change_Theme(theme) {
setCookie("theme", theme);
const Acss = document.getElementById("CSSTheme_A");
const Bcss = document.getElementById("CSSTheme_B");
let new_css = 'CSSTheme_B';
@@ -2723,12 +2732,12 @@ function Change_Theme(theme) {
rel: "stylesheet",
href: `/themes/${theme}.css`
}
);
// We must wait for the style to load before we read it
css.onload = function() {
recolorTokens();
create_theming_elements();
//Delete the old CSS item
if (new_css == 'CSSTheme_A') {
if (Bcss) {
Bcss.remove();
@@ -2738,16 +2747,19 @@ function Change_Theme(theme) {
Acss.remove();
}
}
}
setCookie("theme", theme);
select = document.getElementById("selected_theme");
for (element of select.childNodes) {
if (element.value == theme) {
element.selected = true;
} else {
element.selected = false;
//Fix the select box
theme = getCookie("theme", "monochrome");
console.log("Selecting Theme: "+theme);
console.log(document.getElementById("selected_theme").childNodes);
for (element of document.getElementById("selected_theme").childNodes) {
console.log(element);
if (element.value == theme) {
element.selected = true;
console.log("changed theme");
}
}
recolorTokens();
create_theming_elements();
}
}