\n \n {false === this.props.permissions.get('loading') &&\n // don't render until permission finished loading otherwise the\n // table will redraw after and the columns will be the wrong width\n (tableData.length > 0 ? (\n {\n if (!params.value) {\n return ''\n }\n\n return (\n \n )\n },\n },\n assignment: { hide: true },\n }}\n />\n ) : (\n (No Users assigned)\n ))}\n
\n \n )\n }\n\n render() {\n return (\n \n {this.renderTopPart()}\n {this.renderTable()}\n
\n )\n }\n}\n\nRoleUsers.propTypes = {\n allUsers: ImmutablePropTypes.map,\n assignUserToRole: PropTypes.func,\n assignUserToRoleErrorClear: PropTypes.func,\n roleDetails: ImmutablePropTypes.contains({\n srn: PropTypes.string,\n roleAssignments: ImmutablePropTypes.contains({\n items: ImmutablePropTypes.listOf(\n ImmutablePropTypes.contains({\n scope: PropTypes.string,\n users: ImmutablePropTypes.contains({\n items: ImmutablePropTypes.listOf(\n ImmutablePropTypes.contains({\n name: PropTypes.string,\n })\n ),\n }),\n })\n ),\n }),\n }),\n roleAssignment: ImmutablePropTypes.map,\n roles: ImmutablePropTypes.iterable,\n roleUnassignment: ImmutablePropTypes.contains({\n inProgress: PropTypes.bool,\n error: PropTypes.bool,\n }),\n push: PropTypes.func,\n swimlanes: ImmutablePropTypes.map,\n unassignUsersFromRole: PropTypes.func,\n usersloading: PropTypes.bool,\n\n // ~ from permissionChecker hoc ~\n permissions: ImmutablePropTypes.contains({\n loading: PropTypes.bool,\n }),\n userHasPermission: PropTypes.func.isRequired,\n userData: ImmutablePropTypes.map,\n currentUser: PropTypes.string,\n}\n\nexport default permissionChecker(RoleUsers)\n","import React, { Component } from 'react'\nimport PropTypes from 'prop-types'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport { List } from 'immutable'\n\nimport Breadcrumb, { BreadcrumbItem } from 'components/Breadcrumb'\nimport DynamicFormattedMessage from 'components/DynamicFormattedMessage'\nimport NodeViewTabs from 'components/NodeView/NodeViewTabs'\nimport SectionHeader from 'components/SectionHeader'\nimport TextLink from 'components/TextLink'\nimport RolePermissions from './RolePermissions'\nimport RoleUsers from './RoleUsers'\nimport { Helmet } from 'react-helmet'\nimport { getNameForHelmet } from 'utils/sonraiUtils'\nimport BorderedCard from 'components/BorderedCard'\nimport permissionChecker from 'containers/PermissionChecker'\nimport messages from './messages'\n\nconst TAB_PERMS = 'TAB_PERMS'\nconst TAB_USERS = 'TAB_USERS'\nconst TABS = [TAB_PERMS, TAB_USERS]\n\n/**\n * this component is container for role information, Permission/User tabs\n */\nclass RoleDetails extends Component {\n constructor(props) {\n super(props)\n this.state = {\n activeTab: TAB_PERMS,\n }\n this.styles = {\n body: {\n height: '100%',\n },\n bodyCard: {\n height: '100%',\n },\n container: {\n height: '100%',\n padding: '1rem',\n display: 'grid',\n gridTemplateRows: 'auto auto 1fr',\n },\n breadcrumbs: {\n fontSize: '1rem',\n margin: '0rem 0rem 0.5rem 0rem',\n },\n title: {\n fontSize: '1.5rem',\n fontWeight: '400',\n height: '2rem',\n },\n headerContainer: {\n marginBottom: '12px',\n },\n tabContent: {\n background: 'white',\n borderLeft: '1px solid #ccc',\n borderRight: '1px solid #ccc',\n borderBottom: '1px solid #ccc',\n padding: '1em 2em',\n minHeight: '100%',\n },\n }\n }\n\n handleChangeTab = tabIndex => {\n this.setState({ activeTab: TABS[tabIndex] })\n }\n\n renderNavContext = () => {\n return (\n \n \n \n \n \n \n \n \n \n \n \n
\n )\n }\n\n renderHeader = () => {\n return (\n \n \n {this.props.roleDetails.get('name')}\n \n {this.props.roleDetails.get('description')}
\n \n )\n }\n\n renderBody = () => {\n return (\n \n \n \n {this.props.userHasPermission({\n permissionName: 'edit.roleassignments',\n }) ? (\n \n \n ) : null}\n \n )\n }\n\n render() {\n return (\n \n
\n {this.renderNavContext()}\n
\n
{this.renderHeader()}
\n
\n {this.renderBody()}\n
\n
\n
\n {this.renderBody()}\n
\n )\n }\n}\n\nRoleDetailsPage.propTypes = {\n // ~ bound action creators ~\n assignUserToRole: PropTypes.func.isRequired,\n assignUserToRoleErrorClear: PropTypes.func.isRequired,\n unassignUsersFromRole: PropTypes.func.isRequired,\n push: PropTypes.func,\n\n // ~ props from redux store ~\n allUsers: ImmutablePropTypes.map,\n roleDetails: ImmutablePropTypes.map,\n roleAssignment: ImmutablePropTypes.map.isRequired,\n roleUnassignment: ImmutablePropTypes.map,\n roles: ImmutablePropTypes.iterable,\n swimlanes: ImmutablePropTypes.map,\n currentUser: PropTypes.string,\n usersloading: PropTypes.bool,\n}\n\nconst mapStateToProps = createStructuredSelector({\n currentUser: selectSonraiUserSrn,\n allUsers: selectSonraiUsers,\n usersloading: selectSonraiUsersLoading,\n roleDetails: selectRole,\n roleAssignment: selectRoleAssignment,\n roleUnassignment: selectRoleUnassignment,\n swimlanes: selectSwimlanes,\n roles: selectAllRoles,\n})\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n assignUserToRole,\n assignUserToRoleErrorClear,\n unassignUsersFromRole,\n push,\n },\n dispatch\n )\n}\n\nconst withConnect = connect(mapStateToProps, mapDispatchToProps)\n\nconst withReducer = injectReducer({ key: 'roleDetails', reducer })\nconst withSaga = injectSaga({\n key: 'roleDetails',\n saga: sagas,\n mode: DAEMON,\n})\n\nexport default compose(withConnect, withSaga, withReducer)(RoleDetailsPage)\n"],"sourceRoot":""}