MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-01-25 21:53:17 -05:00
Code Issues Packages Projects Releases Wiki Activity

[web] Allow only numerical values in the integer input field

Browse Source
This commit is contained in:
Alain Nussbaumer 2024-04-15 22:38:32 +02:00
parent 72454de4ef
commit a2dd2251c9
1 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
web-src/src/components/SettingsIntfield.vue
View File

@ -13,7 +13,7 @@
<input
ref="setting"
class="column input is-one-fifth"
type="number"
inputmode="numeric"
min="0"
:placeholder="placeholder"
:value="value"
@ -84,29 +84,27 @@ export default {
clear_status() {
this.statusUpdate = ''
},
set_update_timer() {
set_update_timer(event) {
event.target.value = event.target.value.replace(/[^0-9]/gu, '')
if (this.timerId > 0) {
window.clearTimeout(this.timerId)
this.timerId = -1
}
this.statusUpdate = ''
const newValue = this.$refs.setting.value
if (newValue !== this.value) {
this.timerId = window.setTimeout(this.update_setting, this.timerDelay)
}
this.timerId = window.setTimeout(this.update_setting, this.timerDelay)
},
update_setting() {
this.timerId = -1
const newValue = this.$refs.setting.value
if (newValue === this.value) {
const newValue = parseInt(this.$refs.setting.value, 10)
if (isNaN(newValue) || newValue === this.value) {
this.statusUpdate = ''
return
}
const option = {
category: this.category.name,
name: this.option_name,
value: parseInt(newValue, 10)
value: newValue
}
webapi
.settings_update(this.category.name, option)