Refactor persona panel with headings

82422b45002b1c93f153acecf904357dbd8e19e6

Wolfsblvt <wolfsblvt@gmail.com>

1 files changed, +15 -6Showing whitespace changes
public/index.html+15 -6
@@ -4892,7 +4892,7 @@
48924892 </div>
48934893 </div>
48944894 <div id="persona-management-block" class="flex-container wide100p flexGap10">
48954895 <div class="persona_management_left_column flex1 overflowHidden wide100p">
48964896 <div class="flex-container marginBot10 alignitemscenter">
48974897 <div id="create_dummy_persona" class="menu_button menu_button_icon" title="Create a dummy persona" data-i18n="[title]Create a dummy persona">
48984898 <i class="fa-solid fa-person-circle-question fa-fw"></i>
@@ -4915,7 +4915,10 @@
49154915 <input type="hidden" id="avatar_upload_overwrite" name="overwrite_name" value="">
49164916 </form>
49174917 </div>
49184918 <div class="persona_management_right_column flex1">
4919+ <div class="persona_management_current_persona">
4920+ <h4 class="standoutHeader" data-i18n="Current Persona">Current Persona</h4>
4921+
49194922 <h4 data-i18n="Name">Name</h4>
49204923 <div class="change_name">
49214924 <input id="your_name" name="your_name" data-i18n="[placeholder]Enter your name" placeholder="Enter your name" class="text_pole wide100p" value="" autocomplete="off">
@@ -4928,13 +4931,18 @@
49284931 <div id="persona_lore_button" class="menu_button fa-solid fa-globe" title="Persona Lore&#10;Alt+Click to open the lorebook" data-i18n="[title]Persona Lore Alt+Click to open the lorebook">
49294932 </div>
49304933 </div>
4931- <div>
4934+
49324935 <h4 data-i18n="Persona Description">Persona Description</h4>
49334936 <textarea id="persona_description" name="persona_description" data-i18n="[placeholder]Example: [{{user}} is a 28-year-old Romanian cat girl.]" placeholder="Example:&#10;[{{user}} is a 28-year-old Romanian cat girl.]" class="text_pole textarea_compact" value="" autocomplete="off" rows="8"></textarea>
49344937 <div class="extension_token_counter">
49354938 <span data-i18n="Tokens persona description">Tokens</span>: <span id="persona_description_token_count">0</span>
49364939 </div>
49374940 </div>
4941+
4942+ <div class="persona_management_global_settings">
4943+ <h4 class="standoutHeader" data-i18n="Global Settings">Global Settings</h4>
4944+
4945+ <div class="persona_management_description_position_container">
49384946 <label for="persona_description_position" data-i18n="Position:">Position:</label>
49394947 <select id="persona_description_position">
49404948 <option value="9" data-i18n="None (disabled)">None (disabled)</option>
@@ -4958,8 +4966,8 @@
49584966 </div>
49594967 </div>
49604968 </div>
4961- </div>
4969+
49624970 <div class="persona_management_show_notifications range-block">
49634971 <label for="persona_show_notifications" class="checkbox_label">
49644972 <input id="persona_show_notifications" type="checkbox" />
49654973 <span data-i18n="Show notifications on switching personas">
@@ -4972,6 +4980,7 @@
49724980 </div>
49734981 </div>
49744982 </div>
4983+ </div>
49754984 <div id="rightNavHolder" class="drawer">
49764985 <div id="unimportantYes" class="drawer-toggle drawer-header">
49774986 <div id="rightNavDrawerIcon" class="drawer-icon fa-solid fa-address-card fa-fw closedIcon" title="Character Management" data-i18n="[title]Character Management">