diff options
| author | Sam Wilkins <samwilkins333@gmail.com> | 2020-02-11 06:21:39 -0500 |
|---|---|---|
| committer | Sam Wilkins <samwilkins333@gmail.com> | 2020-02-11 06:21:39 -0500 |
| commit | 4af6916f1f68b879e11e38b4d2a3f9a0708ac979 (patch) | |
| tree | 22622ff41f8d16a15fdd475a85a556dfc2309f79 /src/client/views/nodes/SliderBox.tsx | |
| parent | 3817c901191e73c8c141a52e202ded0fd12abf6c (diff) | |
factored out image resizing, fixed back button, importer script, tooltips on range sliders
Diffstat (limited to 'src/client/views/nodes/SliderBox.tsx')
| -rw-r--r-- | src/client/views/nodes/SliderBox.tsx | 27 |
1 files changed, 16 insertions, 11 deletions
diff --git a/src/client/views/nodes/SliderBox.tsx b/src/client/views/nodes/SliderBox.tsx index 2c9effe24..844d95d11 100644 --- a/src/client/views/nodes/SliderBox.tsx +++ b/src/client/views/nodes/SliderBox.tsx @@ -50,11 +50,11 @@ export class SliderBox extends DocComponent<FieldViewProps, SliderDocument>(Slid onChange = (values: readonly number[]) => runInAction(() => { this.Document._sliderMinThumb = values[0]; this.Document._sliderMaxThumb = values[1]; - Cast(this.Document.onThumbChanged, ScriptField, null)?.script.run({ range: values, this: this.props.Document }) + Cast(this.Document.onThumbChanged, ScriptField, null)?.script.run({ range: values, this: this.props.Document }); }) render() { - const domain = [NumCast(this.props.Document._sliderMin), NumCast(this.props.Document._sliderMax)] + const domain = [NumCast(this.props.Document._sliderMin), NumCast(this.props.Document._sliderMax)]; const defaultValues = [NumCast(this.props.Document._sliderMinThumb), NumCast(this.props.Document._sliderMaxThumb)]; return ( <div className="sliderBox-outerDiv" onContextMenu={this.specificContextMenu} onPointerDown={e => e.stopPropagation()} @@ -76,15 +76,20 @@ export class SliderBox extends DocComponent<FieldViewProps, SliderDocument>(Slid <Handles> {({ handles, activeHandleID, getHandleProps }) => ( <div className="slider-handles"> - {handles.map(handle => ( - <Handle - key={handle.id} - handle={handle} - domain={domain} - isActive={handle.id === activeHandleID} - getHandleProps={getHandleProps} - /> - ))} + {handles.map((handle, i) => { + const value = i === 0 ? this.Document._sliderMinThumb : this.Document._sliderMaxThumb; + return ( + <div title={String(value)}> + <Handle + key={handle.id} + handle={handle} + domain={domain} + isActive={handle.id === activeHandleID} + getHandleProps={getHandleProps} + /> + </div> + ); + })} </div> )} </Handles> |