mirror of
https://github.com/SillyTavern/SillyTavern.git
synced 2025-06-05 21:59:27 +02:00
Only CharList scrolls now
- new group panel not perfect yet
This commit is contained in:
@ -1437,149 +1437,154 @@
|
|||||||
</div>
|
</div>
|
||||||
<nav id="right-nav-panel" class="drawer-content closedDrawer fillRight">
|
<nav id="right-nav-panel" class="drawer-content closedDrawer fillRight">
|
||||||
<div id="right-nav-panelheader" class="fa-solid fa-grip drag-grabber"></div>
|
<div id="right-nav-panelheader" class="fa-solid fa-grip drag-grabber"></div>
|
||||||
<div id="rm_button_panel_pin_div" title="Locked = Character Management panel will stay open">
|
|
||||||
<input type="checkbox" id="rm_button_panel_pin">
|
<div id="rm_PinAndTabs">
|
||||||
<label for="rm_button_panel_pin">
|
<div id="rm_button_panel_pin_div" title="Locked = Character Management panel will stay open">
|
||||||
<div class="fa-solid unchecked fa-lock-open" alt=""></div>
|
<input type="checkbox" id="rm_button_panel_pin">
|
||||||
<div class="fa-solid checked fa-lock" alt=""></div>
|
<label for="rm_button_panel_pin">
|
||||||
</label>
|
<div class="fa-solid unchecked fa-lock-open" alt=""></div>
|
||||||
</div>
|
<div class="fa-solid checked fa-lock" alt=""></div>
|
||||||
<div class="scrollableInner">
|
</label>
|
||||||
|
</div>
|
||||||
<div id="right-nav-panel-tabs">
|
<div id="right-nav-panel-tabs">
|
||||||
<div class="right_menu_button fa-solid fa-list-ul" id="rm_button_characters" title="Select/Create Characters"></div>
|
<div class="right_menu_button fa-solid fa-list-ul" id="rm_button_characters" title="Select/Create Characters"></div>
|
||||||
<div class="right_menu_button" id="rm_button_selected_ch">
|
<div class="right_menu_button" id="rm_button_selected_ch">
|
||||||
<h2></h2>
|
<h2></h2>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div id="rm_ch_create_block" class="right_menu" style="display: none;">
|
</div>
|
||||||
<form id="form_create" action="javascript:void(null);" method="post" enctype="multipart/form-data">
|
|
||||||
<div id="avatar-and-name-block">
|
|
||||||
<div id="name_div">
|
|
||||||
<h4>Character Name</h4>
|
|
||||||
<input id="character_name_pole" name="ch_name" class="text_pole" placeholder="Name this character" maxlength="50" value="" autocomplete="off">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="avatar_div" class="avatar_div">
|
|
||||||
<div id="avatar_div_div" class="avatar">
|
|
||||||
<img id="avatar_load_preview" src="img/ai4.png" alt="avatar">
|
|
||||||
</div>
|
|
||||||
<div class="form_create_bottom_buttons_block">
|
|
||||||
<label for="add_avatar_button" class="menu_button fa-solid fa-file-image " title="Click to select a new avatar for this character">
|
|
||||||
<input type="file" id="add_avatar_button" name="avatar" accept="image/png, image/jpeg, image/jpg, image/gif, image/bmp">
|
|
||||||
</label>
|
|
||||||
<div id="rm_button_back" class="menu_button fa-solid fa-left-long "></div>
|
|
||||||
<div id="renameCharButton" class="menu_button fa-solid fa-user-pen" title="Rename Character"></div>
|
|
||||||
<div id="favorite_button" class="menu_button fa-solid fa-star" title="Add to Favorites"></div>
|
|
||||||
<input type="hidden" id="fav_checkbox" name="fav" />
|
|
||||||
<div id="advanced_div" class="menu_button fa-solid fa-book " title="Advanced Definitions"></div>
|
|
||||||
<div id="export_button" class="menu_button fa-solid fa-file-export " title="Export and Download"></div>
|
|
||||||
<label for="create_button" id="create_button_label" class="menu_button fa-solid fa-user-check" title="Create Character">
|
|
||||||
<input type="submit" id="create_button" name="create_button">
|
|
||||||
</label>
|
|
||||||
<div id="delete_button" class="menu_button fa-solid fa-trash-can " title="Delete Character"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div title="Token counts may be inaccurate and provided just for reference." id="result_info"> </div>
|
|
||||||
</div>
|
|
||||||
<hr>
|
|
||||||
|
|
||||||
<div id="tags_div">
|
<div id="rm_ch_create_block" class="right_menu flex-container flexFlowColumn" style="display: none;">
|
||||||
<!-- <div class="margin-bot-10px">Tags</div> -->
|
<form id="form_create" action="javascript:void(null);" method="post" enctype="multipart/form-data">
|
||||||
<input id="tagInput" class="text_pole" placeholder="Search / Create tags" maxlength="50" />
|
|
||||||
<div id="tagList" class="tags"></div>
|
<div id="avatar-and-name-block">
|
||||||
|
<div id="name_div">
|
||||||
|
<h4>Character Name</h4>
|
||||||
|
<input id="character_name_pole" name="ch_name" class="text_pole" placeholder="Name this character" maxlength="50" value="" autocomplete="off">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="description_div" class="margin-bot-10px">
|
<div id="avatar_div" class="avatar_div">
|
||||||
Description
|
<div id="avatar_div_div" class="avatar">
|
||||||
<a href="/notes#characterdescription" class="notes-link" target="_blank">
|
<img id="avatar_load_preview" src="img/ai4.png" alt="avatar">
|
||||||
<span class="note-link-span">?</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<textarea id="description_textarea" placeholder="Describe your character's physical and mental traits here." class="margin-bot-10px" name="description" placeholder=""></textarea>
|
|
||||||
|
|
||||||
<div id="first_message_div" class="margin-bot-10px">
|
|
||||||
First message
|
|
||||||
<a href="/notes#firstmessage" class="notes-link" target="_blank">
|
|
||||||
<span class="note-link-span">?</span>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<textarea id="firstmessage_textarea" placeholder="This will be the first message from the character that starts every chat." class="margin-bot-10px" name="first_mes" placeholder=""></textarea>
|
|
||||||
|
|
||||||
<!-- these divs are invisible and used for server communication purposes -->
|
|
||||||
<div id="hidden-divs">
|
|
||||||
<div id="avatar_url_div">
|
|
||||||
<input id="avatar_url_pole" name="avatar_url" class="text_pole" maxlength="999" size="2" value="" autocomplete="off">
|
|
||||||
</div>
|
</div>
|
||||||
<div id="selected_chat_div">
|
<div class="form_create_bottom_buttons_block">
|
||||||
<input id="selected_chat_pole" name="chat" class="text_pole" maxlength="999" size="2" value="" autocomplete="off">
|
<label for="add_avatar_button" class="menu_button fa-solid fa-file-image " title="Click to select a new avatar for this character">
|
||||||
</div>
|
<input type="file" id="add_avatar_button" name="avatar" accept="image/png, image/jpeg, image/jpg, image/gif, image/bmp">
|
||||||
<div id="create_date_div">
|
</label>
|
||||||
<input id="create_date_pole" name="create_date" class="text_pole" maxlength="999" size="2" value="" autocomplete="off">
|
<div id="rm_button_back" class="menu_button fa-solid fa-left-long "></div>
|
||||||
</div>
|
<div id="renameCharButton" class="menu_button fa-solid fa-user-pen" title="Rename Character"></div>
|
||||||
<div id="last_mes_div">
|
<div id="favorite_button" class="menu_button fa-solid fa-star" title="Add to Favorites"></div>
|
||||||
<input id="last_mes_pole" name="last_mes" class="text_pole" maxlength="999" size="2" value="" autocomplete="off">
|
<input type="hidden" id="fav_checkbox" name="fav" />
|
||||||
|
<div id="advanced_div" class="menu_button fa-solid fa-book " title="Advanced Definitions"></div>
|
||||||
|
<div id="export_button" class="menu_button fa-solid fa-file-export " title="Export and Download"></div>
|
||||||
|
<label for="create_button" id="create_button_label" class="menu_button fa-solid fa-user-check" title="Create Character">
|
||||||
|
<input type="submit" id="create_button" name="create_button">
|
||||||
|
</label>
|
||||||
|
<div id="delete_button" class="menu_button fa-solid fa-trash-can " title="Delete Character"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- now back to normal divs for display purposes-->
|
<div title="Token counts may be inaccurate and provided just for reference." id="result_info"> </div>
|
||||||
</form>
|
</div>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div id="tags_div">
|
||||||
|
<!-- <div class="margin-bot-10px">Tags</div> -->
|
||||||
|
<input id="tagInput" class="text_pole" placeholder="Search / Create tags" maxlength="50" />
|
||||||
|
<div id="tagList" class="tags"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="description_div" class="margin-bot-10px">
|
||||||
|
Description
|
||||||
|
<a href="/notes#characterdescription" class="notes-link" target="_blank">
|
||||||
|
<span class="note-link-span">?</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<textarea id="description_textarea" placeholder="Describe your character's physical and mental traits here." class="margin-bot-10px" name="description" placeholder=""></textarea>
|
||||||
|
|
||||||
|
<div id="first_message_div" class="margin-bot-10px">
|
||||||
|
First message
|
||||||
|
<a href="/notes#firstmessage" class="notes-link" target="_blank">
|
||||||
|
<span class="note-link-span">?</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<textarea id="firstmessage_textarea" placeholder="This will be the first message from the character that starts every chat." class="margin-bot-10px" name="first_mes" placeholder=""></textarea>
|
||||||
|
|
||||||
|
<!-- these divs are invisible and used for server communication purposes -->
|
||||||
|
<div id="hidden-divs">
|
||||||
|
<div id="avatar_url_div">
|
||||||
|
<input id="avatar_url_pole" name="avatar_url" class="text_pole" maxlength="999" size="2" value="" autocomplete="off">
|
||||||
|
</div>
|
||||||
|
<div id="selected_chat_div">
|
||||||
|
<input id="selected_chat_pole" name="chat" class="text_pole" maxlength="999" size="2" value="" autocomplete="off">
|
||||||
|
</div>
|
||||||
|
<div id="create_date_div">
|
||||||
|
<input id="create_date_pole" name="create_date" class="text_pole" maxlength="999" size="2" value="" autocomplete="off">
|
||||||
|
</div>
|
||||||
|
<div id="last_mes_div">
|
||||||
|
<input id="last_mes_pole" name="last_mes" class="text_pole" maxlength="999" size="2" value="" autocomplete="off">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- now back to normal divs for display purposes-->
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div id="rm_group_chats_block" class="right_menu">
|
||||||
|
<div id="rm_group_top_bar">
|
||||||
|
<div id="rm_button_back_from_group" class="menu_button fa-solid fa-left-long"></div>
|
||||||
|
<input id="rm_group_chat_name" class="text_pole" type="text" name="chat_name" placeholder="Chat Name (Optional)" maxlength="100" />
|
||||||
</div>
|
</div>
|
||||||
<div id="rm_group_chats_block" class="right_menu">
|
<div id="rm_group_buttons">
|
||||||
<div id="rm_group_top_bar">
|
<div class="rm_group_settings">
|
||||||
<div id="rm_button_back_from_group" class="menu_button fa-solid fa-left-long"></div>
|
<label class="checkbox_label">
|
||||||
<input id="rm_group_chat_name" class="text_pole" type="text" name="chat_name" placeholder="Chat Name (Optional)" maxlength="100" />
|
<input id="rm_group_fav" type="checkbox" />
|
||||||
|
Favorite
|
||||||
|
</label>
|
||||||
|
<label class="checkbox_label">
|
||||||
|
<input id="rm_group_allow_self_responses" type="checkbox" />
|
||||||
|
Allow bot responses to self
|
||||||
|
</label>
|
||||||
|
<label id="rm_group_automode_label" class="checkbox_label">
|
||||||
|
<input id="rm_group_automode" type="checkbox" />
|
||||||
|
Auto Mode
|
||||||
|
</label>
|
||||||
|
<h5>
|
||||||
|
Group reply strategy
|
||||||
|
<a href="/notes#groupreplystrategy" class="notes-link" target="_blank"><span class="note-link-span">?</span></a>
|
||||||
|
</h5>
|
||||||
|
<label>
|
||||||
|
<input type="radio" name="rm_group_activation_strategy" value="0" />
|
||||||
|
Natural order
|
||||||
|
</label>
|
||||||
|
<label>
|
||||||
|
<input type="radio" name="rm_group_activation_strategy" value="1" />
|
||||||
|
List order
|
||||||
|
</label>
|
||||||
</div>
|
</div>
|
||||||
<div id="rm_group_buttons">
|
<div id="rm_group_buttons_expander"> </div>
|
||||||
<div class="rm_group_settings">
|
<input id="rm_group_submit" class="menu_button" type="submit" value="Create">
|
||||||
<label class="checkbox_label">
|
<input id="rm_group_delete" class="menu_button" type="submit" value="Delete">
|
||||||
<input id="rm_group_fav" type="checkbox" />
|
</div>
|
||||||
Favorite
|
<div id="rm_group_add_members_header">
|
||||||
</label>
|
<h3>Add Members</h3>
|
||||||
<label class="checkbox_label">
|
<input id="rm_group_filter" class="text_pole" type="search" placeholder="Filter..." maxlength="100" />
|
||||||
<input id="rm_group_allow_self_responses" type="checkbox" />
|
</div>
|
||||||
Allow bot responses to self
|
<div class="flex-container flexFlowColumn overflowYAuto">
|
||||||
</label>
|
|
||||||
<label id="rm_group_automode_label" class="checkbox_label">
|
|
||||||
<input id="rm_group_automode" type="checkbox" />
|
|
||||||
Auto Mode
|
|
||||||
</label>
|
|
||||||
<h5>
|
|
||||||
Group reply strategy
|
|
||||||
<a href="/notes#groupreplystrategy" class="notes-link" target="_blank"><span class="note-link-span">?</span></a>
|
|
||||||
</h5>
|
|
||||||
<label>
|
|
||||||
<input type="radio" name="rm_group_activation_strategy" value="0" />
|
|
||||||
Natural order
|
|
||||||
</label>
|
|
||||||
<label>
|
|
||||||
<input type="radio" name="rm_group_activation_strategy" value="1" />
|
|
||||||
List order
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<div id="rm_group_buttons_expander"> </div>
|
|
||||||
<input id="rm_group_submit" class="menu_button" type="submit" value="Create">
|
|
||||||
<input id="rm_group_delete" class="menu_button" type="submit" value="Delete">
|
|
||||||
</div>
|
|
||||||
<div id="rm_group_add_members_header">
|
|
||||||
<h3>Add Members</h3>
|
|
||||||
<input id="rm_group_filter" class="text_pole" type="search" placeholder="Filter..." maxlength="100" />
|
|
||||||
</div>
|
|
||||||
<!-- !!!Don't break line after div!!! -->
|
|
||||||
<div id="rm_group_add_members"></div>
|
<div id="rm_group_add_members"></div>
|
||||||
<h3>Members</h3>
|
<h3>Members</h3>
|
||||||
<!-- !!!Don't break line after div!!! -->
|
|
||||||
<div id="rm_group_members"></div>
|
<div id="rm_group_members"></div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div id="rm_character_import" class="right_menu" style="display: none;">
|
<div id="rm_character_import" class="right_menu" style="display: none;">
|
||||||
<form id="form_import" action="javascript:void(null);" method="post" enctype="multipart/form-data">
|
<form id="form_import" action="javascript:void(null);" method="post" enctype="multipart/form-data">
|
||||||
<input multiple type="file" id="character_import_file" accept=".json, image/png, image/webp" name="avatar">
|
<input multiple type="file" id="character_import_file" accept=".json, image/png, image/webp" name="avatar">
|
||||||
<input id="character_import_file_type" name="file_type" class="text_pole" maxlength="999" size="2" value="" autocomplete="off">
|
<input id="character_import_file_type" name="file_type" class="text_pole" maxlength="999" size="2" value="" autocomplete="off">
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<div id="rm_characters_block" class="right_menu">
|
<div id="rm_characters_block" class="right_menu">
|
||||||
|
<div id="charListFixedTop">
|
||||||
<div class="form_create_bottom_buttons_block">
|
<div class="form_create_bottom_buttons_block">
|
||||||
<div id="rm_button_create" title="Create New Character" class="menu_button fa-solid fa-user-plus "></div>
|
<div id="rm_button_create" title="Create New Character" class="menu_button fa-solid fa-user-plus "></div>
|
||||||
<div id="character_import_button" title="Import Character from File" class="menu_button fa-solid fa-file-arrow-up "></div>
|
<div id="character_import_button" title="Import Character from File" class="menu_button fa-solid fa-file-arrow-up "></div>
|
||||||
@ -1599,21 +1604,20 @@
|
|||||||
<option data-field="chat_size" data-order="asc">Least chatted</option>
|
<option data-field="chat_size" data-order="asc">Least chatted</option>
|
||||||
</select>
|
</select>
|
||||||
</form>
|
</form>
|
||||||
<div id="rm_tag_filter" class="tags">
|
<div id="rm_tag_filter" class="tags"></div>
|
||||||
|
|
||||||
</div>
|
|
||||||
<div id="rm_print_characters_block"></div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div id="rm_print_characters_block"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- only displays after creating/deleting a character/group -->
|
<!-- only displays after creating/deleting a character/group -->
|
||||||
<div id="rm_info_block" class="right_menu">
|
<div id="rm_info_block" class="right_menu">
|
||||||
<div id="rm_info_panel">
|
<div id="rm_info_panel">
|
||||||
<div id="rm_info_avatar"></div>
|
<div id="rm_info_avatar"></div>
|
||||||
<div id="rm_info_text"></div>
|
<div id="rm_info_text"></div>
|
||||||
<div id="rm_info_button" class="menu_button">Back</div>
|
<div id="rm_info_button" class="menu_button">Back</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -1889,13 +1889,13 @@ async function Generate(type, automatic_trigger, force_name2) {
|
|||||||
//mesSendString = mesSendString; //This edit simply removes the first "<START>" that is prepended to all context prompts
|
//mesSendString = mesSendString; //This edit simply removes the first "<START>" that is prepended to all context prompts
|
||||||
}
|
}
|
||||||
let finalPromt = worldInfoBefore +
|
let finalPromt = worldInfoBefore +
|
||||||
storyString +
|
storyString +
|
||||||
worldInfoAfter +
|
worldInfoAfter +
|
||||||
afterScenarioAnchor +
|
afterScenarioAnchor +
|
||||||
mesExmString +
|
mesExmString +
|
||||||
mesSendString +
|
mesSendString +
|
||||||
generatedPromtCache +
|
generatedPromtCache +
|
||||||
promptBias;
|
promptBias;
|
||||||
|
|
||||||
if (zeroDepthAnchor && zeroDepthAnchor.length) {
|
if (zeroDepthAnchor && zeroDepthAnchor.length) {
|
||||||
if (!isMultigenEnabled() || tokens_already_generated == 0) {
|
if (!isMultigenEnabled() || tokens_already_generated == 0) {
|
||||||
@ -5288,6 +5288,7 @@ $(document).ready(function () {
|
|||||||
var icon = $(this).find('.drawer-icon');
|
var icon = $(this).find('.drawer-icon');
|
||||||
var drawer = $(this).parent().find('.drawer-content');
|
var drawer = $(this).parent().find('.drawer-content');
|
||||||
var drawerWasOpenAlready = $(this).parent().find('.drawer-content').hasClass('openDrawer');
|
var drawerWasOpenAlready = $(this).parent().find('.drawer-content').hasClass('openDrawer');
|
||||||
|
let targetDrawerID = $(this).parent().find('.drawer-content').attr('id');
|
||||||
const pinnedDrawerClicked = drawer.hasClass('pinnedOpen');
|
const pinnedDrawerClicked = drawer.hasClass('pinnedOpen');
|
||||||
|
|
||||||
if (!drawerWasOpenAlready) {
|
if (!drawerWasOpenAlready) {
|
||||||
@ -5296,7 +5297,21 @@ $(document).ready(function () {
|
|||||||
$('.openDrawer').not('.pinnedOpen').toggleClass('closedDrawer openDrawer');
|
$('.openDrawer').not('.pinnedOpen').toggleClass('closedDrawer openDrawer');
|
||||||
icon.toggleClass('openIcon closedIcon');
|
icon.toggleClass('openIcon closedIcon');
|
||||||
drawer.toggleClass('openDrawer closedDrawer');
|
drawer.toggleClass('openDrawer closedDrawer');
|
||||||
$(this).closest('.drawer').find('.drawer-content').slideToggle(200, "swing");
|
|
||||||
|
console.log(targetDrawerID);
|
||||||
|
if (targetDrawerID === 'right-nav-panel') {
|
||||||
|
$(this).closest('.drawer').find('.drawer-content').slideToggle({
|
||||||
|
duration: 200,
|
||||||
|
easing: "swing",
|
||||||
|
start: function () {
|
||||||
|
jQuery(this).css('display', 'flex');
|
||||||
|
}
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
$(this).closest('.drawer').find('.drawer-content').slideToggle(200, "swing");
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
} else if (drawerWasOpenAlready) {
|
} else if (drawerWasOpenAlready) {
|
||||||
icon.toggleClass('closedIcon openIcon');
|
icon.toggleClass('closedIcon openIcon');
|
||||||
|
|
||||||
|
@ -955,6 +955,10 @@ select option:not(:checked) {
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.overflowYAuto {
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
|
||||||
#rm_characters_block {
|
#rm_characters_block {
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
@ -2566,6 +2570,8 @@ body .ui-widget-content {
|
|||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.5rem;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
max-height: 40%;
|
||||||
|
min-height: 40%;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@ -3030,6 +3036,7 @@ a {
|
|||||||
border-radius: 0 0 0 20px;
|
border-radius: 0 0 0 20px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
scrollbar-width: thin;
|
scrollbar-width: thin;
|
||||||
|
flex-flow: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
#nav-toggle {
|
#nav-toggle {
|
||||||
|
Reference in New Issue
Block a user