feat(admin): color of block destinations

Distinguish block destinations by color on the services list.

Author: sarkapalkovicova

libs/perun/components/src/lib/services-status-list/services-status-list.component.css

@@ -14,6 +14,10 @@
   background-color: #ffcdd2;
 }
 
+.make-black {
+  background-color: #00000026;
+}
+
 .cursor-pointer {
   cursor: pointer;
 }

libs/perun/components/src/lib/services-status-list/services-status-list.component.html

@@ -110,9 +110,10 @@
         class="dark-hover-list-item"
         *matRowDef="let serviceState; columns: displayedColumns;"
         [class.disable-outline]="disableRouting || !serviceState.task"
-        [class.make-yellow]="serviceState.status === 'WARNING'"
-        [class.make-green]="serviceState.status === 'DONE'"
-        [class.make-red]="serviceState.status === 'GENERROR' || serviceState.status === 'SENDERROR' || serviceState.status === 'ERROR'"
+        [class.make-black]="serviceState.blockedOnFacility"
+        [class.make-yellow]="!serviceState.blockedOnFacility && serviceState.status === 'WARNING'"
+        [class.make-green]="!serviceState.blockedOnFacility && serviceState.status === 'DONE'"
+        [class.make-red]="!serviceState.blockedOnFacility && (serviceState.status === 'GENERROR' || serviceState.status === 'SENDERROR' || serviceState.status === 'ERROR')"
         [class.cursor-pointer]="!disableRouting && serviceState.task !== null"
         [routerLink]="disableRouting || serviceState.task === null ? null : ['/facilities', serviceState.facility.id, 'services-status', serviceState.taskId]"
         [perunWebAppsMiddleClickRouterLink]="disableRouting || serviceState.task === null ? null : ['/facilities', serviceState.facility.id, 'services-status', serviceState.taskId]"></tr>