foreman-tasks 0.15.8 → 0.15.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e81942c1beade63bde5e4efc461d3c9b607c90782efdd05c247942cab3b81a99
-  data.tar.gz: 2ca06d362cfe353dc4df8959907b48de6da7e741a409e4ea9cf039ee5664d11b
+  metadata.gz: d07f034015f51e6df43b28bbef6155ec69b6a7de6060e76342f8da044231fadb
+  data.tar.gz: dd9919d3c5ea799e734494a628519f958dcdc00f8e0b9a2891ee1afd04ac07df
 SHA512:
-  metadata.gz: 3441d249f033e4e83de8649d041c19d2a0012006f5a37d364ccfaa341000b86c5ba638b89a5a3f54c0452f6d2a84e2da0b59cd7e0065372081da44b84774a64c
-  data.tar.gz: aeb244156e659b82173c111d7e7764eb7ba9df41bbdc5f6980565aa0d86658a19d97fcf357b204bf8ba99878d466e977a18f153dfafffb760d315034d68a7bb3
+  metadata.gz: aae83a81b3efa9de6a56044c5c61489564cba70ccde2e0e19ca1224151dcb80341856f75dafd93eb6e57fd73d1416a744f92cd6701b3b7276aa36988d8308537
+  data.tar.gz: d65aee899c9a75b1bdbfeca54b1cd089aa39bd44bd003d76b89a0455d782a27182f72df2f2d8708220d7b6ed33812ea2f90aaac1b8caa43ae3d2d2ba6de0e1df

data/lib/foreman_tasks/version.rb

@@ -1,3 +1,3 @@
 module ForemanTasks
-  VERSION = '0.15.8'.freeze
+  VERSION = '0.15.9'.freeze
 end

data/webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/Components/PausedTasksCard/PausedTasksCard.js

@@ -4,7 +4,12 @@ import { translate as __ } from 'foremanReact/common/I18n';
 import TasksDonutCard from '../TasksDonutCard/TasksDonutCard';
 
 const PausedTasksCard = ({ ...props }) => (
-  <TasksDonutCard title={__('Paused')} wantedQueryState="paused" {...props} />
+  <TasksDonutCard
+    title={__('Paused')}
+    wantedQueryState="paused"
+    id="paused-tasks-card"
+    {...props}
+  />
 );
 
 const filterUnwantedFields = obj => {

data/webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/Components/PausedTasksCard/__snapshots__/PausedTasksCard.test.js.snap

@@ -9,6 +9,7 @@ exports[`PausedTasksCard render with minimal props 1`] = `
       "older": 0,
     }
   }
+  id="paused-tasks-card"
   query={Object {}}
   time="H24"
   title="Paused"
@@ -26,6 +27,7 @@ exports[`PausedTasksCard render with some props 1`] = `
       "older": 0,
     }
   }
+  id="paused-tasks-card"
   query={Object {}}
   some="prop"
   time="H24"

data/webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/Components/RunningTasksCard/RunningTasksCard.js

@@ -4,7 +4,12 @@ import { translate as __ } from 'foremanReact/common/I18n';
 import TasksDonutCard from '../TasksDonutCard/TasksDonutCard';
 
 const RunningTasksCard = ({ ...props }) => (
-  <TasksDonutCard title={__('Running')} wantedQueryState="running" {...props} />
+  <TasksDonutCard
+    title={__('Running')}
+    wantedQueryState="running"
+    id="running-tasks-card"
+    {...props}
+  />
 );
 
 const filterUnwantedFields = obj => {

data/webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/Components/RunningTasksCard/__snapshots__/RunningTasksCard.test.js.snap

@@ -9,6 +9,7 @@ exports[`RunningTasksCard render with minimal props 1`] = `
       "older": 0,
     }
   }
+  id="running-tasks-card"
   query={Object {}}
   time="H24"
   title="Running"
@@ -26,6 +27,7 @@ exports[`RunningTasksCard render with some props 1`] = `
       "older": 0,
     }
   }
+  id="running-tasks-card"
   query={Object {}}
   some="prop"
   time="H24"

data/webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/Components/ScheduledTasksCard/ScheduledTasksCard.js

@@ -27,18 +27,15 @@ const ScheduledTasksCard = ({
         className,
         {
           'selected-tasks-card': query.state === SCHEDULED,
+          'not-focused': query.state && query.state !== SCHEDULED,
         }
       )}
       {...props}
+      id="scheduled-tasks-card"
     >
       <Card.Title onClick={onClick}>{__('Scheduled')}</Card.Title>
       <Card.Body>
-        <div
-          className={classNames('scheduled-data', {
-            'not-focused': query.state && query.state !== SCHEDULED,
-          })}
-          onClick={onClick}
-        >
+        <div className="scheduled-data" onClick={onClick}>
           {data}
           <p>{__('Total')}</p>
         </div>

data/webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/Components/ScheduledTasksCard/ScheduledTasksCard.scss

@@ -1,8 +1,5 @@
 .scheduled-tasks-card {
   text-align: center;
-  .not-focused {
-    opacity: 0.3;
-  }
   .scheduled-data {
     padding-right: 15px;
     cursor: pointer;

data/webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/Components/ScheduledTasksCard/__snapshots__/ScheduledTasksCard.test.js.snap

@@ -7,6 +7,7 @@ exports[`ScheduledTasksCard render selected 1`] = `
   aggregatedMini={false}
   cardRef={null}
   className="tasks-donut-card scheduled-tasks-card selected-tasks-card"
+  id="scheduled-tasks-card"
   matchHeight={false}
 >
   <CardTitle
@@ -38,6 +39,7 @@ exports[`ScheduledTasksCard render with minimal props 1`] = `
   aggregatedMini={false}
   cardRef={null}
   className="tasks-donut-card scheduled-tasks-card"
+  id="scheduled-tasks-card"
   matchHeight={false}
 >
   <CardTitle
@@ -69,6 +71,7 @@ exports[`ScheduledTasksCard render with props 1`] = `
   aggregatedMini={false}
   cardRef={null}
   className="tasks-donut-card scheduled-tasks-card some-class"
+  id="scheduled-tasks-card"
   matchHeight={false}
 >
   <CardTitle

data/webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/Components/StoppedTasksCard/StoppedTasksCard.js

@@ -34,9 +34,11 @@ const StoppedTasksCard = ({
         className,
         {
           'selected-tasks-card': query.state === STOPPED,
+          'not-focused': query.state && query.state !== STOPPED,
         }
       )}
       {...props}
+      id="stopped-tasks-card"
     >
       <Card.Title onClick={() => updateQuery({ state: STOPPED })}>
         {__('Stopped')}

data/webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/Components/StoppedTasksCard/StoppedTasksCard.scss

@@ -4,10 +4,6 @@
     border: none;
     table-layout: fixed;
 
-    .not-focused {
-      opacity: 0.3;
-    }
-
     thead {
       background-color: transparent;
       background-image: none;

data/webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/Components/StoppedTasksCard/StoppedTasksCardHelper.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { capitalize } from 'lodash';
 import classNames from 'classnames';
-import { Icon } from 'patternfly-react';
+import { Icon, Button } from 'patternfly-react';
 import {
   TASKS_DASHBOARD_AVAILABLE_QUERY_STATES,
   TASKS_DASHBOARD_AVAILABLE_QUERY_MODES,
@@ -40,7 +40,7 @@ export const StoppedTable = (data, query, time, updateQuery) =>
           })}
           onClick={() => updateQuery({ state: STOPPED, result })}
         >
-          {total}
+          <Button bsStyle="link">{total}</Button>
         </td>
         <td
           className={classNames('data-col', {
@@ -56,7 +56,7 @@ export const StoppedTable = (data, query, time, updateQuery) =>
             })
           }
         >
-          {last}
+          <Button bsStyle="link">{last}</Button>
         </td>
       </tr>
     );

data/webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/Components/StoppedTasksCard/__snapshots__/StoppedTasksCard.test.js.snap

@@ -7,6 +7,7 @@ exports[`StoppedTasksCard render error-last selected 1`] = `
   aggregatedMini={false}
   cardRef={null}
   className="tasks-donut-card stopped-tasks-card selected-tasks-card"
+  id="stopped-tasks-card"
   matchHeight={false}
 >
   <CardTitle
@@ -47,13 +48,29 @@ exports[`StoppedTasksCard render error-last selected 1`] = `
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col active"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
         <tr
@@ -70,13 +87,29 @@ exports[`StoppedTasksCard render error-last selected 1`] = `
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
         <tr
@@ -93,13 +126,29 @@ exports[`StoppedTasksCard render error-last selected 1`] = `
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
       </tbody>
@@ -115,6 +164,7 @@ exports[`StoppedTasksCard render error-total selected 1`] = `
   aggregatedMini={false}
   cardRef={null}
   className="tasks-donut-card stopped-tasks-card selected-tasks-card"
+  id="stopped-tasks-card"
   matchHeight={false}
 >
   <CardTitle
@@ -155,13 +205,29 @@ exports[`StoppedTasksCard render error-total selected 1`] = `
             className="data-col active"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
         <tr
@@ -178,13 +244,29 @@ exports[`StoppedTasksCard render error-total selected 1`] = `
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
         <tr
@@ -201,13 +283,29 @@ exports[`StoppedTasksCard render error-total selected 1`] = `
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
       </tbody>
@@ -223,6 +321,7 @@ exports[`StoppedTasksCard render selected 1`] = `
   aggregatedMini={false}
   cardRef={null}
   className="tasks-donut-card stopped-tasks-card selected-tasks-card"
+  id="stopped-tasks-card"
   matchHeight={false}
 >
   <CardTitle
@@ -263,13 +362,29 @@ exports[`StoppedTasksCard render selected 1`] = `
             className="data-col"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
         <tr
@@ -286,13 +401,29 @@ exports[`StoppedTasksCard render selected 1`] = `
             className="data-col"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
         <tr
@@ -309,13 +440,29 @@ exports[`StoppedTasksCard render selected 1`] = `
             className="data-col"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
       </tbody>
@@ -331,6 +478,7 @@ exports[`StoppedTasksCard render success-last selected 1`] = `
   aggregatedMini={false}
   cardRef={null}
   className="tasks-donut-card stopped-tasks-card selected-tasks-card"
+  id="stopped-tasks-card"
   matchHeight={false}
 >
   <CardTitle
@@ -371,13 +519,29 @@ exports[`StoppedTasksCard render success-last selected 1`] = `
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
         <tr
@@ -394,13 +558,29 @@ exports[`StoppedTasksCard render success-last selected 1`] = `
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
         <tr
@@ -417,13 +597,29 @@ exports[`StoppedTasksCard render success-last selected 1`] = `
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col active"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
       </tbody>
@@ -439,6 +635,7 @@ exports[`StoppedTasksCard render success-total selected 1`] = `
   aggregatedMini={false}
   cardRef={null}
   className="tasks-donut-card stopped-tasks-card selected-tasks-card"
+  id="stopped-tasks-card"
   matchHeight={false}
 >
   <CardTitle
@@ -479,13 +676,29 @@ exports[`StoppedTasksCard render success-total selected 1`] = `
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
         <tr
@@ -502,13 +715,29 @@ exports[`StoppedTasksCard render success-total selected 1`] = `
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
         <tr
@@ -525,13 +754,29 @@ exports[`StoppedTasksCard render success-total selected 1`] = `
             className="data-col active"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
       </tbody>
@@ -547,6 +792,7 @@ exports[`StoppedTasksCard render warning-last selected 1`] = `
   aggregatedMini={false}
   cardRef={null}
   className="tasks-donut-card stopped-tasks-card selected-tasks-card"
+  id="stopped-tasks-card"
   matchHeight={false}
 >
   <CardTitle
@@ -587,13 +833,29 @@ exports[`StoppedTasksCard render warning-last selected 1`] = `
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
         <tr
@@ -610,13 +872,29 @@ exports[`StoppedTasksCard render warning-last selected 1`] = `
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col active"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
         <tr
@@ -633,13 +911,29 @@ exports[`StoppedTasksCard render warning-last selected 1`] = `
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
       </tbody>
@@ -655,6 +949,7 @@ exports[`StoppedTasksCard render warning-total selected 1`] = `
   aggregatedMini={false}
   cardRef={null}
   className="tasks-donut-card stopped-tasks-card selected-tasks-card"
+  id="stopped-tasks-card"
   matchHeight={false}
 >
   <CardTitle
@@ -695,13 +990,29 @@ exports[`StoppedTasksCard render warning-total selected 1`] = `
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
         <tr
@@ -718,13 +1029,29 @@ exports[`StoppedTasksCard render warning-total selected 1`] = `
             className="data-col active"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
         <tr
@@ -741,13 +1068,29 @@ exports[`StoppedTasksCard render warning-total selected 1`] = `
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
       </tbody>
@@ -763,6 +1106,7 @@ exports[`StoppedTasksCard render with minimal props 1`] = `
   aggregatedMini={false}
   cardRef={null}
   className="tasks-donut-card stopped-tasks-card"
+  id="stopped-tasks-card"
   matchHeight={false}
 >
   <CardTitle
@@ -803,13 +1147,29 @@ exports[`StoppedTasksCard render with minimal props 1`] = `
             className="data-col"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
         <tr
@@ -826,13 +1186,29 @@ exports[`StoppedTasksCard render with minimal props 1`] = `
             className="data-col"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
         <tr
@@ -849,13 +1225,29 @@ exports[`StoppedTasksCard render with minimal props 1`] = `
             className="data-col"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
       </tbody>
@@ -871,6 +1263,7 @@ exports[`StoppedTasksCard render with props 1`] = `
   aggregatedMini={false}
   cardRef={null}
   className="tasks-donut-card stopped-tasks-card"
+  id="stopped-tasks-card"
   matchHeight={false}
 >
   <CardTitle
@@ -911,13 +1304,29 @@ exports[`StoppedTasksCard render with props 1`] = `
             className="data-col"
             onClick={[Function]}
           >
-            9
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              9
+            </Button>
           </td>
           <td
             className="data-col"
             onClick={[Function]}
           >
-            1
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              1
+            </Button>
           </td>
         </tr>
         <tr
@@ -934,13 +1343,29 @@ exports[`StoppedTasksCard render with props 1`] = `
             className="data-col"
             onClick={[Function]}
           >
-            8
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              8
+            </Button>
           </td>
           <td
             className="data-col"
             onClick={[Function]}
           >
-            2
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              2
+            </Button>
           </td>
         </tr>
         <tr
@@ -957,13 +1382,29 @@ exports[`StoppedTasksCard render with props 1`] = `
             className="data-col"
             onClick={[Function]}
           >
-            7
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              7
+            </Button>
           </td>
           <td
             className="data-col"
             onClick={[Function]}
           >
-            3
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              3
+            </Button>
           </td>
         </tr>
       </tbody>

data/webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/Components/TasksDonutCard/TasksDonutCard.js

@@ -39,6 +39,7 @@ const TasksDonutCard = ({
         'selected-tasks-card':
           focusedOn !== TASKS_DONUT_CHART_FOCUSED_ON_OPTIONS.NORMAL &&
           focusedOn !== TASKS_DONUT_CHART_FOCUSED_ON_OPTIONS.NONE,
+        'not-focused': focusedOn === TASKS_DONUT_CHART_FOCUSED_ON_OPTIONS.NONE,
       })}
       {...props}
     >

data/webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/Components/TasksDonutCard/TasksDonutCard.scss

@@ -1,4 +1,10 @@
 .tasks-donut-card {
+  &.not-focused {
+    .card-pf-title,
+    .card-pf-body {
+      opacity: 0.6;
+    }
+  }
   .card-pf-title {
     text-align: center;
     font-size: 180%;

data/webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/Components/TasksDonutChart/TasksDonutChart.scss

@@ -1,7 +1,4 @@
 .tasks-donut-chart {
-  .c3.not-focused {
-    opacity: 0.3;
-  }
   .c3-chart-arcs-title {
     cursor: pointer;
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: foreman-tasks
 version: !ruby/object:Gem::Version
-  version: 0.15.8
+  version: 0.15.9
 platform: ruby
 authors:
 - Ivan Nečas
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-08-08 00:00:00.000000000 Z
+date: 2019-09-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: foreman-tasks-core