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

Scroll Test

Browse Source
This commit is contained in:
ebolam
2022-07-14 19:31:22 -04:00
parent 33cb49e7d6
commit cdb321ea72
2 changed files with 5 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
static/koboldai.js
View File

@@ -161,10 +161,11 @@ function do_story_text_updates(data) {
if (document.getElementById('Selected Text Chunk '+data.value.id)) { if (document.getElementById('Selected Text Chunk '+data.value.id)) {
document.getElementById('Selected Text Chunk '+data.value.id).textContent = data.value.text; document.getElementById('Selected Text Chunk '+data.value.id).textContent = data.value.text;
document.getElementById('Selected Text Chunk '+data.value.id).classList.remove("pulse") document.getElementById('Selected Text Chunk '+data.value.id).classList.remove("pulse")
scrollToView(document.getElementById('Selected Text Chunk '+data.value.id)); document.getElementById('Selected Text Chunk '+data.value.id).scrollIntoView();
} else { } else {
var span = document.createElement("span"); var span = document.createElement("span");
span.id = 'Selected Text Chunk '+data.value.id; span.id = 'Selected Text Chunk '+data.value.id;
span.classList.add("rawtext");
span.chunk = data.value.id; span.chunk = data.value.id;
span.original_text = data.value.text; span.original_text = data.value.text;
span.setAttribute("contenteditable", true); span.setAttribute("contenteditable", true);
@@ -180,7 +181,7 @@ function do_story_text_updates(data) {
story_area.append(span); story_area.append(span);
scrollToView(span); span.scrollIntoView();
} }
} }
@@ -962,25 +963,6 @@ function upload_file(file_box) {
} }
//--------------------------------------------General UI Functions------------------------------------ //--------------------------------------------General UI Functions------------------------------------
function scrollToView(element){
var offset = element.offset().top;
if(!element.is(":visible")) {
element.css({"visibility":"hidden"}).show();
var offset = element.offset().top;
element.css({"visibility":"", "display":""});
}
var visible_area_start = $(window).scrollTop();
var visible_area_end = visible_area_start + window.innerHeight;
if(offset < visible_area_start || offset > visible_area_end){
// Not in view so scroll to it
$('html,body').animate({scrollTop: offset - window.innerHeight/3}, 1000);
return false;
}
return true;
}
function update_token_lengths() { function update_token_lengths() {
max_token_length = parseInt(document.getElementById("model_max_length_cur").value); max_token_length = parseInt(document.getElementById("model_max_length_cur").value);
if ((document.getElementById("memory").getAttribute("story_memory_length") == null) || (document.getElementById("memory").getAttribute("story_memory_length") == "")) { if ((document.getElementById("memory").getAttribute("story_memory_length") == null) || (document.getElementById("memory").getAttribute("story_memory_length") == "")) {

5
templates/index_new.html
View File

@@ -32,10 +32,9 @@
<div class="menubar3"></div> <div class="menubar3"></div>
</div> </div>
<!------------ Game Text Screen---------------------> <!------------ Game Text Screen--------------------->
<div class="gamescreen" id="gamescreen"> <div class="gamescreen rawtext" id="gamescreen">
<div class="gametext"> <div class="gametext" id="Selected Text">
<span id="story_prompt" class="var_sync_story_prompt var_sync_alt_story_prompt_length rawtext" contenteditable=true onchange="sync_to_server(this);" onkeydown="detect_enter_text"></span> <span id="story_prompt" class="var_sync_story_prompt var_sync_alt_story_prompt_length rawtext" contenteditable=true onchange="sync_to_server(this);" onkeydown="detect_enter_text"></span>
<span id="Selected Text" class="rawtext"></span>
</div> </div>
</div> </div>
<!------------ Sequences ---------------------> <!------------ Sequences --------------------->