From 52301926102f700b43641854be2dfa7f09c6c43d Mon Sep 17 00:00:00 2001 From: chausman <chausman@nrao.edu> Date: Wed, 21 Jun 2023 17:06:14 -0600 Subject: [PATCH] add requested colors to the execution status column. I really question their taste --- .../active-capability-requests.component.html | 4 +++- .../active-capability-requests.component.scss | 21 +++++++++++++++++++ 2 files changed, 24 insertions(+), 1 deletion(-) 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 91299499b..355e22379 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', + 'exec_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 687ea6b94..02effcdf1 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 @@ } } +.exec_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 ('; -- GitLab