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 phantom spaces added after editing text

Browse Source
This commit is contained in:
ebolam
2022-08-08 08:43:53 -04:00
parent 7f4dbdd977
commit 9adc48f6ce
3 changed files with 129 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
static/koboldai.css
View File

@@ -347,6 +347,59 @@
transform: translate(0px, -6px) rotate(45deg);
}
/* -----------------------------------------Bias-------------------------------------- */
.bias {
display: grid;
grid-template-areas: "phrase percent max";
grid-template-columns: auto 100px 100px;
}
.bias_phrase {
grid-area: phrase;
margin-right: 5px;
}
.bias_phrase input {
width: 100%;
}
.bias_percent {
grid-area: percent;
margin-right: 5px;
}
.bias_max {
grid-area: max;
margin-right: 5px;
}
.bias_slider {
display: grid;
grid-template-areas: "bar bar bar"
"min cur max";
grid-template-columns: 33px 34px 33px;
}
.bias_slider_bar {
grid-area: bar;
}
.bias_slider_min {
grid-area: min;
font-size: x-small;
}
.bias_slider_cur {
grid-area: cur;
}
.bias_slider_max {
grid-area: max;
font-size: x-small;
}
/*----------------RIGHT FLYOUT MENU------------------*/
.right_menu_icon {
position: fixed;
@@ -884,7 +937,7 @@ body {
display: none;
}
textarea {
#input_text {
grid-area: textarea;
background-color: var(--textarea_background);
color: var(--text);
@@ -895,7 +948,6 @@ textarea {
}
input {
grid-area: textarea;
background-color: var(--textarea_background);
color: var(--text);
resize: none;

63
static/koboldai.js
View File

@@ -200,14 +200,17 @@ function do_story_text_updates(data) {
var text_array = data.value.text.split(" ");
}
text_array.forEach(function (text, i) {
var word = document.createElement("span");
word.classList.add("rawtext");
if (i == text_array.length) {
word.textContent = text;
} else {
word.textContent = text+" ";
if (text != "") {
var word = document.createElement("span");
word.classList.add("rawtext");
console.log("Item: "+i+" '"+text+"' Adding Space: "+(i == text_array.length));
if (i == text_array.length) {
word.textContent = text;
} else {
word.textContent = text+" ";
}
item.append(word);
}
item.append(word);
});
item.original_text = data.value.text;
@@ -232,15 +235,18 @@ function do_story_text_updates(data) {
span.onkeydown = detect_enter_text;
var text_array = data.value.text.split(" ");
text_array.forEach(function (text, i) {
var word = document.createElement("span");
word.classList.add("rawtext");
word.classList.add("world_info_tag");
if (i == text_array.length) {
word.textContent = text;
} else {
word.textContent = text+" ";
if (text != "") {
console.log("Item: "+i+" '"+text+"' Adding Space: "+(i == text_array.length));
var word = document.createElement("span");
word.classList.add("rawtext");
word.classList.add("world_info_tag");
if (i == text_array.length) {
word.textContent = text;
} else {
word.textContent = text+" ";
}
span.append(word);
}
span.append(word);
});
@@ -263,15 +269,16 @@ function do_prompt(data) {
var text_array = data.value.split(" ");
text_array.forEach(function (text, i) {
var word = document.createElement("span");
word.classList.add("rawtext");
if (i == text_array.length) {
word.textContent = text;
} else {
word.textContent = text+" ";
if (text != "") {
var word = document.createElement("span");
word.classList.add("rawtext");
if (i == text_array.length) {
word.textContent = text;
} else {
word.textContent = text+" ";
}
item.append(word);
}
item.append(word);
});
item.setAttribute("old_text", data.value)
item.classList.remove("pulse");
@@ -1293,7 +1300,11 @@ function send_world_info(uid) {
}
//--------------------------------------------General UI Functions------------------------------------
function save_model_settings() {
function update_bias_slider_value(slider) {
slider.parentElement.parentElement.querySelector(".bias_slider_cur").textContent = slider.value;
}
function save_model_settings(settings = saved_settings) {
for (item of document.getElementsByClassName('setting_item_input')) {
if (item.id.includes("model")) {
if ((item.tagName.toLowerCase() === 'checkbox') || (item.tagName.toLowerCase() === 'input') || (item.tagName.toLowerCase() === 'select') || (item.tagName.toLowerCase() == 'textarea')) {
@@ -1305,12 +1316,12 @@ function save_model_settings() {
} else {
value = item.textContent;
}
saved_settings[item.id] = value;
settings[item.id] = value;
}
}
for (item of document.getElementsByClassName('settings_select')) {
if (item.id.includes("model")) {
saved_settings[item.id] = item.value;
settings[item.id] = item.value;
}
}
}

38
templates/settings flyout.html
View File

@@ -46,6 +46,44 @@
{% include 'settings item.html' %}
{% endwith %}
</div>
<h4>
<span id="bias_open" class="oi" data-glyph="chevron-bottom" onclick='this.classList.add("hidden");
document.getElementById("bias_close").classList.remove("hidden");
document.getElementById("biasing").classList.add("hidden");'> Biasing:</span>
<span id="bias_close" class="oi hidden" data-glyph="chevron-right" onclick='this.classList.add("hidden");
document.getElementById("bias_open").classList.remove("hidden");
document.getElementById("biasing").classList.remove("hidden");'> Biasing:</span>
</h4>
<div id="biasing">
<div class="bias">
<div class="bias_phrase">
<input type=text placeholder="Word or Phrase to Bias"/>
</div>
<div class="bias_percent">
<div class="bias_slider">
<div class="bias_slider_bar">
<input type="range" min="0" max="1" step="0.01" value="1" class="setting_item_input"
oninput="update_bias_slider_value(this);"/>
</div>
<div class="bias_slider_min">0</div>
<div class="bias_slider_cur">1</div>
<div class="bias_slider_max">1</div>
</div>
</div>
<div class="bias_max">
<div class="bias_slider">
<div class="bias_slider_bar">
<input type="range" min="0" max="50" step="1" value="50" class="setting_item_input"
oninput="update_bias_slider_value(this);"/>
</div>
<div class="bias_slider_min">0</div>
<div class="bias_slider_cur">50</div>
<div class="bias_slider_max">50</div>
</div>
</div>
</div>
</div>
</div>
<div id="setting_menu_story" class="hidden settings_category_area">
<div id="Story_Info">