this[`project-ref-${k}`] = el} className={`tableRow tableRow--data projectUsers`} key={k}>
-
- {
- u.role && u.role.map((r, l) => {
- return (
-
-
-
- {!state.isReadOnly ?
-
-
- Remove Role
-
- : null
- }
-
-
- )
- })
- }
- {!state.isReadOnly ?
-
-
- Add Role
-
- {
- (!(u.role && u.role.length)) ?
-
+
+
+ {!state.isReadOnly ? | : null}
+ User Name |
+ {
+ state.roles.map((r,i) => {
+ return {r} |
+ })
+ }
+
+
+
+ {
+ state.projectUsers.map((u,i)=> {
+ let userRoles = u.role.map((r) => {
+ return r.role;
+ })
+ return (
+
+ {!state.isReadOnly ?
- Remove User
- : null
- }
-
- : null
- }
+
+ | : null}
+
+ {u['user-name']}
+ |
+ {
+ state.roles.map((r,j) => {
+ return -1)} /> |
+ })
+ }
+
+ )
+ })
+ }
+
+
+
+
+ { false ?
+
+
+
+ User Name
+
+
+ Role
+
+
+ {
+ state.projectUsers && state.projectUsers.map((u, k) => {
+ return (
+
this[`project-ref-${k}`] = el} className={`tableRow tableRow--data projectUsers`} key={k}>
+
{u['user-name']}
+
+ {
+ u.role && u.role.map((r, l) => {
+ return (
+
+
+
+ {!state.isReadOnly ?
+
+
+ Remove Role
+
+ : null
+ }
+
+
+
+ )
+ })
+ }
+ {!state.isReadOnly ?
+
+
+ Add Role
+
+ {
+ (!(u.role && u.role.length)) ?
+
+
+ Remove User
+ : null
+ }
+
+ : null
+ }
+
-
- )
- })
- }
+ )
+ })
+ }
+
+ : null
+ }
{
!state.isReadOnly ?
@@ -350,7 +411,9 @@ class ProjectManagementDashboard extends React.Component {
onChange={this.actions.handleSelectedUser}
defaultValue={state.selectedUser}
initial={true}
- options={state.users && state.users.map((u) => {
+ options={state.users && state.users.filter((u) => {
+ return projectUsers.indexOf(u['user-name']) == -1
+ }).map((u) => {
return {
label: u['user-name'],
value: u