foreman-tasks 1.0.0 → 2.0.0

data/webpack/ForemanTasks/Components/TasksDashboard/Components/TasksLabelsRow/TasksLabelsRow.test.js

@@ -1,6 +1,5 @@
 import React from 'react';
-import { testComponentSnapshotsWithFixtures } from 'react-redux-test-utils';
-import { shallow } from 'enzyme';
+import { testComponentSnapshotsWithFixtures, shallow } from '@theforeman/test';
 
 import { getQueryKeyText, getQueryValueText } from '../../TasksDashboardHelper';
 import TasksLabelsRow from './TasksLabelsRow';

data/webpack/ForemanTasks/Components/TasksDashboard/Components/TasksTimeRow/Components/TimeDropDown/TimeDropDown.stories.mdx

@@ -0,0 +1,57 @@
+import { Meta, Story, Preview, Props, action } from '@theforeman/stories';
+
+import { TASKS_DASHBOARD_AVAILABLE_TIMES } from '../../../../TasksDashboardConstants';
+import TimeDropDown from './TimeDropDown';
+
+<Meta
+  title="TasksDashboard/TasksTimeRow/TimeDropDown"
+  component={TimeDropDown}
+/>
+
+# TimeDropDown
+
+Render a dropdown with the available dashboard times to render.
+
+<Props of={TimeDropDown} />
+
+The available-times defined as a constant at `Components/TasksDashboard/TasksDashboardConstants.js`:
+
+```js
+import { TASKS_DASHBOARD_AVAILABLE_TIMES } from './Components/TasksDashboard/TasksDashboardConstants';
+```
+
+To set the current selected time, set the `selectedTime` prop to `TASKS_DASHBOARD_AVAILABLE_TIMES.H24`.
+
+<Preview>
+  <Story name="24 hours">
+    <TimeDropDown
+      id="time-period-dropdown"
+      selectedTime={TASKS_DASHBOARD_AVAILABLE_TIMES.H24}
+      onChange={action('onChange')}
+    />
+  </Story>
+</Preview>
+
+To set the current selected time, set the `selectedTime` prop to `TASKS_DASHBOARD_AVAILABLE_TIMES.H12`.
+
+<Preview>
+  <Story name="12 hours">
+    <TimeDropDown
+      id="time-period-dropdown"
+      selectedTime={TASKS_DASHBOARD_AVAILABLE_TIMES.H12}
+      onChange={action('onChange')}
+    />
+  </Story>
+</Preview>
+
+To set the current selected time, set the `selectedTime` prop to `TASKS_DASHBOARD_AVAILABLE_TIMES.WEEK`.
+
+<Preview>
+  <Story name="week">
+    <TimeDropDown
+      id="time-period-dropdown"
+      selectedTime={TASKS_DASHBOARD_AVAILABLE_TIMES.WEEK}
+      onChange={action('onChange')}
+    />
+  </Story>
+</Preview>

data/webpack/ForemanTasks/Components/TasksDashboard/Components/TasksTimeRow/Components/TimeDropDown/TimeDropDown.test.js

@@ -1,4 +1,4 @@
-import { testComponentSnapshotsWithFixtures } from 'react-redux-test-utils';
+import { testComponentSnapshotsWithFixtures } from '@theforeman/test';
 
 import { TASKS_DASHBOARD_AVAILABLE_TIMES } from '../../../../TasksDashboardConstants';
 import TimeDropDown from './TimeDropDown';

data/webpack/ForemanTasks/Components/TasksDashboard/Components/TasksTimeRow/TasksTimeRow.stories.js

@@ -1,22 +1,40 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { withKnobs, select } from '@storybook/addon-knobs';
-import { action } from '@storybook/addon-actions';
-import { withCardsDecorator } from '../../../../../stories/decorators';
+/* eslint-disable react-hooks/rules-of-hooks */
+import React, { useState } from 'react';
+import { select, action } from '@theforeman/stories';
 
 import { TASKS_DASHBOARD_AVAILABLE_TIMES } from '../../TasksDashboardConstants';
 import TasksTimeRow from './TasksTimeRow';
 
-storiesOf('TasksDashboard/TasksTimeRow', module)
-  .addDecorator(withKnobs)
-  .addDecorator(withCardsDecorator)
-  .add('TasksTimeRow', () => (
-    <TasksTimeRow
-      time={select(
-        'time',
-        TASKS_DASHBOARD_AVAILABLE_TIMES,
-        TASKS_DASHBOARD_AVAILABLE_TIMES.H24
-      )}
-      updateTime={action('updateTime')}
-    />
-  ));
+export default {
+  title: 'TasksDashboard/TasksTimeRow',
+  component: TasksTimeRow,
+};
+
+export const withState = () => {
+  const [time, updateTime] = useState(TASKS_DASHBOARD_AVAILABLE_TIMES.H24);
+
+  return <TasksTimeRow time={time} updateTime={updateTime} />;
+};
+
+export const withKnobs = () => (
+  <TasksTimeRow
+    time={select(
+      'time',
+      TASKS_DASHBOARD_AVAILABLE_TIMES,
+      TASKS_DASHBOARD_AVAILABLE_TIMES.H24
+    )}
+    updateTime={action('updateTime')}
+  />
+);
+
+export const with24Hours = () => (
+  <TasksTimeRow time={TASKS_DASHBOARD_AVAILABLE_TIMES.H24} />
+);
+
+export const with12Hours = () => (
+  <TasksTimeRow time={TASKS_DASHBOARD_AVAILABLE_TIMES.H12} />
+);
+
+export const withWeek = () => (
+  <TasksTimeRow time={TASKS_DASHBOARD_AVAILABLE_TIMES.WEEK} />
+);

data/webpack/ForemanTasks/Components/TasksDashboard/Components/TasksTimeRow/TasksTimeRow.test.js

@@ -1,4 +1,4 @@
-import { testComponentSnapshotsWithFixtures } from 'react-redux-test-utils';
+import { testComponentSnapshotsWithFixtures } from '@theforeman/test';
 
 import { TASKS_DASHBOARD_AVAILABLE_TIMES } from '../../TasksDashboardConstants';
 import TasksTimeRow from './TasksTimeRow';

data/webpack/ForemanTasks/Components/TasksDashboard/TasksDashboardConstants.js

@@ -18,6 +18,11 @@ export const TASKS_DASHBOARD_AVAILABLE_QUERY_MODES = {
   OLDER: 'older',
 };
 
+export const TASKS_DASHBOARD_JS_QUERY_MODES = {
+  RECENT: 'recent',
+  OLDER: 'older',
+};
+
 export const TASKS_DASHBOARD_AVAILABLE_TIMES = {
   H24: 'H24',
   H12: 'H12',

data/webpack/ForemanTasks/Components/TasksDashboard/TasksDashboardHelper.js

@@ -4,6 +4,7 @@ import {
   TASKS_DASHBOARD_AVAILABLE_TIMES,
   TASKS_DASHBOARD_QUERY_KEYS_TEXT,
   TASKS_DASHBOARD_QUERY_VALUES_TEXT,
+  TASKS_DASHBOARD_JS_QUERY_MODES,
 } from './TasksDashboardConstants';
 import { updateURlQuery } from '../TasksTable/TasksTableHelpers';
 
@@ -39,8 +40,8 @@ const queryFromUriQuery = uriQuery => {
     if (uriQuery[uriField]) query[queryField] = uriQuery[uriField];
   });
 
-  if (query.mode === 'recent') {
-    query.mode = 'last';
+  if (query.mode === TASKS_DASHBOARD_JS_QUERY_MODES.RECENT) {
+    query.mode = TASKS_DASHBOARD_QUERY_VALUES_TEXT.LAST;
   }
 
   return query;

data/webpack/ForemanTasks/Components/TasksDashboard/__tests__/TasksDashboard.test.js

@@ -1,4 +1,4 @@
-import { testComponentSnapshotsWithFixtures } from 'react-redux-test-utils';
+import { testComponentSnapshotsWithFixtures } from '@theforeman/test';
 
 import TasksDashboard from '../TasksDashboard';
 

data/webpack/ForemanTasks/Components/TasksDashboard/__tests__/TasksDashboardActions.test.js

@@ -1,4 +1,4 @@
-import { testActionSnapshotWithFixtures } from 'react-redux-test-utils';
+import { testActionSnapshotWithFixtures } from '@theforeman/test';
 import API from 'foremanReact/API';
 import { timeToHoursNumber } from '../TasksDashboardHelper';
 import {

data/webpack/ForemanTasks/Components/TasksDashboard/__tests__/TasksDashboardReducer.test.js

@@ -1,4 +1,4 @@
-import { testReducerSnapshotWithFixtures } from 'react-redux-test-utils';
+import { testReducerSnapshotWithFixtures } from '@theforeman/test';
 
 import {
   FOREMAN_TASKS_DASHBOARD_INIT,

data/webpack/ForemanTasks/Components/TasksDashboard/__tests__/TasksDashboardSelectors.test.js

@@ -1,4 +1,4 @@
-import { testSelectorsSnapshotWithFixtures } from 'react-redux-test-utils';
+import { testSelectorsSnapshotWithFixtures } from '@theforeman/test';
 import {
   selectTasksDashboard,
   selectTime,

data/webpack/ForemanTasks/Components/TasksTable/Components/ActionSelectButton.js

@@ -3,7 +3,12 @@ import { DropdownButton, MenuItem } from 'patternfly-react';
 import PropTypes from 'prop-types';
 import { translate as __ } from 'foremanReact/common/I18n';
 
-export const ActionSelectButton = ({ onCancel, onResume, disabled }) => (
+export const ActionSelectButton = ({
+  onCancel,
+  onResume,
+  onForceCancel,
+  disabled,
+}) => (
   <DropdownButton
     title={__('Select Action')}
     disabled={disabled}
@@ -23,6 +28,13 @@ export const ActionSelectButton = ({ onCancel, onResume, disabled }) => (
     >
       {__('Resume Selected')}
     </MenuItem>
+    <MenuItem
+      title={__('Force Cancel selected tasks')}
+      onClick={onForceCancel}
+      eventKey="3"
+    >
+      {__('Force Cancel Selected')}
+    </MenuItem>
   </DropdownButton>
 );
 
@@ -30,6 +42,7 @@ ActionSelectButton.propTypes = {
   disabled: PropTypes.bool,
   onCancel: PropTypes.func.isRequired,
   onResume: PropTypes.func.isRequired,
+  onForceCancel: PropTypes.func.isRequired,
 };
 
 ActionSelectButton.defaultProps = {

data/webpack/ForemanTasks/Components/TasksTable/Components/ConfirmModal/ConfirmModal.js

@@ -0,0 +1,83 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { startCase } from 'lodash';
+import { sprintf, translate as __ } from 'foremanReact/common/I18n';
+import { Button } from 'patternfly-react';
+import ForemanModal from 'foremanReact/components/ForemanModal';
+import { FORCE_UNLOCK_MODAL } from '../../../TaskActions/TaskActionsConstants';
+import { FORCE_UNLOCK_SELECTED_MODAL } from '../../TasksTableConstants';
+import { ForceUnlockModal } from '../../../TaskActions/UnlockModals';
+
+export const ConfirmModal = ({
+  actionText,
+  actionState,
+  actionType,
+  selectedRowsLen,
+  id,
+  parentTaskID,
+  url,
+  uriQuery: query,
+  setModalClosed,
+  ...props
+}) => {
+  if ([FORCE_UNLOCK_MODAL, FORCE_UNLOCK_SELECTED_MODAL].includes(actionType)) {
+    return (
+      <ForceUnlockModal
+        onClick={() => {
+          props[actionType]({ url, query, parentTaskID });
+          setModalClosed();
+        }}
+        id={id}
+        selectedRowsLen={selectedRowsLen}
+      />
+    );
+  }
+  return (
+    <ForemanModal
+      title={sprintf(__('%s Selected Tasks'), startCase(actionText))}
+      id={id}
+    >
+      {sprintf(
+        __(
+          `This will %(action)s %(number)s task(s), putting them in the %(state)s state. Are you sure?`
+        ),
+        { action: actionText, number: selectedRowsLen, state: actionState }
+      )}
+      <ForemanModal.Footer>
+        <Button onClick={setModalClosed}>{__('No')}</Button>
+        <Button
+          className="confirm-button"
+          bsStyle="primary"
+          onClick={() => {
+            props[actionType]({ url, query, parentTaskID });
+            setModalClosed();
+          }}
+        >
+          {__('Yes')}
+        </Button>
+      </ForemanModal.Footer>
+    </ForemanModal>
+  );
+};
+
+ConfirmModal.propTypes = {
+  actionText: PropTypes.string,
+  actionState: PropTypes.string,
+  selectedRowsLen: PropTypes.number.isRequired,
+  actionType: PropTypes.string,
+  id: PropTypes.string.isRequired,
+  parentTaskID: PropTypes.string,
+  url: PropTypes.string.isRequired,
+  uriQuery: PropTypes.object,
+  setModalClosed: PropTypes.func.isRequired,
+};
+
+ConfirmModal.defaultProps = {
+  actionType: '',
+  actionText: '',
+  actionState: '',
+  parentTaskID: '',
+  uriQuery: {},
+};
+
+export default ConfirmModal;

data/webpack/ForemanTasks/Components/TasksTable/Components/ConfirmModal/ConfirmModalActions.js

@@ -0,0 +1,106 @@
+import {
+  resumeTask,
+  cancelTask,
+  forceCancelTask,
+} from '../../TasksTableActions';
+import {
+  bulkCancelBySearch,
+  bulkCancelById,
+  bulkResumeBySearch,
+  bulkResumeById,
+  bulkForceCancelBySearch,
+  bulkForceCancelById,
+} from '../../TasksBulkActions';
+import { selectClicked, selectSelectedTasks } from './ConfirmModalSelectors';
+import { selectAllRowsSelected } from '../../TasksTableSelectors';
+import {
+  CANCEL_MODAL,
+  RESUME_MODAL,
+  CANCEL_SELECTED_MODAL,
+  RESUME_SELECTED_MODAL,
+  FORCE_UNLOCK_SELECTED_MODAL,
+} from '../../TasksTableConstants';
+import { FORCE_UNLOCK_MODAL } from '../../../TaskActions/TaskActionsConstants';
+
+export default {
+  [CANCEL_SELECTED_MODAL]: ({ url, query, parentTaskID }) => (
+    dispatch,
+    getState
+  ) => {
+    if (selectAllRowsSelected(getState())) {
+      return dispatch(bulkCancelBySearch({ query, parentTaskID }));
+    }
+    return dispatch(
+      bulkCancelById({
+        selected: selectSelectedTasks(getState()),
+        url,
+        parentTaskID,
+      })
+    );
+  },
+  [CANCEL_MODAL]: ({ url, parentTaskID }) => (dispatch, getState) => {
+    const { taskId, taskName } = selectClicked(getState());
+    return dispatch(
+      cancelTask({
+        taskId,
+        taskName,
+        url,
+        parentTaskID,
+      })
+    );
+  },
+  [RESUME_SELECTED_MODAL]: ({ url, query, parentTaskID }) => (
+    dispatch,
+    getState
+  ) => {
+    if (selectAllRowsSelected(getState())) {
+      return dispatch(bulkResumeBySearch({ query, parentTaskID }));
+    }
+    return dispatch(
+      bulkResumeById({
+        selected: selectSelectedTasks(getState()),
+        url,
+        parentTaskID,
+      })
+    );
+  },
+
+  [RESUME_MODAL]: ({ url, parentTaskID }) => (dispatch, getState) => {
+    const { taskId, taskName } = selectClicked(getState());
+    return dispatch(
+      resumeTask({
+        taskId,
+        taskName,
+        url,
+        parentTaskID,
+      })
+    );
+  },
+
+  [FORCE_UNLOCK_MODAL]: ({ url, parentTaskID }) => (dispatch, getState) => {
+    const { taskId, taskName } = selectClicked(getState());
+    return dispatch(
+      forceCancelTask({
+        taskId,
+        taskName,
+        url,
+        parentTaskID,
+      })
+    );
+  },
+  [FORCE_UNLOCK_SELECTED_MODAL]: ({ url, query, parentTaskID }) => (
+    dispatch,
+    getState
+  ) => {
+    if (selectAllRowsSelected(getState())) {
+      return dispatch(bulkForceCancelBySearch({ query, parentTaskID }));
+    }
+    return dispatch(
+      bulkForceCancelById({
+        selected: selectSelectedTasks(getState()),
+        url,
+        parentTaskID,
+      })
+    );
+  },
+};

data/webpack/ForemanTasks/Components/TasksTable/Components/ConfirmModal/ConfirmModalReducer.js

@@ -0,0 +1,38 @@
+import Immutable from 'seamless-immutable';
+import {
+  UPDATE_MODAL,
+  CANCEL_SELECTED_MODAL,
+  RESUME_SELECTED_MODAL,
+  RESUME_MODAL,
+  CANCEL_MODAL,
+} from '../../TasksTableConstants';
+
+const initialState = Immutable({});
+
+export const ConfirmModalReducer = (state = initialState, action) => {
+  const { type, payload } = action;
+  switch (type) {
+    case UPDATE_MODAL:
+      switch (payload.modalID) {
+        case CANCEL_SELECTED_MODAL:
+        case CANCEL_MODAL:
+          return state.merge({
+            actionText: 'cancel',
+            actionState: 'stopped',
+            actionType: payload.modalID,
+          });
+        case RESUME_SELECTED_MODAL:
+        case RESUME_MODAL:
+          return state.merge({
+            actionText: 'resume',
+            actionState: 'running',
+            actionType: payload.modalID,
+          });
+        default:
+          return state.set('actionType', payload.modalID);
+      }
+    default:
+      return state;
+  }
+};
+export default ConfirmModalReducer;