beginEditing: this.props.beginEditing,
delete: this.props.delete,
}
- const tokenList = <TableList titles={['Token Name', 'Policies']}>
- {this.props.tokens.map(item => <GrantListItem key={item.id} item={item} {...itemProps} />)}
+ const tokenList = <TableList titles={['Token Name', 'Token']}>
+ {(this.props.tokens || []).map(item => <GrantListItem key={item.id} item={item} {...itemProps} />)}
</TableList>
- const certList = <TableList titles={['Certificate', 'Policies']}>
- {this.props.certs.map(item => <GrantListItem key={item.id} item={item} {...itemProps} />)}
- </TableList>
+ // const certList = <TableList titles={['Certificate', 'Policies']}>
+ // {this.props.certs.map(item => <GrantListItem key={item.id} item={item} {...itemProps} />)}
+ // </TableList>
return (<div>
<PageTitle title='Access control' />
{tokenList}
</div>}
- {this.props.certificatesSelected && <div>
- <button
- className={`btn btn-primary ${styles.newBtn}`}
- onClick={this.props.showAddCertificate}>
- + Register certificate
- </button>
+ {/*{this.props.certificatesSelected && <div>*/}
+ {/*<button*/}
+ {/*className={`btn btn-primary ${styles.newBtn}`}*/}
+ {/*onClick={this.props.showAddCertificate}>*/}
+ {/*+ Register certificate*/}
+ {/*</button>*/}
- {certList}
- </div>}
+ {/*{certList}*/}
+ {/*</div>}*/}
</PageContent>
</div>)
}
}
const mapStateToProps = (state, ownProps) => {
- const items = state.accessControl.ids.map(id => state.accessControl.items[id])
+ const items = state.accessControl.tokens
const tokensSelected = ownProps.location.query.type == 'token'
const certificatesSelected = ownProps.location.query.type != 'token'
return {
- tokens: items.filter(item => item.guardType == 'access_token'),
- certs: items.filter(item => item.guardType == 'x509'),
+ tokens: items,
+ certs: items,
tokensSelected,
certificatesSelected,
tokensButtonStyle: tokensSelected && styles.active,
import React from 'react'
import PropTypes from 'prop-types'
-import { isAccessToken, getPolicyNames } from 'features/accessControl/selectors'
-import EditPolicies from './EditPolicies'
-import { isArray } from 'lodash'
+// import { isAccessToken, getPolicyNames } from 'features/accessControl/selectors'
+// import EditPolicies from './EditPolicies'
+// import { isArray } from 'lodash'
+import styles from './GrantListItem.scss'
class GrantListItem extends React.Component {
render() {
const item = this.props.item
- let desc
- if (isAccessToken(item)) {
- desc = item.guardData.id
- } else { // x509
- const subject = item.guardData.subject
- desc = <div>
- {Object.keys(subject).map(field =>
- <div key={`${item.id}-${field}`}>
- {field.toUpperCase()}:
- {' '}
- {isArray(subject[field])
- ? subject[field].join(', ')
- : subject[field]}
- </div>
- )}
- </div>
- }
+ // let desc
+ // if (isAccessToken(item)) {
+ // desc = item.guardData.id
+ // } else { // x509
+ // const subject = item.guardData.subject
+ // desc = <div>
+ // {Object.keys(subject).map(field =>
+ // <div key={`${item.id}-${field}`}>
+ // {field.toUpperCase()}:
+ // {' '}
+ // {isArray(subject[field])
+ // ? subject[field].join(', ')
+ // : subject[field]}
+ // </div>
+ // )}
+ // </div>
+ // }
return(
<tr>
- <td>{desc}</td>
+ <td>{item.id}</td>
+ {/*{!item.isEditing && <td>*/}
+ {/*{getPolicyNames(item).map(name =>*/}
+ {/*<span key={`${item.id}-${name}`}>{name}<br /></span>*/}
+ {/*)}*/}
+ {/*</td>}*/}
+ <td className={`${styles.tdWrap}`}>{item.token}</td>
{!item.isEditing && <td>
- {getPolicyNames(item).map(name =>
- <span key={`${item.id}-${name}`}>{name}<br /></span>
- )}
- </td>}
- {!item.isEditing && <td>
- <button className='btn btn-link' onClick={this.props.beginEditing.bind(this, item.id)}>
- Edit
- </button>
+ {/*<button className='btn btn-link' onClick={this.props.beginEditing.bind(this, item.id)}>*/}
+ {/*Edit*/}
+ {/*</button>*/}
- {isAccessToken(item) && <button className='btn btn-link' onClick={this.props.delete.bind(this, item)}>
+ {<button className='btn btn-link' onClick={this.props.delete.bind(this, item)}>
Delete
</button>}
</td>}
- {item.isEditing && <td colSpan='2'>
- <EditPolicies item={item}/>
- </td>}
+ {/*{item.isEditing && <td colSpan='2'>*/}
+ {/*<EditPolicies item={item}/>*/}
+ {/*</td>}*/}
</tr>
)
}