mirror of
https://github.com/KoboldAI/KoboldAI-Client.git
synced 2025-06-05 21:59:24 +02:00
Fix for phantom spaces added after editing text
This commit is contained in:
ebolam
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user