Sha256: d91cf340d7dcd75050f24a8da0d952835c4036fb96f3b05ff53d50c8b381817a
Contents?: true
Size: 1.78 KB
Versions: 6
Compression:
Stored size: 1.78 KB
Contents
import React from 'react';
import { ListView } from 'patternfly-react';
import PaginationWrapper from 'foremanReact/components/Pagination/PaginationWrapper';
import { reject } from 'lodash';
import PropTypes from 'prop-types';
import AnsibleRole from './AnsibleRole';
const AssignedRolesList = ({
assignedRoles,
pagination,
itemCount,
onPaginationChange,
onRemoveRole,
resourceName,
}) => {
const directlyAssignedRoles = reject(assignedRoles, role => role.inherited);
return (
<div>
<ListView>
<div className="sticky-pagination sticky-pagination-grey">
<PaginationWrapper
viewType="list"
itemCount={itemCount}
pagination={pagination}
onChange={onPaginationChange}
dropdownButtonId="assigned-ansible-roles-pagination-row-dropdown"
/>
</div>
{assignedRoles.map(role => (
<AnsibleRole
key={role.id}
role={role}
icon="fa fa-minus-circle"
onClick={onRemoveRole}
resourceName={resourceName}
/>
))}
</ListView>
<div>
{directlyAssignedRoles.map(role => (
<input
key={role.id}
type="hidden"
name={`${resourceName}[ansible_role_ids][]`}
value={role.id}
/>
))}
</div>
</div>
);
};
AssignedRolesList.propTypes = {
assignedRoles: PropTypes.arrayOf(PropTypes.object).isRequired,
pagination: PropTypes.shape({
page: PropTypes.number,
perPage: PropTypes.number,
}).isRequired,
itemCount: PropTypes.number.isRequired,
onPaginationChange: PropTypes.func.isRequired,
onRemoveRole: PropTypes.func.isRequired,
resourceName: PropTypes.string.isRequired,
};
export default AssignedRolesList;
Version data entries
6 entries across 6 versions & 1 rubygems