github/lidarr
1
0
Fork 0
mirror of https://github.com/lidarr/lidarr.git synced 2025-07-11 15:47:09 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Fixed: Additional UI number input fixes

Browse source
This commit is contained in:
Qstick 2018-01-26 22:00:32 -05:00
parent 8cb8059b2f
commit b5339b75ff
3 changed files with 29 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

30
frontend/src/Components/Form/NumberInput.js
View file

@ -8,24 +8,36 @@ class NumberInput extends Component {
// Listeners
onChange = ({ name, value }) => {
const {
min,
max
} = this.props;
let newValue = null;
if (value) {
newValue = this.props.isFloat ? parseFloat(value) : parseInt(value);
}
if (min != null && newValue < min) {
this.props.onChange({
name,
value: newValue
});
}
onBlur = () => {
const {
name,
value,
min,
max,
onChange
} = this.props;
let newValue = value;
if (min != null && newValue != null && newValue < min) {
newValue = min;
} else if (max != null && newValue > max) {
} else if (max != null && newValue != null && newValue > max) {
newValue = max;
}
this.props.onChange({
onChange({
name,
value: newValue
});
@ -44,12 +56,14 @@ class NumberInput extends Component {
type="number"
{...otherProps}
onChange={this.onChange}
onBlur={this.onBlur}
/>
);
}
}
NumberInput.propTypes = {
name: PropTypes.string.isRequired,
value: PropTypes.number,
min: PropTypes.number,
max: PropTypes.number,