Sha256: 04e0814268c17daf13ae8617c6f0559ebe3e8814d4c7e0d279d7baacde4b13ab
Contents?: true
Size: 1.32 KB
Versions: 41
Compression:
Stored size: 1.32 KB
Contents
import React from 'react';
import PropTypes from 'prop-types';
import { ListView, LoadingState } from 'patternfly-react';
import PaginationWrapper from 'foremanReact/components/Pagination/PaginationWrapper';
import AnsibleRole from './AnsibleRole';
const AvailableRolesList = ({
unassignedRoles,
pagination,
itemCount,
onListingChange,
onAddRole,
loading,
}) => (
<ListView>
<div className="sticky-pagination">
<PaginationWrapper
viewType="list"
itemCount={itemCount}
pagination={pagination}
onChange={onListingChange}
dropdownButtonId="available-ansible-roles-pagination-row-dropdown"
/>
</div>
<LoadingState loading={loading}>
{unassignedRoles.map(role => (
<AnsibleRole
key={role.id}
role={role}
icon="fa fa-plus-circle"
onClick={onAddRole}
/>
))}
</LoadingState>
</ListView>
);
AvailableRolesList.propTypes = {
unassignedRoles: PropTypes.arrayOf(PropTypes.object).isRequired,
pagination: PropTypes.shape({
page: PropTypes.number,
perPage: PropTypes.number,
}).isRequired,
itemCount: PropTypes.number.isRequired,
onListingChange: PropTypes.func.isRequired,
onAddRole: PropTypes.func.isRequired,
loading: PropTypes.bool.isRequired,
};
export default AvailableRolesList;
Version data entries
41 entries across 41 versions & 1 rubygems