Merge pull request #360 from daniel-beck/color-table

Mute successful rows, highlight failed and unstable rows in the Pipeline Steps table

Author: jglick

src/main/resources/org/jenkinsci/plugins/workflow/support/visualization/table/FlowGraphTable/adjunct.css

@@ -0,0 +1,18 @@
+tr.workflow-support-row-status-blue.workflow-support-row-executed-false td {
+    opacity: 0.3;
+}
+tr.workflow-support-row-status-blue td {
+    opacity: 0.6;
+}
+
+tr.workflow-support-row-status-yellow td {
+    font-weight: bold !important;
+    color: var(--alert-warning-text-color) !important;
+    background-color: var(--alert-warning-bg-color) !important;
+}
+
+tr.workflow-support-row-status-red td {
+    font-weight: bold !important;
+    color: var(--alert-danger-text-color) !important;
+    background-color: var(--alert-danger-bg-color) !important;
+}

src/main/resources/org/jenkinsci/plugins/workflow/support/visualization/table/FlowGraphTable/ajax.jelly

@@ -28,6 +28,9 @@
 -->
 <j:jelly xmlns:j="jelly:core" xmlns:st="jelly:stapler" xmlns:l="/lib/layout">
   <l:ajax>
+    <j:if test="${!ajax}">
+      <st:adjunct includes="org.jenkinsci.plugins.workflow.support.visualization.table.FlowGraphTable.adjunct"/>
+    </j:if>
     <div id="nodeGraph">
       <table class="jenkins-table">
         <j:set var="columns" value="${it.columns}"/>
@@ -42,7 +45,7 @@
 
         <j:forEach var="row" items="${it.rows}">
           <j:set var="node" value="${row.node}"/>
-          <tr style="opacity: ${row.isExecuted()?'1.0':'0.3'}"> <!-- Muted if not executed -->
+          <tr class="workflow-support-row-status-${node.iconColor} workflow-support-row-executed-${row.executed}"> <!-- Muted if not executed -->
             <!-- tooltip is for now debugging only -->
             <j:set var="exec_state" value=""/>
             <j:if test="${!row.executed}"><j:set var="exec_state" value=" (${%not executed})"/></j:if>