GuanM/LLOneBot
1
0
Fork 0
mirror of https://github.com/LLOneBot/LLOneBot.git synced 2024-11-22 01:56:33 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: Made inputs work

Browse Source
This commit is contained in:
Misa Liu 2024-03-04 22:23:03 +08:00
parent 66fbce9e4c
commit cbb732c778
No known key found for this signature in database
GPG Key ID: F70B23D0A4FED791
1 changed files with 16 additions and 5 deletions

21
src/renderer/index.ts

@ -34,7 +34,7 @@ async function onSettingWindowCreated(view: Element) {
SettingSwitch('ob11.enableHttp', config.ob11.enableHttp, { 'control-display-id': 'config-ob11-httpPort' }), SettingSwitch('ob11.enableHttp', config.ob11.enableHttp, { 'control-display-id': 'config-ob11-httpPort' }),
), ),
SettingItem('HTTP 服务监听端口', null, SettingItem('HTTP 服务监听端口', null,
`<div class="q-input"><input class="q-input__inner" type="number" min="1" max="65534" value="${config.ob11.httpPort}" placeholder="${config.ob11.httpPort}" /></div>`, `<div class="q-input"><input class="q-input__inner" data-config-key="ob11.httpPort" type="number" min="1" max="65534" value="${config.ob11.httpPort}" placeholder="${config.ob11.httpPort}" /></div>`,
'config-ob11-httpPort', config.ob11.enableHttp 'config-ob11-httpPort', config.ob11.enableHttp
), ),
SettingItem('启用 HTTP 事件上报', null, SettingItem('启用 HTTP 事件上报', null,
@ -48,7 +48,7 @@ async function onSettingWindowCreated(view: Element) {
SettingSwitch('ob11.enableWs', config.ob11.enableWs, { 'control-display-id': 'config-ob11-wsPort' }), SettingSwitch('ob11.enableWs', config.ob11.enableWs, { 'control-display-id': 'config-ob11-wsPort' }),
), ),
SettingItem('正向 WebSocket 服务监听端口', null, SettingItem('正向 WebSocket 服务监听端口', null,
`<div class="q-input"><input class="q-input__inner" type="number" min="1" max="65534" value="${config.ob11.wsPort}" placeholder="${config.ob11.wsPort}" /></div>`, `<div class="q-input"><input class="q-input__inner" data-config-key="ob11.wsPort" type="number" min="1" max="65534" value="${config.ob11.wsPort}" placeholder="${config.ob11.wsPort}" /></div>`,
'config-ob11-wsPort', config.ob11.enableWs 'config-ob11-wsPort', config.ob11.enableWs
), ),
SettingItem('启用反向 WebSocket 服务', null, SettingItem('启用反向 WebSocket 服务', null,
@ -58,8 +58,8 @@ async function onSettingWindowCreated(view: Element) {
'<div></div>', '<div></div>',
'config-ob11-wsHosts', config.ob11.enableWsReverse 'config-ob11-wsHosts', config.ob11.enableWsReverse
), ),
SettingItem('Access token', null SettingItem('Access token', null,
`<div class="q-input"><input class="q-input__inner" type="text" value="${config.token}" placeholder="未设置" /></div>`, `<div class="q-input" style="width:210px;"><input class="q-input__inner" data-config-key="token" type="text" value="${config.token}" placeholder="未设置" /></div>`,
), ),
SettingItem( SettingItem(
'ffmpeg 路径', `${!isEmpty(config.ffmpeg) ? config.ffmpeg : '未指定'}`, 'ffmpeg 路径', `${!isEmpty(config.ffmpeg) ? config.ffmpeg : '未指定'}`,
@ -103,7 +103,7 @@ async function onSettingWindowCreated(view: Element) {
SettingItem( SettingItem(
'自动删除文件时间', '自动删除文件时间',
'单位为秒', '单位为秒',
`<div class="q-input"><input class="q-input__inner" type="number" min="1" value="${config.autoDeleteFileSecond}" placeholder="${config.autoDeleteFileSecond}" /></div>`, `<div class="q-input"><input class="q-input__inner" data-config-key="autoDeleteFileSecond" type="number" min="1" value="${config.autoDeleteFileSecond}" placeholder="${config.autoDeleteFileSecond}" /></div>`,
'config-auto-delete-file-second', config.autoDeleteFile 'config-auto-delete-file-second', config.autoDeleteFile
), ),
SettingItem( SettingItem(
@ -138,6 +138,17 @@ async function onSettingWindowCreated(view: Element) {
}); });
}); });
// 输入框
doc.querySelectorAll('setting-item .q-input input.q-input__inner[data-config-key]').forEach((dom: HTMLInputElement) => {
dom.addEventListener('input', () => {
const Type = dom.getAttribute('type');
const configKey = dom.dataset.configKey;
const configValue = Type === 'number' ? (parseInt(dom.value) >= 1 ? parseInt(dom.value) : 1) : dom.value;
setConfig(configKey, configValue);
});
});
doc.body.childNodes.forEach(node => { doc.body.childNodes.forEach(node => {
view.appendChild(node); view.appendChild(node);
}); });