Merge branch 'ws-1715_colors' into '2.8.2-DEVELOPMENT'

add requested colors to the execution status column

See merge request !1403

apps/web/src/app/workspaces/components/active-capability-requests/active-capability-requests.component.html

@@ -145,7 +145,9 @@
           <app-status-badge [capabilityRequest]="request"></app-status-badge>
         </a>
       </td>
-      <td>{{ getExecutionStatusName(request) }}</td>
+      <td [ngClass]="{'stage1-status': getExecutionStatusName(request) === 'Awaiting QA',
+       'execution-status': getExecutionStatusName(request) === 'Executing',
+       'stage2-status': getExecutionStatusName(request) === 'Stage 2 Review'}">{{ getExecutionStatusName(request) }}</td>
       <td>{{ getMetadata(request).sdm_id }}</td>
       <td>{{ getMetadata(request).bands ? getMetadata(request).bands.split(' ').join(', ') : "" }}</td>
       <td>{{ getMetadata(request).array_config }}</td>

apps/web/src/app/workspaces/components/active-capability-requests/active-capability-requests.component.scss

@@ -13,6 +13,27 @@
   }
 }
 
+.execution-status {
+  background-color: #FFC0CB;
+  mat-label {
+    opacity: 1 !important;
+  }
+}
+
+.stage1-status {
+  background-color: #99FFFF;
+  mat-label {
+    opacity: 1 !important;
+  }
+}
+
+.stage2-status {
+  background-color: #FF7F50;
+  mat-label {
+    opacity: 1;
+  }
+}
+
 .mat-select-panel-wrap {
   mat-option:last-child:before {
     content: 'All (';