roleypoly/v1
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly-v1.git synced 2025-06-16 02:19:08 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

MVP: finish give/remove roles practical example

Browse source
This commit is contained in:
Katalina / stardust 2017-12-23 04:31:52 -06:00
parent 3c545bdeaa
commit d1f556b0f0
6 changed files with 82 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

21
UI/src/components/role-picker/index.js
View file

@ -4,7 +4,7 @@ import superagent from 'superagent'
import * as Actions from './actions'
import './RolePicker.sass'
import Role from '../role'
import Category from './Category'
import { Scrollbars } from 'react-custom-scrollbars';
const mapState = ({ rolePicker, servers }, ownProps) => {
@ -28,7 +28,7 @@ class RolePicker extends Component {
}
}
isSelected (id) {
isSelected = id => {
return this.props.data.getIn([ 'rolesSelected', id ])
}
@ -62,27 +62,14 @@ class RolePicker extends Component {
<button disabled={!this.rolesHaveChanged} onClick={() => dispatch(Actions.resetSelected)} className="uk-button action__button secondary">
Reset
</button>
<button disabled={!this.rolesHaveChanged} onClick={() => dispatch(Actions.submitSelected(server.id))} className="uk-button action__button primary">
<button disabled={!this.rolesHaveChanged} onClick={() => dispatch(Actions.submitSelected(this.props.match.params.server))} className="uk-button action__button primary">
Save Changes
</button>
</div>
</div>
<div className="role-picker__categories">
{
vm.map((c, name) => {
if (c.get('hidden')) {
return null
}
return <div key={name} className="role-picker__category">
<h4>{ name }</h4>
{
c.get('roles_map').map((r, k) => {
return <Role key={k} role={r} selected={this.isSelected(r.get('id'))} onToggle={() => this.props.dispatch(Actions.roleUpdate(r.get('id'), this.isSelected(r.get('id'))))} />
}).toArray()
}
</div>
}).toArray()
vm.map((c, name) => <Category name={name} category={c} isSelected={this.isSelected} onChange={(roles) => dispatch(Actions.updateRoles(roles))} />).toArray()
}
</div>
</section>