2017-11-15 17:35:32 +01:00
|
|
|
/**
|
|
|
|
*
|
|
|
|
* Controller
|
|
|
|
*
|
|
|
|
*/
|
|
|
|
|
|
|
|
import React from 'react';
|
|
|
|
import PropTypes from 'prop-types';
|
2017-11-15 17:48:30 +01:00
|
|
|
import { get, map } from 'lodash';
|
2017-11-15 17:35:32 +01:00
|
|
|
|
2017-11-15 17:48:30 +01:00
|
|
|
import InputCheckbox from 'components/InputCheckbox';
|
2017-11-15 17:35:32 +01:00
|
|
|
import styles from './styles.scss';
|
|
|
|
|
2017-11-16 15:13:46 +01:00
|
|
|
class Controller extends React.Component {
|
|
|
|
state = { inputSelected: '' };
|
|
|
|
|
|
|
|
setNewInputSelected = (name) => this.setState({ inputSelected: name });
|
|
|
|
|
|
|
|
render() {
|
|
|
|
return (
|
|
|
|
<div className={styles.controller}>
|
|
|
|
<div className={styles.controllerHeader}>
|
|
|
|
<span>{this.props.name}</span>
|
|
|
|
</div>
|
|
|
|
<div className="row">
|
|
|
|
{map(Object.keys(this.props.actions).sort(), (actionKey) => (
|
|
|
|
<InputCheckbox
|
|
|
|
inputSelected={this.state.inputSelected}
|
|
|
|
key={actionKey}
|
|
|
|
label={actionKey}
|
|
|
|
name={`${this.props.inputNamePath}.controllers.${this.props.name}.actions.${actionKey}.enabled`}
|
|
|
|
setNewInputSelected={this.setNewInputSelected}
|
|
|
|
value={get(this.props.actions[actionKey], 'enabled')}
|
|
|
|
/>
|
|
|
|
))}
|
|
|
|
</div>
|
2017-11-15 17:35:32 +01:00
|
|
|
</div>
|
2017-11-16 15:13:46 +01:00
|
|
|
);
|
|
|
|
}
|
2017-11-15 17:35:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
Controller.defaultProps = {
|
|
|
|
actions: {},
|
2017-11-16 13:43:55 +01:00
|
|
|
inputNamePath: 'permissions.application',
|
2017-11-15 17:35:32 +01:00
|
|
|
name: '',
|
|
|
|
};
|
|
|
|
|
|
|
|
Controller.propTypes = {
|
|
|
|
actions: PropTypes.object,
|
2017-11-16 13:43:55 +01:00
|
|
|
inputNamePath: PropTypes.string,
|
2017-11-15 17:35:32 +01:00
|
|
|
name: PropTypes.string,
|
|
|
|
};
|
|
|
|
|
|
|
|
export default Controller;
|