rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-02-10 00:50:43 +01:00
Code Issues Packages Projects Releases Wiki Activity

better manual input for normal sliders

Browse Source
This commit is contained in:
RossAscends 2023-12-01 11:39:37 +09:00
parent 1ce009b84e
commit c050f2c44d
1 changed files with 122 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
public/script.js
View File

@ -9306,9 +9306,65 @@ jQuery(async function () {
}
});
let manualInputTimeout;
$(document).on('input', '.range-block-counter input, .neo-range-input', function () {
var isManualInput = false
var valueBeforeManualInput
$('.range-block-counter input, .neo-range-input').on('click', function () {
valueBeforeManualInput = $(this).val()
console.log(valueBeforeManualInput)
})
.on('keydown', function (e) {
const masterSelector = "#" + $(this).data('for');
const masterElement = $(masterSelector);
if (e.key === 'Enter') {
let manualInput = parseFloat($(this).val())
if (isManualInput) {
//disallow manual inputs outside acceptable range
if (manualInput >= $(this).attr('min') && manualInput <= $(this).attr('max')) {
//if value is ok, assign to slider and update handle text and position
//newSlider.val(manualInput)
//handleSlideEvent.call(newSlider, null, { value: parseFloat(manualInput) }, 'manual');
valueBeforeManualInput = manualInput
$(masterElement).val($(this).val()).trigger('input')
} else {
//if value not ok, warn and reset to last known valid value
toastr.warning(`Invalid value. Must be between ${$(this).attr('min')} and ${$(this).attr('max')}`)
console.log(valueBeforeManualInput)
//newSlider.val(valueBeforeManualInput)
$(this).val(valueBeforeManualInput)
}
}
}
})
.on('keyup', function () {
valueBeforeManualInput = $(this).val()
console.log(valueBeforeManualInput)
isManualInput = true
})
//trigger slider changes when user clicks away
.on('mouseup blur', function () {
const masterSelector = "#" + $(this).data('for');
const masterElement = $(masterSelector);
let manualInput = parseFloat($(this).val())
if (isManualInput) {
//if value is between correct range for the slider
if (manualInput >= $(this).attr('min') && manualInput <= $(this).attr('max')) {
valueBeforeManualInput = manualInput
//set the slider value to input value
$(masterElement).val($(this).val()).trigger('input')
} else {
//if value not ok, warn and reset to last known valid value
toastr.warning(`Invalid value. Must be between ${$(this).attr('min')} and ${$(this).attr('max')}`)
console.log(valueBeforeManualInput)
$(this).val(valueBeforeManualInput)
}
}
isManualInput = false
})
/*
let manualInputTimeout;
.on('input', '.range-block-counter input, .neo-range-input', function () {
clearTimeout(manualInputTimeout);
manualInputTimeout = setTimeout(() => {
const caretPosition = saveCaretPosition($(this).get(0));
@ -9375,8 +9431,8 @@ jQuery(async function () {
}
restoreCaretPosition($(this).get(0), caretPosition);
}, 2000);
});
}, 2000); */
//});
$(".user_stats_button").on('click', function () {
userStatsHandler();