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 colors

Browse Source
This commit is contained in:
LenAnderson
2024-07-13 14:45:35 -04:00
parent 8621fdbfa3
commit 9f9553db44
5 changed files with 58 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
public/scripts/extensions/quick-reply/src/QuickReplySet.js
View File

@@ -31,6 +31,8 @@ export class QuickReplySet {
/**@type {boolean}*/ disableSend = false;
/**@type {boolean}*/ placeBeforeInput = false;
/**@type {boolean}*/ injectInput = false;
/**@type {string}*/ color = 'transparent';
/**@type {boolean}*/ onlyBorderColor = false;
/**@type {QuickReply[]}*/ qrList = [];
/**@type {number}*/ idIndex = 0;
@@ -66,6 +68,7 @@ export class QuickReplySet {
const root = document.createElement('div'); {
this.dom = root;
root.classList.add('qr--buttons');
this.updateColor();
this.qrList.filter(qr=>!qr.isHidden).forEach(qr=>{
root.append(qr.render());
});
@@ -80,6 +83,19 @@ export class QuickReplySet {
this.dom.append(qr.render());
});
}
updateColor() {
if (this.color) {
this.dom.style.setProperty('--qr--color', this.color);
if (this.onlyBorderColor) {
this.dom.classList.add('qr--borderColor');
} else {
this.dom.classList.remove('qr--borderColor');
}
} else {
this.dom.style.setProperty('--qr--color', 'transparent');
this.dom.classList.remove('qr--borderColor');
}
}
@@ -337,6 +353,8 @@ export class QuickReplySet {
disableSend: this.disableSend,
placeBeforeInput: this.placeBeforeInput,
injectInput: this.injectInput,
color: this.color,
onlyBorderColor: this.onlyBorderColor,
qrList: this.qrList,
idIndex: this.idIndex,
};