andras/fleeting-garden
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix slider

Browse source
This commit is contained in:
Andras Schmelczer 2023-05-27 19:50:02 +01:00
parent 3084ede26d
commit 14d31b9e19
No known key found for this signature in database
GPG key ID: FC8F2C3D3D1A718C
1 changed files with 4 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/utils/settings-slider.ts
View file

@ -17,7 +17,7 @@ export interface SliderConfiguration {
}
export class SettingsSlider<T extends Record<string, number>> {
private static readonly DEFAULT_STEP_COUNT = 200;
private static readonly DEFAULT_STEP_COUNT = 20000;
private readonly slider: HTMLInputElement;
private readonly valueDisplay: HTMLSpanElement;
@ -89,6 +89,7 @@ export class SettingsSlider<T extends Record<string, number>> {
this.settings[this.settingName] = this.config.rounding(
this.inverseScaling(Number(this.slider.value))
) as any;
this.config.onChangeCallback?.(this.settings[this.settingName]);
this.valueDisplay.innerText = formatNumber(
this.settings[this.settingName],
@ -101,16 +102,14 @@ export class SettingsSlider<T extends Record<string, number>> {
if (this.config.step === undefined) {
this.config.step =
this.scaling(this.config.max - this.scaling(this.config.min)) /
(this.scaling(this.config.max) - this.scaling(this.config.min)) /
SettingsSlider.DEFAULT_STEP_COUNT;
}
this.slider.value = this.scaling(this.settings[this.settingName]).toString();
this.slider.min = this.scaling(this.config.min).toString();
this.slider.max = this.scaling(this.config.max).toString();
this.slider.step = this.config.step.toString();
this.slider.value = this.scaling(this.settings[this.settingName]).toString();
this.onChange();
}