Spaces:
Running
Running
File size: 2,454 Bytes
f2bee8a |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 |
import bindAll from 'lodash.bindall';
import PropTypes from 'prop-types';
import React from 'react';
import DirectionComponent, {RotationStyles} from '../components/direction-picker/direction-picker.jsx';
class DirectionPicker extends React.Component {
constructor (props) {
super(props);
bindAll(this, [
'handleOpenPopover',
'handleClosePopover',
'handleClickLeftRight',
'handleClickDontRotate',
'handleClickAllAround',
'handleClickUpDown',
'handleClickLookAt'
]);
this.state = {
popoverOpen: false
};
}
handleOpenPopover () {
this.setState({popoverOpen: true});
}
handleClosePopover () {
this.setState({popoverOpen: false});
}
handleClickAllAround () {
this.props.onChangeRotationStyle(RotationStyles.ALL_AROUND);
}
handleClickLookAt () {
this.props.onChangeRotationStyle(RotationStyles.LOOK_AT);
}
handleClickLeftRight () {
this.props.onChangeRotationStyle(RotationStyles.LEFT_RIGHT);
}
handleClickUpDown () {
this.props.onChangeRotationStyle(RotationStyles.UP_DOWN);
}
handleClickDontRotate () {
this.props.onChangeRotationStyle(RotationStyles.DONT_ROTATE);
}
render () {
return (
<DirectionComponent
direction={this.props.direction}
disabled={this.props.disabled}
labelAbove={this.props.labelAbove}
popoverOpen={this.state.popoverOpen && !this.props.disabled}
rotationStyle={this.props.rotationStyle}
onChangeDirection={this.props.onChangeDirection}
onClickAllAround={this.handleClickAllAround}
onClickDontRotate={this.handleClickDontRotate}
onClickLeftRight={this.handleClickLeftRight}
onClickLookAt={this.handleClickLookAt}
onClickUpDown={this.handleClickUpDown}
onClosePopover={this.handleClosePopover}
onOpenPopover={this.handleOpenPopover}
/>
);
}
}
DirectionPicker.propTypes = {
direction: PropTypes.number,
disabled: PropTypes.bool,
labelAbove: PropTypes.bool,
onChangeDirection: PropTypes.func,
onChangeRotationStyle: PropTypes.func,
rotationStyle: PropTypes.string
};
export default DirectionPicker;
|