add status bar color, update permissions for excluded files

apps/red-ui/src/app/services/permissions.service.ts

@@ -207,6 +207,7 @@ export class PermissionsService {
             this.isProjectMember() &&
             !fileStatus.isProcessing &&
             !fileStatus.isError &&
+            !fileStatus.isExcluded &&
             !fileStatus.isApprovedOrUnderApproval &&
             (this.isManagerAndOwner() || !this.isFileReviewer(fileStatus))
         );

apps/red-ui/src/assets/i18n/en.json

@@ -464,6 +464,7 @@
     "UNDER_REVIEW": "Under Review",
     "UNDER_APPROVAL": "Under Approval",
     "APPROVED": "Approved",
+    "EXCLUDED": "Excluded",
     "by": "by",
     "efsa": "EFSA Approval",
     "finished": "Finished",

apps/red-ui/src/assets/styles/red-components.scss

@@ -141,6 +141,11 @@
     background-color: $grey-1;
 }
 
+.EXCLUDED {
+    stroke: $pink-1;
+    background-color: $pink-1;
+}
+
 .ERROR {
     stroke: lighten($red-1, 25%);
     background-color: lighten($red-1, 25%);

apps/red-ui/src/assets/styles/red-variables.scss

@@ -21,6 +21,7 @@ $yellow-2: #fdbd00;
 $green-1: #00ff00;
 $green-2: #5ce594;
 $orange-1: #ff801a;
+$pink-1: #F125DE;
 
 $primary: $red-1;
 $accent: $grey-1;