diff --git a/apps/web/src/app/workspaces/components/active-capability-requests/active-capability-requests.component.html b/apps/web/src/app/workspaces/components/active-capability-requests/active-capability-requests.component.html index 91299499be8f487d8bdf3c564acaa1be0972f828..a364c300a7821dfe4bf22b568f5de7a8a490a40f 100644 --- a/apps/web/src/app/workspaces/components/active-capability-requests/active-capability-requests.component.html +++ b/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> diff --git a/apps/web/src/app/workspaces/components/active-capability-requests/active-capability-requests.component.scss b/apps/web/src/app/workspaces/components/active-capability-requests/active-capability-requests.component.scss index 687ea6b94672c55522813eecf00f4e81b380a240..b9751cb99a66cc2b9e7ffe05b7f4066db32f88ff 100644 --- a/apps/web/src/app/workspaces/components/active-capability-requests/active-capability-requests.component.scss +++ b/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 (';