Display invalid rows as greyed out

Author: elsamaryv

app/javascript/components/miq-data-table/helper.js

@@ -133,7 +133,7 @@ export const rowData = (headerKeys, rows, hasCheckbox) => {
   const rowItems = [];
   const mergedStatus = [];
   rows.forEach(({
-    cells, id, clickable, clickId,
+    cells, id, clickable, clickId, disabled,
   }) => {
     const requiredCells = hasCheckbox ? (cells.filter((c) => !c.is_checkbox)) : cells;
     const { mergedCells, merged } = mergeIcons(requiredCells);
@@ -143,6 +143,7 @@ export const rowData = (headerKeys, rows, hasCheckbox) => {
       result.id = id;
       if (clickId) result.clickId = clickId;
       result.clickable = clickable;
+      if (disabled !== undefined) result.disabled = disabled;
       return result;
     }, {});
     rowItems.push(reducedItems);

app/stylesheet/miq-data-table.scss

@@ -404,6 +404,22 @@ table.miq_preview {
   .workflows-entry-point-modal-body {
     .miq-data-table {
       margin-top: 0px;
+
+      tbody tr.disabled-row {
+        opacity: 0.5 !important;
+        cursor: not-allowed !important;
+        pointer-events: none !important;
+        color: #8d8d8d !important;
+        background-color: #f4f4f4 !important;
+
+        &:hover {
+          background-color: #f4f4f4 !important;
+        }
+
+        td {
+          color: #8d8d8d !important;
+        }
+      }
     }
   }
 }
@@ -436,3 +452,21 @@ table.miq_preview {
     padding-left: 24px;
   }
 }
+
+.automated-workflow-entry-points {
+  tbody tr.disabled-row {
+    opacity: 0.5 !important;
+    cursor: not-allowed !important;
+    pointer-events: none !important;
+    color: #8d8d8d !important;
+    background-color: #f4f4f4 !important;
+
+    &:hover {
+      background-color: #f4f4f4 !important;
+    }
+
+    td {
+      color: #8d8d8d !important;
+    }
+  }
+}