rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-06-05 21:59:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add QR set rename button

Browse Source
This commit is contained in:
Wolfsblvt
2025-01-11 01:41:46 +01:00
parent a62fa3b073
commit 4c1c62a56b
2 changed files with 40 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
public/scripts/extensions/quick-reply/html/settings.html
View File

@@ -46,6 +46,7 @@
<div class="qr--title" data-i18n="Edit Quick Replies">Edit Quick Replies</div> <div class="qr--title" data-i18n="Edit Quick Replies">Edit Quick Replies</div>
<div class="qr--actions"> <div class="qr--actions">
<select id="qr--set" class="text_pole"></select> <select id="qr--set" class="text_pole"></select>
<div class="qr--add menu_button menu_button_icon fa-solid fa-pencil" id="qr--set-rename" title="Rename quick reply set"></div>
<div class="qr--add menu_button menu_button_icon fa-solid fa-plus" id="qr--set-new" title="Create new quick reply set"></div> <div class="qr--add menu_button menu_button_icon fa-solid fa-plus" id="qr--set-new" title="Create new quick reply set"></div>
<div class="qr--add menu_button menu_button_icon fa-solid fa-file-import" id="qr--set-import" title="Import quick reply set"></div> <div class="qr--add menu_button menu_button_icon fa-solid fa-file-import" id="qr--set-import" title="Import quick reply set"></div>
<input type="file" id="qr--set-importFile" accept=".json" hidden> <input type="file" id="qr--set-importFile" accept=".json" hidden>

39
public/scripts/extensions/quick-reply/src/ui/SettingsUi.js
View File

@@ -111,6 +111,7 @@ export class SettingsUi {
prepareQrEditor() { prepareQrEditor() {
// qr editor // qr editor
this.dom.querySelector('#qr--set-rename').addEventListener('click', async () => this.renameQrSet());
this.dom.querySelector('#qr--set-new').addEventListener('click', async()=>this.addQrSet()); this.dom.querySelector('#qr--set-new').addEventListener('click', async()=>this.addQrSet());
/**@type {HTMLInputElement}*/ /**@type {HTMLInputElement}*/
const importFile = this.dom.querySelector('#qr--set-importFile'); const importFile = this.dom.querySelector('#qr--set-importFile');
@@ -303,6 +304,44 @@ export class SettingsUi {
this.settings.save(); this.settings.save();
} }
async renameQrSet() {
const newName = await callPopup('Enter new name for the Quick Reply Set:', 'input');
if (newName && newName.length > 0) {
const existingSet = QuickReplySet.get(newName);
if (existingSet) {
toastr.error(`A Quick Reply Set named "${newName}" already exists.`);
return;
}
const oldName = this.currentQrSet.name;
this.currentQrSet.name = newName;
await this.currentQrSet.save();
// Update the option in all select dropdowns
/** @type {NodeListOf<HTMLOptionElement>} */
const options = this.dom.querySelectorAll(`#qr--set option[value="${oldName}"], select.qr--set option[value="${oldName}"]`);
options.forEach(option => {
option.value = newName;
option.textContent = newName;
});
// Update in in both set lists
this.settings.config.setList.forEach(set => {
if (set.set.name === oldName) {
set.set.name = newName;
}
});
this.settings.chatConfig?.setList.forEach(set => {
if (set.set.name === oldName) {
set.set.name = newName;
}
});
this.settings.save();
this.currentSet.value = newName;
console.info(`Quick Reply Set renamed from ""${oldName}" to "${newName}".`);
}
}
async addQrSet() { async addQrSet() {
const name = await callPopup('Quick Reply Set Name:', 'input'); const name = await callPopup('Quick Reply Set Name:', 'input');
if (name && name.length > 0) { if (name && name.length > 0) {