open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Clamp number input from user

Browse Source
This commit is contained in:
Rob Garrison 2018-09-08 07:22:03 -05:00
parent 2291197277
commit 1a8d628be5
1 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
manage/config-dialog.js
View File

@ -310,11 +310,26 @@ function configDialog(style) {
function updateVarOnChange() {
this.va.value = this.type !== 'checkbox' ? this.value : this.checked ? '1' : '0';
if (this.type === 'number') {
this.value = this.va.value = clampValue(this.value, this.va.range);
}
if (this.type === 'range') {
$('.current-value', this.closest('.config-range')).textContent = this.va.value;
}
}
// Clamp input[type=number] to a valid range
function clampValue(value, [min = 0, max = 100, step]) {
if (value < min) {
return min;
} else if (value > max) {
return max;
}
const remainder = value % (step || 1);
// Don't restrict to integer values if step is undefined.
return typeof step !== 'undefined' && remainder !== 0 ? value - remainder : value;
}
function updateVarOnInput(event, debounced = false) {
if (debounced) {
event.target.dispatchEvent(new Event('change', {bubbles: true}));