Rearrange WI block

This commit is contained in:
SillyLossy
2023-04-29 19:18:58 +03:00
parent 6f1193f057
commit da68255a25
3 changed files with 109 additions and 134 deletions

View File

@@ -1120,27 +1120,24 @@
</div>
<div class="drawer-content closedDrawer">
<div id="wi-holder">
<div id="world_info_block">
<h3>World Info</h3>
<div id="world_info_buttons">
<div id="world_create_button" class="right_menu_button">
<h4>+Create</h4>
</div>
<div id="world_import_button" class="right_menu_button">
<h4>+Import</h4>
</div>
</div>
</div>
<h4>How to use <a href="/notes#worldinfo" class="notes-link" target="_blank"><span class="note-link-span">?</span></a></h4>
<div id="rm_world_import" class="right_menu" style="display: none;">
<h3>
World Info
<a href="/notes#worldinfo" class="notes-link" target="_blank">
<span class="note-link-span">?</span>
</a>
</h3>
<form id="form_world_import" action="javascript:void(null);" method="post" enctype="multipart/form-data">
<input type="file" id="world_import_file" accept=".json" name="avatar">
<input type="file" id="world_import_file" accept=".json" name="avatar" hidden>
</form>
</div>
<select id="world_info">
<div class="world_info_select_block">
<select id="world_info" class="flexGrow">
<option value="None">None</option>
</select>
<input id="world_info_edit_button" class="menu_button" type="submit" value="Details">
<div id="world_create_button" class="menu_button fa-solid fa-plus" title="Create"></div>
<div id="world_import_button" class="menu_button fa-solid fa-file-arrow-up" title="Import"></div>
<div id="world_info_edit_button" class="menu_button fa-solid fa-pencil" title="Details"></div>
</div>
<div id="world_info_depth_block">
<h4>
Scan Depth <a href="/notes#scandepth" class="notes-link" target="_blank"><span class="note-link-span">?</span></a>
@@ -1378,10 +1375,6 @@
</form>
</div>
</div>
<!-- </div> -->
</div>
</div>
</div>
@@ -1738,8 +1731,38 @@
<div id="world_popup_export" class="menu_button">Export</div>
<div id="world_popup_delete" class="menu_button">Delete World</div>
</div>
</div>
<div id="shadow_select_chat_popup">
<div id="select_chat_popup">
<div id="select_chat_import"> <!-- import chat popup header -->
<div id="chat_import_button" class="fa-solid fa-file-arrow-up menu_button"></div>
<div id="selectChatPopupHeaderText" class="TxtLrgBoldCenter">
<span id="ChatHistoryCharName"></span>
<br>
Chat History
<a href="/notes#chatimport" class="notes-link" target="_blank"><span class="note-link-span">?</span></a>
</div>
<form id="form_import_chat" action="javascript:void(null);" method="post" enctype="multipart/form-data" style="display: none;">
<input type="file" id="chat_import_file" accept=".json, .jsonl" name="avatar">
<input id="chat_import_file_type" name="file_type" class="text_pole" maxlength="999" size="2" value="" autocomplete="off" style="display: none;">
<input id="chat_import_avatar_url" name="avatar_url" class="text_pole" maxlength="999" size="2" value="" autocomplete="off" style="display: none;">
<input id="chat_import_character_name" name="character_name" class="text_pole" maxlength="999" size="2" value="" autocomplete="off" style="display: none;">
</form>
<div id="select_chat_cross" class="fa-solid fa-circle-xmark" alt="Close Past Chat Popup"></div>
</div>
<div id="entry_edit_template">
<div id="select_chat_div">
</div>
<div id="load_select_chat_div">
<div class="fa-solid fa-hourglass fa-spin"></div>
</div>
</div>
</div>
<!-- templates for JS to reuse when needed -->
<div id="entry_edit_template" class="template_element">
<div class="world_entry">
<form class="world_entry_form">
<div class="world_entry_thin_controls">
@@ -1818,36 +1841,6 @@
</form>
</div>
</div>
</div>
<div id="shadow_select_chat_popup">
<div id="select_chat_popup">
<div id="select_chat_import"> <!-- import chat popup header -->
<div id="chat_import_button" class="fa-solid fa-file-arrow-up menu_button"></div>
<div id="selectChatPopupHeaderText" class="TxtLrgBoldCenter">
<span id="ChatHistoryCharName"></span>
<br>
Chat History
<a href="/notes#chatimport" class="notes-link" target="_blank"><span class="note-link-span">?</span></a>
</div>
<form id="form_import_chat" action="javascript:void(null);" method="post" enctype="multipart/form-data" style="display: none;">
<input type="file" id="chat_import_file" accept=".json, .jsonl" name="avatar">
<input id="chat_import_file_type" name="file_type" class="text_pole" maxlength="999" size="2" value="" autocomplete="off" style="display: none;">
<input id="chat_import_avatar_url" name="avatar_url" class="text_pole" maxlength="999" size="2" value="" autocomplete="off" style="display: none;">
<input id="chat_import_character_name" name="character_name" class="text_pole" maxlength="999" size="2" value="" autocomplete="off" style="display: none;">
</form>
<div id="select_chat_cross" class="fa-solid fa-circle-xmark" alt="Close Past Chat Popup"></div>
</div>
<div id="select_chat_div">
</div>
<div id="load_select_chat_div">
<div class="fa-solid fa-hourglass fa-spin"></div>
</div>
</div>
</div>
<!-- templates for JS to reuse when needed -->
<div id="character_template" class="template_element">
<div class="character_select flex-container wide100p alignitemsflexstart" chid="" id="">

View File

@@ -2446,7 +2446,7 @@ function resultCheckStatusNovel() {
async function renameCharacter() {
const oldAvatar = characters[this_chid].avatar;
const newValue = await callPopup('New name:', 'input', characters[this_chid].name);
const newValue = await callPopup('<h3>New name:</h3>', 'input', characters[this_chid].name);
if (newValue && newValue !== characters[this_chid].name) {
const body = JSON.stringify({ avatar_url: oldAvatar, new_name: newValue });

View File

@@ -1549,30 +1549,11 @@ input[type=search]:focus::-webkit-search-cancel-button {
display: none;
}
#world_info {
margin-bottom: 0;
}
#world_info_block {
.world_info_select_block {
display: flex;
align-items: center;
justify-content: space-between;
}
#world_import_button,
#world_create_button {
cursor: pointer;
display: inline-block;
padding: 0;
margin: 0;
}
#world_import_button h4,
#world_create_button h4 {
margin-top: auto;
margin-bottom: auto;
margin-left: 1rem;
flex-direction: row;
align-items: baseline;
gap: 5px;
}
#world_popup {
@@ -1619,10 +1600,6 @@ input[type=search]:focus::-webkit-search-cancel-button {
margin-left: 1rem;
}
#entry_edit_template {
display: none !important;
}
.world_entry:not(:last-child)::after {
margin-top: 1rem;
height: 1px;
@@ -1659,6 +1636,10 @@ input[type=search]:focus::-webkit-search-cancel-button {
cursor: pointer;
}
#form_world_import {
display: none;
}
#form_rename_world input:not(:last-child) {
margin-right: 10px;
}
@@ -3471,8 +3452,9 @@ toolcool-color-picker {
}
.openai_logit_bias_preset_form .menu_button,
.openai_preset_buttons .menu_button {
padding: 7px;
.openai_preset_buttons .menu_button,
.world_info_select_block .menu_button {
padding: 8px;
}
.openai_logit_bias_list:empty::before {