foreman_patch 1.1.6.alpha5 → 1.2.0.alpha1

data/webpack/components/common/Table/index.js

@@ -1,28 +0,0 @@
-import React, { useCallback, useRef } from 'react';
-import PropTypes from 'prop-types';
-import { useDispatch } from 'react-redux';
-import { PaginationVariant, Flex, FlexItem } from '@patternfly/react-core';
-
-import { STATUS } from 'foremanReact/constants';
-import { useForemanSettings } from 'foremanReact/Root/Context/ForemanContext';
-import { translate as __ } from 'foremanReact/common/I18n';
-
-import { SelectAllCheckbox }
-
-const TableWrapper = ({
-
-}) => {
-    const dispatch = useDispatch();
-
-    return (
-        <>
-            <Flex style={{ alignItems: 'center' }} className="margin-16-24">
-                { displaySelectAllCheckbox && !hideToolbar && 
-                    <FlexItem alignSelf={{ default: 'alignSelfCenter' }}>
-                        <SelectAllCheckbox
-                    </FlexItem>
-                }
-            </Flex>
-        </>
-    );
-}

data/webpack/global_index.js

@@ -1,16 +0,0 @@
-import { registerReducer } from 'foremanReact/common/MountingService';
-import { addGlobalFill } from 'foremanReact/components/common/Fill/GlobalFill';
-import { registerRoutes } from 'foremanReact/routes/RoutingService';
-import Routes from './src/Router/routes';
-import reducers from './src/reducers';
-
-// register reducers
-Object.entries(reducers).forEach(([key, reducer]) =>
-    registerReducer(key, reducer)
-);
-
-// register client routes
-registerRoutes('ForemanPatch', Routes);
-
-// register fills for extending foreman core
-//addGlobalFill('host-overview-cards', 'Patching Details', );

data/webpack/src/Components/Invocation/Invocation.js

@@ -1,67 +0,0 @@
-import React, { useRef, useState, useMemo } from 'react';
-import PropTypes from 'prop-types';
-import { translate as __ } from 'foremanReact/common/I18n';
-
-const Invocation = ({ events, status }) => {
-  const viewerRef = useRef();
-  const [isStderrVisible, setStderrVisible] = useState(true);
-  const [isStdoutVisible, setStdoutVisible] = useState(true);
-  const [isDebugVisible, setDebugVisible] = useState(false);
-  const [followStatus, setFollowStatus] = useState(status === 'running' ? 'active' : 'disabled');
-
-  const lines = useMemo(() => {
-    return events.flatMap(event => (
-      event.event.replace(/\r\n/, "\n").replace(/\n$/, '').split("\n").map(line => (
-        { event_type: event.event_type, event: line, timestamp: event.timestamp }
-      )).filter((event) => (
-        (event.event_type === 'stdout' && isStdoutVisible) ||
-        (event.event_type === 'stderr' && isStderrVisible) ||
-        (event.event_type === 'debug' && isDebugVisible)
-      ))
-    ));
-  }, [events, isStderrVisible, isStdoutVisible, isDebugVisible]);
-
-  const onScroll = ({ scrollDirection, scrollOffsetToBottom, scrollUpdateWasRequested }) => {
-    if (!scrollUpdateWasRequested) {
-      if (scrollOffsetToBottom < 1) {
-        setFollowStatus('active');
-      } else if (scrollDirection === 'backward') {
-        setFollowStatus('paused');
-      }
-    }
-  };
-
-  return (
-    <LogViewer
-      ref={viewerRef}
-      theme='dark'
-      data={lines}
-      toolbar={<InvocationLogToolbar
-        isDebugVisible={isDebugVisible}
-        setDebugVisible={setDebugVisible}
-        isStderrVisible={isStderrVisible}
-        setStderrVisible={setStderrVisible}
-        isStdoutVisible={isStderrVisible}
-        setStdoutVisible={setStdoutVisible}
-      />}
-      footer={<InvocationLogFooter followStatus={followStatus} setFollowStatus={setFollowStatus} />}
-      onScroll={onScroll}
-    />
-  );
-};
-
-Invocation.propTypes = {
-  events: PropTypes.arrayOf(PropTypes.shape({
-    event_type: PropTypes.string.isRequired,
-    event: PropTypes.string.isRequired,
-    timestamp: PropTypes.string.isRequired,
-  })),
-  status: PropTypes.string,
-};
-
-Invocation.defaultProps = {
-  events: [],
-  status: 'pending',
-};
-
-export default Invocation;

data/webpack/src/Components/Invocation/InvocationLogFooter.js

@@ -1,30 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { translate as __ } from 'foremanReact/common/I18n';
-import { OutlinedPlayCircleIcon } from '@patternfly/react-icons';
-import { Button } from '@patternfly/react-core';
-import classNames from 'classnames';
-
-const InvocationFooter = ({ followStatus, setFollowStatus }) => {
-  const resumeFollowing = () => setFollowStatus('active');
-
-  return (
-    <Button className={classNames('invocation__footer', {
-      'invocation__footer--hidden': followStatus !== 'paused',
-    })} onClick={resumeFollowing} isBlock >
-      <OutlinedPlayCircleIcon />
-      &nbsp{__('Resume following')}
-    </Button>
-  );
-};
-
-InvocationFooter.propTypes = {
-  followStatus: PropTypes.string,
-  setFollowStatus: PropTypes.func.isRequired,
-};
-
-InvocationFooter.defaultProps = {
-  followStatus: 'disabled',
-};
-
-export default InvocationFooter;

data/webpack/src/Components/Invocation/InvocationLogToolbar.js

@@ -1,80 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import {
-  Toolbar,
-  ToolbarContent,
-  ToolbarGroup,
-  ToolbarItem,
-  ToggleGroup,
-  ToggleGroupItem
-} from '@patternfly/react-core';
-import { LogViewerSearch } from '@patternfly/react-log-viewer';
-import { translate as __ } from 'foremanReact/common/I18n';
-
-const InvocationLogToolbar = ({
-  status,
-  isDebugVisible,
-  setDebugVisible,
-  isStderrVisible,
-  setStderrVisible,
-  isStdoutVisible,
-  setStdoutVisible,
-}) => {
-  return (
-    <Toolbar>
-      <ToolbarContent>
-        <ToolbarGroup alignment={{ default: 'alignLeft' }}>
-          <ToolbarItem>
-            <InvocationStatus status={status} />
-          </ToolbarItem>
-        </ToolbarGroup>
-        <ToolbarGroup alignement={{ default: 'alignRight' }}>
-          <ToolbarItem>
-            <LogViewerSearch placeholder={__('Search')} />
-          </ToolbarItem>
-          <ToolbarItem>
-            <ToggleGroup>
-              <ToggleGroupItem
-                text={__('Toggle STDERR')}
-                isSelected={isStderrVisible}
-                onChange={setStderrVisible}
-              />
-              <ToggleGroupItem
-                text={__('Toggle STDOUT')}
-                isSelected={isStdoutVisible}
-                onChange={setStdoutVisible}
-              />
-              <ToggleGroupItem
-                text={__('Toggle DEBUG')}
-                isSelected={isDebugVisible}
-                onChange={setDebugVisible}
-              />
-            </ToggleGroup>
-          </ToolbarItem>
-        </ToolbarGroup>
-      </ToolbarContent>
-    </Toolbar>
-  );
-};
-
-InvocationLogToolbar.propTypes = {
-  status: PropTypes.string,
-  isDebugVisible: PropTypes.bool,
-  setDebugVisible: PropTypes.func,
-  isStderrVisible: PropTypes.bool,
-  setStderrVisible: PropTypes.func,
-  isStdoutVisible: PropTypes.bool,
-  setStdoutVisible: PropTypes.func,
-};
-
-InvocationLogToolbar.defaultProps = {
-  status: 'pending',
-  isDebugVisible: false,
-  setDebugVisible: Function.prototype,
-  isStderrVisible: true,
-  setStderrVisible: Function.prototype,
-  isStdoutVisible: true,
-  setStdoutVisible: Function.prototype,
-};
-
-export default InvocationLogToolbar;

data/webpack/src/Components/Invocation/index.js

@@ -1,62 +0,0 @@
-import React, { useEffect } from 'react';
-import PropTypes from 'prop-types';
-import { useSelector, useDispatch } from 'react-redux';
-import { Alert } from '@patternfly/react-core';
-import { stopInterval } from 'foremanReact/redux/middlewares/IntervalMiddleware';
-import Invocation from './Invocation';
-import {
-  selectInvocation,
-  selectStatus,
-} from './InvocationSelectors';
-import { getData } from './InvocationActions';
-import { INVOCATION } from './InvocationConsts';
-import Loading from '../Loading';
-
-const WrappedInvocation = ({ id }) => {
-  const dispatch = useDispatch();
-  const invocation = useSelector(selectInvocation);
-  const loadingStatus = useSelector(selectStatus);
-
-  const isCompleted = () => {
-    const status = invocation.status;
-    return (status === 'error' || status === 'warning' || status === 'success' || status === 'cancelled');
-  };
-
-  useEffect(() => {
-    dispatch(getData(id));
-
-    return () => {
-      dispatch(stopInterval(INVOCATION));
-    };
-  }, [dispatch]);
-
-  useEffect(() => {
-    if (isCompleted()) {
-      dispatch(stopInterval(INVOCATION));
-    }
-  }, [state, dispatch]);
-
-  if (loadingStatus === STATUS.PENDING) {
-    return <Loading />;
-  }
-
-  if (loadingStatus === STATUS.ERROR) {
-    return (
-      <Alert type="error">
-        {__(
-          'There was an error while updating the status, try refreshing the page.'
-        )}
-      </Alert>
-    );
-  }
-
-  return (
-    <Invocation {...invocation} />
-  );
-};
-
-WrappedInvocation.propTypes = {
-  id: PropTypes.number.isRequired
-};
-
-export default WrappedInvocation;

data/webpack/src/Components/InvocationStatus.js

@@ -1,50 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import {
-  ExclamationCircleIcon,
-  ExclamationTriangleIcon,
-  CheckCircleIcon,
-  BanIcon,
-  InProgressIcon,
-  PendingIcon
-} from '@patternfly/react-icons';
-import { Label } from '@patternfly/react-core';
-
-const InvocationStatus = ({ status }) => {
-  switch (status) {
-    case 'error':
-      return (
-        <Label icon={<ExclamationCircleIcon />}>{__('failed')}</Label>
-      );
-    case 'warning':
-      return (
-        <Label icon={<ExclamationTriangleIcon />}>{__('warning')}</Label>
-      );
-    case 'success':
-      return (
-        <Label icon={<CheckCircleIcon />}>{__('success')}</Label>
-      );
-    case 'cancelled':
-      return (
-        <Label icon={<BanIcon />}>{__('success')}</Label>
-      );
-    case 'running':
-      return (
-        <Label icon={<InProgressIcon />}>{__('running')}</Label>
-      );
-    default:
-      return (
-        <Label icon={<PendingIcon />}>{__('pending')}</Label>
-      );
-  }
-};
-
-InvocationStatus.propTypes = {
-  status: PropTypes.string,
-};
-
-InvocationStatus.defaultProps = {
-  status: 'pending',
-};
-
-export default InvocationStatus;

data/webpack/src/Components/Loading.js

@@ -1,51 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import {
-  Bullseye,
-  Title,
-  EmptyState,
-  EmptyStateIcon,
-  Spinner,
-  Skeleton,
-} from '@patternfly/react-core';
-import { translate as __ } from 'foremanReact/common/I18n';
-
-const Loading = ({
-  size,
-  showText,
-  loadingText,
-  skeleton,
-}) => {
-  if (skeleton) {
-    return <Skeleton height="100%" />;
-  }
-
-  return (
-    <Bullseye>
-      <EmptyState>
-        <EmptyStateIcon size={size} variant="container" component={Spinner} />
-        {showText && (
-          <Title size={size} headingLevel="h4" ouiaId="loading-title">
-            {loadingText || __('Loading')}
-          </Title>
-        )}
-      </EmptyState>
-    </Bullseye>
-  );
-};
-
-Loading.propTypes = {
-  size: PropTypes.string,
-  showText: PropTypes.bool,
-  loadingText: PropTypes.string,
-  skeleton: PropTypes.bool,
-};
-
-Loading.defaultProps = {
-  size: 'lg',
-  showText: true,
-  loadingText: null,
-  skeleton: false,
-};
-
-export default Loading;

data/webpack/src/Extends/index.js

@@ -1,15 +0,0 @@
-// This is an example of extending foreman-core's component via slot&fill
-// http://foreman.surge.sh/?path=/docs/introduction-slot-and-fill--page
-/*
-import React from 'react';
-import { addGlobalFill } from 'foremanReact/components/common/Fill/GlobalFill';
-
-addGlobalFill('slotId', 'fillId', <SomeComponent key="some-key" />, 300);
-
-addGlobalFill(
-  'slotId',
-  'fillId',
-  { someProp: 'this is an override prop' },
-  300
-);
-*/

data/webpack/src/Router/routes.js

@@ -1,5 +0,0 @@
-import React from 'react';
-
-const routes = [];
-
-export default routes;

data/webpack/src/reducers.js

@@ -1,7 +0,0 @@
-import { combineReducers } from 'redux';
-
-const reducers = {
-  foremanPatch: combineReducers({}),
-};
-
-export default reducers;