From 91a1cc81a0b5708d7ab76cc41a624091127cb42a Mon Sep 17 00:00:00 2001
From: Cohee <18619528+Cohee1207@users.noreply.github.com>
Date: Sat, 11 Nov 2023 18:25:43 +0200
Subject: [PATCH] #1242 Add aux field selector

---
 public/index.html            | 9 ++++++++-
 public/script.js             | 7 ++++---
 public/scripts/power-user.js | 9 +++++++++
 3 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/public/index.html b/public/index.html
index 9c0f396cd..909af8577 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2680,7 +2680,7 @@
                             </div>
                         </div>
                     </div>
-                    <div name="UserSettingsSecondColumn" id="UI-Customization" class="flex-container flexFlowColumn wide100p">
+                    <div name="UserSettingsSecondColumn" id="UI-Customization" class="flex-container flexFlowColumn wide100p flexNoGap">
                         <div name="themeToggles">
                             <h4 data-i18n="Theme Toggles">Theme Toggles</h4>
                             <label data-newbie-hidden for="fast_ui_mode" class="checkbox_label" title="removes blur from window backgrounds" data-i18n="[title]removes blur from window backgrounds">
@@ -2737,6 +2737,13 @@
                             </label>
                         </div>
                         <h4><span data-i18n="Miscellaneous">Miscellaneous</span></h4>
+                        <div title="If set in the advanced character definitions, this field will be displayed in the characters list.">
+                            <label for="aux_field" data-i18n="Aux List Field">Aux List Field</label>
+                            <select id="aux_field">
+                                <option data-i18n="Character Version" value="character_version">Character Version</option>
+                                <option data-i18n="Created by" value="creator">Created by</option>
+                            </select>
+                        </div>
                         <div>
                             <label for="play_message_sound" class="checkbox_label">
                                 <input id="play_message_sound" type="checkbox" />
diff --git a/public/script.js b/public/script.js
index c38d423aa..0dbf38594 100644
--- a/public/script.js
+++ b/public/script.js
@@ -1038,9 +1038,10 @@ function getCharacterBlock(item, id) {
         template.find('.ch_description').hide();
     }
 
-    const version = item.data?.character_version || '';
-    if (version) {
-        template.find('.character_version').text(version);
+    const auxFieldName = power_user.aux_field || 'character_version';
+    const auxFieldValue = (item.data && item.data[auxFieldName]) || '';
+    if (auxFieldValue) {
+        template.find('.character_version').text(auxFieldValue);
     }
     else {
         template.find('.character_version').hide();
diff --git a/public/scripts/power-user.js b/public/scripts/power-user.js
index efc4c9e14..d372befa9 100644
--- a/public/scripts/power-user.js
+++ b/public/scripts/power-user.js
@@ -220,6 +220,7 @@ let power_user = {
     encode_tags: false,
     servers: [],
     bogus_folders: false,
+    aux_field: 'character_version',
 };
 
 let themes = [];
@@ -1255,6 +1256,7 @@ function loadPowerUserSettings(settings, data) {
     $(`#chat_display option[value=${power_user.chat_display}]`).attr("selected", true).trigger('change');
     $('#chat_width_slider').val(power_user.chat_width);
     $("#token_padding").val(power_user.token_padding);
+    $("#aux_field").val(power_user.aux_field);
 
     $("#font_scale").val(power_user.font_scale);
     $("#font_scale_counter").val(power_user.font_scale);
@@ -2822,6 +2824,13 @@ $(document).ready(() => {
         printCharacters(true);
     });
 
+    $('#aux_field').on('change', function() {
+        const value = $(this).find(':selected').val();
+        power_user.aux_field = String(value);
+        saveSettingsDebounced();
+        printCharacters(false);
+    });
+
     $(document).on('click', '#debug_table [data-debug-function]', function () {
         const functionId = $(this).data('debug-function');
         const functionRecord = debug_functions.find(f => f.functionId === functionId);