From d59e1880f0d3e7f15d70da027415cface24c51ad Mon Sep 17 00:00:00 2001
From: SillyLossy <titan0599@gmail.com>
Date: Sun, 9 Apr 2023 01:10:30 +0300
Subject: [PATCH] Pure CSS sorting by name

---
 public/index.html | 2 +-
 public/script.js  | 9 +++++++++
 public/style.css  | 2 ++
 3 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/public/index.html b/public/index.html
index eb835f882..533ec4a80 100644
--- a/public/index.html
+++ b/public/index.html
@@ -58,7 +58,7 @@
                 <div id="leftNavDrawerIcon" class="drawer-icon icon-sliders closedIcon" title="AI Response Configuration"></div>
             </div>
             <div id="left-nav-panel" class="drawer-content fillLeft closedDrawer widthFreeExpand">
-                <div class="right_menu_button" id="lm_button_panel_pin_div" title="Locked = Character Management panel will stay open">
+                <div class="right_menu_button" id="lm_button_panel_pin_div" title="Locked = AI Configuration panel will stay open">
                     <input type="checkbox" id="lm_button_panel_pin">
                     <label for="lm_button_panel_pin">
                         <img class="unchecked svg_icon" alt="" src="img/lock-open-solid.svg" />
diff --git a/public/script.js b/public/script.js
index 6f92ca0a5..a56d8cd35 100644
--- a/public/script.js
+++ b/public/script.js
@@ -604,6 +604,7 @@ function printCharacters() {
         );
         //console.log('printcharacters() -- printing -- ChID '+i+' ('+item.name+')');
     });
+    sortCharactersList('name', 'asc');
     printGroups();
 }
 
@@ -3052,6 +3053,14 @@ function setGenerationProgress(progress) {
     }
 }
 
+function sortCharactersList(field, order) {
+    let orderedList = characters.slice().sort((a, b) => order == 'asc' ? a[field].localeCompare(b[field]) : b[field].localeCompare(a[field]));
+
+    for (let i = 0; i < characters.length; i++) {
+        $(`.character_select[chid="${i}"]`).css({ 'order': orderedList.indexOf(characters[i]) });
+    }
+}
+
 window["TavernAI"].getContext = function () {
     return {
         chat: chat,
diff --git a/public/style.css b/public/style.css
index 346be4da1..5a867f28b 100644
--- a/public/style.css
+++ b/public/style.css
@@ -717,6 +717,8 @@ input[type="file"] {
     padding: 15px 0;
     overflow-y: auto;
     flex-grow: 1;
+    display: flex;
+    flex-direction: column;
 }
 
 #rm_ch_create_block {