75 lines
2.0 KiB
JavaScript
Raw Normal View History

/**
*
* EditForm
*
*/
import React from 'react';
// Uncomment to use PropTypes
import Input from 'components/Input';
// import PropTypes from 'prop-types';
import styles from './styles.scss';
class EditForm extends React.Component { // eslint-disable-line react/prefer-stateless-function
state = { value: false }
handleChange = ({target}) => {
this.setState({ value: target.value });
}
render() {
return (
<div className={styles.editForm}>
<div className="row">
<Input
label="users-permissions.EditForm.inputToggle.label"
inputDescription="users-permissions.EditForm.inputToggle.description"
name="uniqueAccount"
onChange={this.handleChange}
type="toggle"
value={this.state.value}
validations={{}}
/>
</div>
<div className={styles.separator} />
<div className="row">
<Input
customBootstrapClass="col-md-3"
label="users-permissions.EditForm.inputSelect.subscriptions.label"
inputDescription="users-permissions.EditForm.inputSelect.subscriptions.description"
name="subscriptions"
onChange={() => console.log('change')}
type="select"
value={'100'}
selectOptions={[ { value: '100' }, { value: '200' }]}
validations={{}}
/>
<div className="col-md-3" />
<Input
customBootstrapClass="col-md-3"
label="users-permissions.EditForm.inputSelect.durations.label"
inputDescription="users-permissions.EditForm.inputSelect.durations.description"
name="durations"
onChange={() => console.log('change')}
type="select"
value={'24'}
selectOptions={[ { value: '24' }, { value: '48' }]}
validations={{}}
/>
</div>
</div>
);
}
}
// Uncomment to use PropTypes
// EditForm.proptypes = {
// foo: PropTypes.string,
// };
export default EditForm;