foreman_remote_execution 8.1.1 → 9.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 13f80e6dffc1166fb7f5e423ea6543b6d89a5f8f45930c29073bf28e232bde0b
-  data.tar.gz: 0f489c08c07a1eb217feec2d1b9325f3e5c9ce248becbaf68562471aac889cd0
+  metadata.gz: a4f0a9c455ec484caac7631cec3d1ed8eff22263c96036d7837fdbb86f3faab8
+  data.tar.gz: a73788ec230b20cfd6050733d40f27a59d7bf26d334ce51f0b422aae1a64a68e
 SHA512:
-  metadata.gz: 88032e02e3375cb7d19992efaad18932e7eef3948e8822dc8ad573a790ce4077273012f861b49a8351cda44f4b272b84ef0bc8e8a7124a2d2a71c759026a1d87
-  data.tar.gz: 8d0aec0264bdae9ba1530940088daeef369546a2ad9102d7d4eb1b7527f2cd1402d37915d4e9f659d845706938cd0dc7fc8299d1559c21b17cd404cdf91a22df
+  metadata.gz: cb1ef923190e046bc4f9c688ac1040f26e521e7a96a7a154fd461a650d25b04875572e26b75f57dfb425401ae2bf8e82447eb01c635006eb9b51b36df168b999
+  data.tar.gz: 3e47f08ded8554ff2b38c50f7d16b8705441ece2753df227181d7782426c7c320476220f5b12dee496216cda119467ff3a0348f7821811dda702e8a9d852c1f3

data/.github/workflows/ruby_ci.yml

@@ -13,6 +13,8 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v2
+      - run: sudo apt-get update
+      - run: sudo apt-get install libyaml-dev
       - name: Setup Ruby
         uses: ruby/setup-ruby@v1
         with:
@@ -42,7 +44,7 @@ jobs:
         node-version: [12]
     steps:
       - run: sudo apt-get update
-      - run: sudo apt-get install build-essential libcurl4-openssl-dev zlib1g-dev libpq-dev
+      - run: sudo apt-get install build-essential libcurl4-openssl-dev zlib1g-dev libpq-dev libyaml-dev
       - uses: actions/checkout@v2
         with:
           repository: theforeman/foreman

data/app/lib/actions/remote_execution/proxy_action.rb

@@ -33,11 +33,12 @@ module Actions
           }
         end
         if data['exit_status']
+          last = events.last || {:sequence_id => -1, :timestamp => Time.zone.now}
           events << {
-            sequence_id: events.last[:sequence_id] + 1,
+            sequence_id: last[:sequence_id] + 1,
             template_invocation_id: template_invocation.id,
             event: data['exit_status'],
-            timestamp: events.last[:timestamp],
+            timestamp: last[:timestamp],
             event_type: 'exit',
           }
         end

data/app/lib/actions/remote_execution/template_invocation_progress_logging.rb

@@ -6,10 +6,13 @@ module Actions
       end
 
       def log_template_invocation_exception(exception)
+        last = template_invocation.template_invocation_events.order(:sequence_id).last
+        id = last ? last.sequence_id + 1 : 0
         template_invocation.template_invocation_events.create!(
           :event_type => 'debug',
           :event => "#{exception.class}: #{exception.message}",
-          :timestamp => Time.zone.now
+          :timestamp => Time.zone.now,
+          :sequence_id => id
         )
       end
 

data/app/models/job_invocation.rb

@@ -253,8 +253,9 @@ class JobInvocation < ApplicationRecord
         acc.merge(key => 0)
       end
     else
-      counts  = task.sub_tasks_counts
-      done    = counts.values_at(*map.results).reduce(:+)
+      counts = task.sub_tasks_counts
+      counts.default = 0
+      done = counts.values_at(*map.results).reduce(:+)
       percent = progress(counts[:total], done)
       counts.merge(:progress => percent, :failed => counts.values_at(*map.status_to_task_result(:failed)).reduce(:+))
     end

data/app/models/template_invocation.rb

@@ -34,6 +34,7 @@ class TemplateInvocation < ApplicationRecord
       :cancelled => :cancelled,
       :error     => :failed,
       :pending   => :pending,
+      :running   => :pending,
       :success   => :success,
       :warning   => :failed,
     }.with_indifferent_access

data/lib/foreman_remote_execution/engine.rb

@@ -47,7 +47,7 @@ module ForemanRemoteExecution
 
     initializer 'foreman_remote_execution.register_plugin', before: :finisher_hook do |_app|
       Foreman::Plugin.register :foreman_remote_execution do
-        requires_foreman '>= 3.4'
+        requires_foreman '>= 3.6'
         register_global_js_file 'global'
 
         apipie_documented_controllers ["#{ForemanRemoteExecution::Engine.root}/app/controllers/api/v2/*.rb"]

data/lib/foreman_remote_execution/version.rb

@@ -1,3 +1,3 @@
 module ForemanRemoteExecution
-  VERSION = '8.1.1'.freeze
+  VERSION = '9.0.0'.freeze
 end

data/test/unit/job_invocation_test.rb

@@ -130,6 +130,7 @@ class JobInvocationTest < ActiveSupport::TestCase
         :failed    => 0,
         :pending   => 0,
         :progress  => 0,
+        :running   => 0,
       }
     end
     before { job_invocation.task = task }

data/webpack/JobWizard/JobWizard.scss

@@ -1,4 +1,5 @@
 .job-wizard {
+  font-size: var(--pf-global--FontSize--md);
   .wizard-title {
     margin-bottom: 25px;
   }
@@ -134,11 +135,6 @@
       margin-left: 10px;
     }
   }
-  .foreman-search-field {
-    .autocomplete-search-btn {
-      display: none;
-    }
-  }
   .pf-c-radio__body {
     font-size: var(--pf-c-radio__label--FontSize);
   }

data/webpack/JobWizard/steps/AdvancedFields/__tests__/__snapshots__/AdvancedFields.test.js.snap

@@ -49,7 +49,7 @@ Array [
         "port": null,
         "preventInvalidHostname": false,
         "protocol": null,
-        "query": "resource=ForemanTasks%3A%3ATask",
+        "query": "resource=ForemanTasks%3A%3ATask&name=some+search",
         "urn": null,
         "username": null,
       },

data/webpack/JobWizard/steps/HostsAndInputs/HostSearch.js

@@ -1,33 +1,10 @@
-import React, { useEffect } from 'react';
-import { useSelector, useDispatch } from 'react-redux';
+import React from 'react';
 import PropTypes from 'prop-types';
 import SearchBar from 'foremanReact/components/SearchBar';
 import { getControllerSearchProps } from 'foremanReact/constants';
-import { getResults } from 'foremanReact/components/AutoComplete/AutoCompleteActions';
-import { TRIGGERS } from 'foremanReact/components/AutoComplete/AutoCompleteConstants';
 import { hostsController, hostQuerySearchID } from '../../JobWizardConstants';
-import { noop } from '../../../helpers';
 
 export const HostSearch = ({ value, setValue }) => {
-  const searchQuery = useSelector(
-    state => state.autocomplete?.[hostQuerySearchID]?.searchQuery
-  );
-  useEffect(() => {
-    setValue(searchQuery || '');
-  }, [setValue, searchQuery]);
-  const dispatch = useDispatch();
-  const setSearch = newSearchQuery => {
-    dispatch(
-      getResults({
-        url: '/hosts/auto_complete_search',
-        searchQuery: newSearchQuery,
-        controller: 'hostsController',
-        trigger: TRIGGERS.INPUT_CHANGE,
-        id: hostQuerySearchID,
-      })
-    );
-  };
-
   const props = getControllerSearchProps(hostsController, hostQuerySearchID);
   return (
     <div className="foreman-search-field">
@@ -37,12 +14,11 @@ export const HostSearch = ({ value, setValue }) => {
           autocomplete: {
             id: hostQuerySearchID,
             url: '/hosts/auto_complete_search',
-            useKeyShortcuts: true,
+            searchQuery: value,
           },
         }}
-        onSearch={noop}
-        initialQuery={value}
-        onBookmarkClick={search => setSearch(search)}
+        onSearch={null}
+        onSearchChange={search => setValue(search)}
       />
     </div>
   );

data/webpack/JobWizard/steps/HostsAndInputs/index.js

@@ -13,7 +13,6 @@ import { FilterIcon } from '@patternfly/react-icons';
 import { debounce } from 'lodash';
 import { get } from 'foremanReact/redux/API';
 import { translate as __ } from 'foremanReact/common/I18n';
-import { resetData } from 'foremanReact/components/AutoComplete/AutoCompleteActions';
 import {
   selectTemplateInputs,
   selectWithKatello,
@@ -31,8 +30,6 @@ import {
   HOST_COLLECTIONS,
   HOST_GROUPS,
   hostMethods,
-  hostsController,
-  hostQuerySearchID,
   HOSTS_API,
   HOSTS_TO_PREVIEW_AMOUNT,
   DEBOUNCE_API,
@@ -100,7 +97,6 @@ const HostsAndInputs = ({
   };
 
   const clearSearch = () => {
-    dispatch(resetData(hostsController, hostQuerySearchID));
     setHostsSearchQuery('');
   };
   return (

data/webpack/JobWizard/steps/form/Formatter.js

@@ -1,16 +1,12 @@
-import React, { useEffect } from 'react';
-import { useSelector, useDispatch } from 'react-redux';
+import React from 'react';
 import { FormGroup, TextArea } from '@patternfly/react-core';
 import PropTypes from 'prop-types';
 import SearchBar from 'foremanReact/components/SearchBar';
 import { getControllerSearchProps } from 'foremanReact/constants';
-import { TRIGGERS } from 'foremanReact/components/AutoComplete/AutoCompleteConstants';
-import { getResults } from 'foremanReact/components/AutoComplete/AutoCompleteActions';
 import { helpLabel, ResetDefault } from './FormHelpers';
 import { SelectField } from './SelectField';
 import { ResourceSelect } from './ResourceSelect';
 import { DateTimePicker } from '../form/DateTimePicker';
-import { noop } from '../../../helpers';
 
 const TemplateSearchField = ({
   name,
@@ -22,51 +18,33 @@ const TemplateSearchField = ({
   setValue,
   values,
 }) => {
-  const searchQuery = useSelector(
-    state => state.autocomplete?.[name]?.searchQuery
-  );
-  const dispatch = useDispatch();
-  useEffect(() => {
-    setValue({ ...values, [name]: searchQuery });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [searchQuery]);
   const id = name.replace(/ /g, '-');
   const props = getControllerSearchProps(controller.replace('/', '_'), name);
-
-  const setSearch = newSearchQuery => {
-    dispatch(
-      getResults({
-        url,
-        searchQuery: newSearchQuery,
-        controller,
-        trigger: TRIGGERS.INPUT_CHANGE,
-        id: name,
-      })
-    );
-  };
   return (
     <FormGroup
       label={name}
       labelIcon={helpLabel(labelText, name)}
       labelInfo={
-        <ResetDefault defaultValue={defaultValue} setValue={setSearch} />
+        <ResetDefault
+          defaultValue={defaultValue}
+          setValue={search => setValue({ ...values, [name]: search })}
+        />
       }
       fieldId={id}
       isRequired={required}
       className="foreman-search-field"
     >
       <SearchBar
-        initialQuery={values[name]}
         data={{
           ...props,
           autocomplete: {
             id: name,
             url,
-            useKeyShortcuts: true,
+            searchQuery: values[name],
           },
         }}
-        onSearch={noop}
-        onBookmarkClick={search => setSearch(search)}
+        onSearch={null}
+        onSearchChange={search => setValue({ ...values, [name]: search })}
       />
     </FormGroup>
   );

data/webpack/react_app/components/TargetingHosts/TargetingHostsLabelsRow.js

@@ -0,0 +1,45 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Row, Label } from 'patternfly-react';
+import { noop } from 'foremanReact/common/helpers';
+import { translate as __ } from 'foremanReact/common/I18n';
+
+import './TargetingHostsLabelsRow.scss';
+
+const TargetingHostsLabelsRow = ({ query, updateQuery }) => {
+  const onDeleteClick = keyToDelete => {
+    const { [keyToDelete]: deleted, ...queryWithoutDeleted } = query;
+    updateQuery(queryWithoutDeleted);
+  };
+
+  const queryEntries = Object.entries(query);
+
+  return (
+    queryEntries.length > 0 && (
+      <Row className="tasks-labels-row">
+        <span className="title">{__('Active Filters:')}</span>
+        {queryEntries.map(([key, value]) => (
+          <Label
+            bsStyle="info"
+            key={key}
+            onRemoveClick={() => onDeleteClick(key)}
+          >
+            {`${key} = ${value}`}
+          </Label>
+        ))}
+      </Row>
+    )
+  );
+};
+
+TargetingHostsLabelsRow.propTypes = {
+  query: PropTypes.object,
+  updateQuery: PropTypes.func,
+};
+
+TargetingHostsLabelsRow.defaultProps = {
+  query: {},
+  updateQuery: noop,
+};
+
+export default TargetingHostsLabelsRow;

data/webpack/react_app/components/TargetingHosts/TargetingHostsLabelsRow.scss

@@ -0,0 +1,26 @@
+@import '~@theforeman/vendor/scss/variables';
+
+.tasks-labels-row {
+  margin: 0;
+  padding: 10px;
+  .title {
+    font-weight: 600;
+    font-size: 13px;
+  }
+  .label {
+    font-size: 100%;
+
+    margin-left: 5px;
+    margin-right: 5px;
+    a {
+      padding-left: 10px;
+    }
+  }
+  .pficon-close {
+    color: $color-pf-white;
+  }
+  .compound-label-pf {
+    margin-left: 0;
+    margin: 10px;
+  }
+}

data/webpack/react_app/components/TargetingHosts/TargetingHostsPage.js

@@ -5,14 +5,18 @@ import { Grid } from 'patternfly-react';
 import SearchBar from 'foremanReact/components/SearchBar';
 import Pagination from 'foremanReact/components/Pagination';
 import { getControllerSearchProps } from 'foremanReact/constants';
+import { noop } from 'foremanReact/common/helpers';
 
 import TargetingHosts from './TargetingHosts';
 import { TARGETING_HOSTS_AUTOCOMPLETE } from './TargetingHostsConsts';
 import './TargetingHostsPage.scss';
+import TargetingHostsLabelsRow from './TargetingHostsLabelsRow';
 
 const TargetingHostsPage = ({
   handleSearch,
   searchQuery,
+  statusFilter,
+  statusFilterReset,
   apiStatus,
   items,
   totalHosts,
@@ -23,7 +27,7 @@ const TargetingHostsPage = ({
     <Grid.Row>
       <Grid.Col md={6} className="title_filter">
         <SearchBar
-          onSearch={query => handleSearch(query)}
+          onSearch={query => handleSearch(query, statusFilter)}
           data={{
             ...getControllerSearchProps('hosts', TARGETING_HOSTS_AUTOCOMPLETE),
             autocomplete: {
@@ -37,6 +41,10 @@ const TargetingHostsPage = ({
         />
       </Grid.Col>
     </Grid.Row>
+    <TargetingHostsLabelsRow
+      query={statusFilter}
+      updateQuery={statusFilterReset}
+    />
     <br />
     <TargetingHosts apiStatus={apiStatus} items={items} />
     <Pagination
@@ -53,6 +61,8 @@ TargetingHostsPage.propTypes = {
   handleSearch: PropTypes.func.isRequired,
   searchQuery: PropTypes.string.isRequired,
   apiStatus: PropTypes.string,
+  statusFilter: PropTypes.object,
+  statusFilterReset: PropTypes.func,
   items: PropTypes.array.isRequired,
   totalHosts: PropTypes.number.isRequired,
   handlePagination: PropTypes.func.isRequired,
@@ -61,6 +71,8 @@ TargetingHostsPage.propTypes = {
 
 TargetingHostsPage.defaultProps = {
   apiStatus: null,
+  statusFilter: {},
+  statusFilterReset: noop,
 };
 
 export default TargetingHostsPage;

data/webpack/react_app/components/TargetingHosts/TargetingHostsSelectors.js

@@ -18,3 +18,8 @@ export const selectTotalHosts = state =>
 
 export const selectIntervalExists = state =>
   selectDoesIntervalExist(state, TARGETING_HOSTS);
+
+const defaultStatusFilter = {};
+export const selectStatusFilter = state =>
+  state.foremanRemoteExecutionReducers.jobInvocations
+    .jobInvocationStateFilter || defaultStatusFilter;

data/webpack/react_app/components/TargetingHosts/__tests__/__snapshots__/TargetingHostsPage.test.js.snap

@@ -38,6 +38,9 @@ exports[`TargetingHostsPage renders 1`] = `
       />
     </Col>
   </Row>
+  <TargetingHostsLabelsRow
+    query={Object {}}
+  />
   <br />
   <TargetingHosts
     apiStatus="RESOLVED"

data/webpack/react_app/components/TargetingHosts/index.js

@@ -14,10 +14,23 @@ import {
   selectAutoRefresh,
   selectTotalHosts,
   selectIntervalExists,
+  selectStatusFilter,
 } from './TargetingHostsSelectors';
 import { getApiUrl } from './TargetingHostsHelpers';
 import { TARGETING_HOSTS } from './TargetingHostsConsts';
 import TargetingHostsPage from './TargetingHostsPage';
+import { chartFilter } from '../../redux/actions/jobInvocations';
+
+const buildSearchQuery = (query, stateFilter) => {
+  const filters = Object.entries(stateFilter).map(
+    ([key, value]) => `${key} = ${value}`
+  );
+  return [query, filters]
+    .flat()
+    .filter(x => x)
+    .map(x => `(${x})`)
+    .join(' AND ');
+};
 
 const WrappedTargetingHosts = () => {
   const dispatch = useDispatch();
@@ -27,6 +40,7 @@ const WrappedTargetingHosts = () => {
   const items = useSelector(selectItems);
   const apiStatus = useSelector(selectApiStatus);
   const totalHosts = useSelector(selectTotalHosts);
+  const statusFilter = useSelector(selectStatusFilter);
   const [searchQuery, setSearchQuery] = useState('');
   const [pagination, setPagination] = useState({
     page: 1,
@@ -36,11 +50,11 @@ const WrappedTargetingHosts = () => {
   const [apiUrl, setApiUrl] = useState(getApiUrl(searchQuery, pagination));
   const intervalExists = useSelector(selectIntervalExists);
 
-  const handleSearch = query => {
+  const handleSearch = (query, status) => {
     const defaultPagination = { page: 1, per_page: pagination.per_page };
     stopApiInterval();
 
-    setApiUrl(getApiUrl(query, defaultPagination));
+    setApiUrl(getApiUrl(buildSearchQuery(query, status), defaultPagination));
     setSearchQuery(query);
     setPagination(defaultPagination);
   };
@@ -48,7 +62,7 @@ const WrappedTargetingHosts = () => {
   const handlePagination = args => {
     stopApiInterval();
     setPagination(args);
-    setApiUrl(getApiUrl(searchQuery, args));
+    setApiUrl(getApiUrl(buildSearchQuery(searchQuery, statusFilter), args));
   };
 
   const stopApiInterval = () => {
@@ -81,10 +95,16 @@ const WrappedTargetingHosts = () => {
     };
   }, [dispatch, apiUrl, autoRefresh]);
 
+  useEffect(() => {
+    handleSearch(searchQuery, statusFilter);
+  }, [statusFilter, searchQuery]);
+
   return (
     <TargetingHostsPage
       handleSearch={handleSearch}
       searchQuery={searchQuery}
+      statusFilter={statusFilter}
+      statusFilterReset={_x => chartFilter(null)(dispatch, null)}
       apiStatus={apiStatus}
       items={items}
       totalHosts={totalHosts}

data/webpack/react_app/components/jobInvocations/AggregateStatus/index.js

@@ -1,33 +1,48 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const AggregateStatus = ({ statuses }) => (
+const AggregateStatus = ({ statuses, chartFilter }) => (
   <div id="aggregate_statuses">
     <p className="card-pf-aggregate-status-notifications">
-      <span className="card-pf-aggregate-status-notification">
+      <a
+        className="card-pf-aggregate-status-notification"
+        onClick={() => chartFilter('success')}
+      >
         <span id="success_count">
           <span className="pficon pficon-ok" />
           {statuses.success}
         </span>
-      </span>
-      <span className="card-pf-aggregate-status-notification">
+      </a>
+
+      <a
+        className="card-pf-aggregate-status-notification"
+        onClick={() => chartFilter('failed')}
+      >
         <span id="failed_count">
           <span className="pficon pficon-error-circle-o" />
           {statuses.failed}
         </span>
-      </span>
-      <span className="card-pf-aggregate-status-notification">
+      </a>
+
+      <a
+        className="card-pf-aggregate-status-notification"
+        onClick={() => chartFilter('pending')}
+      >
         <span id="pending_count">
           <span className="pficon pficon-running" />
           {statuses.pending}
         </span>
-      </span>
-      <span className="card-pf-aggregate-status-notification">
+      </a>
+
+      <a
+        className="card-pf-aggregate-status-notification"
+        onClick={() => chartFilter('cancelled')}
+      >
         <span id="cancelled_count">
           <span className="pficon pficon-close" />
           {statuses.cancelled}
         </span>
-      </span>
+      </a>
     </p>
   </div>
 );
@@ -39,6 +54,7 @@ AggregateStatus.propTypes = {
     pending: PropTypes.number,
     success: PropTypes.number,
   }).isRequired,
+  chartFilter: PropTypes.func.isRequired,
 };
 
 export default AggregateStatus;

data/webpack/react_app/components/jobInvocations/AggregateStatus/index.test.js

@@ -7,7 +7,9 @@ jest.unmock('./index.js');
 describe('AggregateStatus', () => {
   describe('has no data', () => {
     it('renders cards with no data', () => {
-      const chartNumbers = shallow(<AggregateStatus statuses={{}} />);
+      const chartNumbers = shallow(
+        <AggregateStatus statuses={{}} chartFilter={_x => {}} />
+      );
       const success = chartNumbers.find('#success_count').text();
       const failed = chartNumbers.find('#failed_count').text();
       const pending = chartNumbers.find('#pending_count').text();
@@ -25,7 +27,9 @@ describe('AggregateStatus', () => {
         cancelled: 31,
         pending: 3,
       };
-      const chartNumbers = shallow(<AggregateStatus statuses={statuses} />);
+      const chartNumbers = shallow(
+        <AggregateStatus statuses={statuses} chartFilter={_x => {}} />
+      );
       const success = chartNumbers.find('#success_count').text();
       const failed = chartNumbers.find('#failed_count').text();
       const pending = chartNumbers.find('#pending_count').text();

data/webpack/react_app/components/jobInvocations/index.js

@@ -10,6 +10,13 @@ import * as JobInvocationActions from '../../redux/actions/jobInvocations';
 const colIndexOfMaxValue = columns =>
   columns.reduce((iMax, x, i, arr) => (x[1] > arr[iMax][1] ? i : iMax), 0);
 
+const colorMap = {
+  '#5CB85C': 'success',
+  '#D9534F': 'failed',
+  '#DEDEDE': 'pending',
+  '#B7312D': 'cancelled',
+};
+
 class JobInvocationContainer extends React.Component {
   componentDidMount() {
     const {
@@ -21,9 +28,14 @@ class JobInvocationContainer extends React.Component {
   }
 
   render() {
-    const { jobInvocations, statuses } = this.props;
+    const { jobInvocations, statuses, chartFilter } = this.props;
     const iMax = colIndexOfMaxValue(jobInvocations);
 
+    const map = jobInvocations.reduce(
+      (acc, [label, _count, color]) => ({ [label]: colorMap[color], ...acc }),
+      {}
+    );
+
     return (
       <div id="job_invocations_chart_container">
         <DonutChart
@@ -32,8 +44,11 @@ class JobInvocationContainer extends React.Component {
             type: 'percent',
             secondary: (jobInvocations[iMax] || [])[0],
           }}
+          onclick={(d, element) => {
+            chartFilter(map[d.name]);
+          }}
         />
-        <AggregateStatus statuses={statuses} />
+        <AggregateStatus statuses={statuses} chartFilter={chartFilter} />
       </div>
     );
   }
@@ -63,10 +78,12 @@ JobInvocationContainer.propTypes = {
     pending: PropTypes.number,
     success: PropTypes.number,
   }),
+  chartFilter: PropTypes.func,
 };
 
 JobInvocationContainer.defaultProps = {
   startJobInvocationsPolling: JobInvocationActions.startJobInvocationsPolling,
+  chartFilter: JobInvocationActions.chartFilter,
   data: {},
   jobInvocations: [['property', 3, 'color']],
   statuses: {},

data/webpack/react_app/redux/actions/jobInvocations/index.js

@@ -76,3 +76,11 @@ export const startJobInvocationsPolling = url => (dispatch, getState) => {
   });
   dispatch(getJobInvocations(url));
 };
+
+export const chartFilter = state => (dispatch, getState) => {
+  const filter = state ? { 'job_invocation.result': state.toLowerCase() } : {};
+  dispatch({
+    type: 'JOB_INVOCATION_CHART_FILTER',
+    payload: { filter },
+  });
+};

data/webpack/react_app/redux/reducers/jobInvocations/index.js

@@ -26,6 +26,8 @@ export default (state = initialState, action) => {
       return state
         .set('jobInvocations', payload.jobInvocations.job_invocations)
         .set('statuses', payload.jobInvocations.statuses);
+    case 'JOB_INVOCATION_CHART_FILTER':
+      return state.set('jobInvocationStateFilter', payload.filter);
     default:
       return state;
   }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: foreman_remote_execution
 version: !ruby/object:Gem::Version
-  version: 8.1.1
+  version: 9.0.0
 platform: ruby
 authors:
 - Foreman Remote Execution team
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-12-01 00:00:00.000000000 Z
+date: 2022-12-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: deface
@@ -508,6 +508,8 @@ files:
 - webpack/react_app/components/TargetingHosts/TargetingHosts.js
 - webpack/react_app/components/TargetingHosts/TargetingHostsConsts.js
 - webpack/react_app/components/TargetingHosts/TargetingHostsHelpers.js
+- webpack/react_app/components/TargetingHosts/TargetingHostsLabelsRow.js
+- webpack/react_app/components/TargetingHosts/TargetingHostsLabelsRow.scss
 - webpack/react_app/components/TargetingHosts/TargetingHostsPage.js
 - webpack/react_app/components/TargetingHosts/TargetingHostsPage.scss
 - webpack/react_app/components/TargetingHosts/TargetingHostsSelectors.js
@@ -556,7 +558,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.3.20
+rubygems_version: 3.1.6
 signing_key:
 specification_version: 4
 summary: A plugin bringing remote execution to the Foreman, completing the config