Contents

import React from 'react';
import PropTypes from 'prop-types';
import { translate as __ } from 'foremanReact/common/I18n';
import { LoadingState, Alert } from 'patternfly-react';
import { STATUS } from 'foremanReact/constants';
import HostItem from './components/HostItem';

const TargetingHosts = ({ status, items }) => {
  if (status === STATUS.ERROR) {
    return (
      <Alert type="error">
        {__(
          'There was an error while updating the status, try refreshing the page.'
        )}
      </Alert>
    );
  }

  return (
    <LoadingState loading={!items.length}>
      <div>
        <table className="table table-bordered table-striped table-hover">
          <thead>
            <tr>
              <th>{__('Host')}</th>
              <th>{__('Status')}</th>
              <th>{__('Actions')}</th>
            </tr>
          </thead>
          <tbody>
            {items.map(host => (
              <HostItem
                key={host.name}
                name={host.name}
                link={host.link}
                status={host.status}
                actions={host.actions}
              />
            ))}
          </tbody>
        </table>
      </div>
    </LoadingState>
  );
};

TargetingHosts.propTypes = {
  status: PropTypes.string.isRequired,
  items: PropTypes.array.isRequired,
};

export default TargetingHosts;

Version data entries

4 entries across 4 versions & 1 rubygems

Version	Path
foreman_remote_execution-3.3.5	webpack/react_app/components/TargetingHosts/TargetingHosts.js
foreman_remote_execution-3.3.4	webpack/react_app/components/TargetingHosts/TargetingHosts.js
foreman_remote_execution-3.3.3	webpack/react_app/components/TargetingHosts/TargetingHosts.js
foreman_remote_execution-3.3.2	webpack/react_app/components/TargetingHosts/TargetingHosts.js