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

fix color picker widget defaulting to black instead of its initial value and firing change event when added to DOM

Browse Source
This commit is contained in:
LenAnderson
2024-07-15 18:07:36 -04:00
parent bfd05e4866
commit 696c24051f
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -166,9 +166,15 @@ export class SettingsUi {
qrs.injectInput = this.injectInput.checked; qrs.injectInput = this.injectInput.checked;
qrs.save(); qrs.save();
}); });
let initialColorChange = true;
this.color = this.dom.querySelector('#qr--color'); this.color = this.dom.querySelector('#qr--color');
this.color.addEventListener('change', (evt)=>{ this.color.addEventListener('change', (evt)=>{
const qrs = this.currentQrSet; const qrs = this.currentQrSet;
if (initialColorChange) {
initialColorChange = false;
this.color.color = qrs.color;
return;
}
qrs.color = evt.detail.rgb; qrs.color = evt.detail.rgb;
qrs.save(); qrs.save();
this.currentQrSet.updateColor(); this.currentQrSet.updateColor();
@ -194,7 +200,7 @@ export class SettingsUi {
this.disableSend.checked = this.currentQrSet.disableSend; this.disableSend.checked = this.currentQrSet.disableSend;
this.placeBeforeInput.checked = this.currentQrSet.placeBeforeInput; this.placeBeforeInput.checked = this.currentQrSet.placeBeforeInput;
this.injectInput.checked = this.currentQrSet.injectInput; this.injectInput.checked = this.currentQrSet.injectInput;
this.color.color = this.currentQrSet.color; // this.color.color = this.currentQrSet.color ?? 'transparent';
this.onlyBorderColor.checked = this.currentQrSet.onlyBorderColor; this.onlyBorderColor.checked = this.currentQrSet.onlyBorderColor;
this.qrList.innerHTML = ''; this.qrList.innerHTML = '';
const qrsDom = this.currentQrSet.renderSettings(); const qrsDom = this.currentQrSet.renderSettings();