Show Updated and Image Flag for File List

apps/red-ui/src/app/common/filter/utils/filter-utils.ts

@@ -133,6 +133,12 @@ export const annotationFilterChecker = (input: FileStatusWrapper | ProjectWrappe
         case 'none': {
             return input.hasNone;
         }
+        case 'updated': {
+            return input instanceof FileStatusWrapper && input.hasUpdates;
+        }
+        case 'image': {
+            return input instanceof FileStatusWrapper && input.hasImages;
+        }
     }
 };
 

apps/red-ui/src/app/components/needs-work-badge/needs-work-badge.component.html

@@ -3,4 +3,6 @@
     <redaction-annotation-icon *ngIf="needsWorkInput.hasRedactions" type="square" label="R" color="#283241"></redaction-annotation-icon>
     <redaction-annotation-icon *ngIf="needsWorkInput.hintsOnly" type="circle" label="H" color="#9398a0"></redaction-annotation-icon>
     <redaction-annotation-icon *ngIf="needsWorkInput.hasRequests" type="rhombus" label="S" [color]="suggestionColor"></redaction-annotation-icon>
+    <redaction-annotation-icon *ngIf="hasUpdates" type="square" label="U" color="#fdbd00"></redaction-annotation-icon>
+    <redaction-annotation-icon *ngIf="hasImages" type="square" label="G" [color]="imageColor"></redaction-annotation-icon>
 </div>

apps/red-ui/src/app/components/needs-work-badge/needs-work-badge.component.ts

@@ -25,11 +25,27 @@ export class NeedsWorkBadgeComponent implements OnInit {
     }
 
     get suggestionColor() {
+        return this._getDictionaryColor('suggestion');
+    }
+
+    get imageColor() {
+        return this._getDictionaryColor('image');
+    }
+
+    get hasImages() {
+        return this.needsWorkInput instanceof FileStatusWrapper && this.needsWorkInput.hasImages;
+    }
+
+    get hasUpdates() {
+        return this.needsWorkInput instanceof FileStatusWrapper && this.needsWorkInput.hasUpdates;
+    }
+
+    private _getDictionaryColor(type: string) {
         let ruleSetId = null;
         if (this.needsWorkInput instanceof ProjectWrapper) {
             ruleSetId = this.needsWorkInput.ruleSetId;
         }
 
-        return this.appStateService.getDictionaryColor('suggestion', ruleSetId);
+        return this.appStateService.getDictionaryColor(type, ruleSetId);
     }
 }

apps/red-ui/src/app/components/type-filter/type-filter.component.html

@@ -29,4 +29,8 @@
 <redaction-annotation-icon *ngIf="filter.key === 'declined-suggestion'" type="rhombus" label="S" [color]="dictionaryColor"></redaction-annotation-icon>
 
 <redaction-annotation-icon *ngIf="filter.key === 'none'" label="-" color="transparent" type="none"></redaction-annotation-icon>
+
+<redaction-annotation-icon *ngIf="filter.key === 'updated'" type="square" label="U" color="#fdbd00"></redaction-annotation-icon>
+
+<redaction-annotation-icon *ngIf="filter.key === 'image'" type="square" label="G" [color]="dictionaryColor"></redaction-annotation-icon>
 {{ filter.label | translate }}

apps/red-ui/src/app/screens/base-screen/base-screen.component.html

@@ -55,7 +55,6 @@
                 class="breadcrumb"
                 [routerLink]="'/ui/projects/' + appStateService.activeProjectId + '/file/' + appStateService.activeFile.fileId"
                 routerLinkActive="active"
-                [routerLinkActiveOptions]="{ exact: true }"
             >
                 {{ appStateService.activeFile.filename }}
             </a>

apps/red-ui/src/app/screens/project-overview-screen/project-overview-screen.component.ts

@@ -268,6 +268,8 @@ export class ProjectOverviewScreenComponent implements OnInit, OnDestroy {
             if (file.hasRedactions) allDistinctNeedsWork.add('redaction');
             if (file.hasRequests) allDistinctNeedsWork.add('suggestion');
             if (file.hasNone) allDistinctNeedsWork.add('none');
+            if (file.hasUpdates) allDistinctNeedsWork.add('updated');
+            if (file.hasImages) allDistinctNeedsWork.add('image');
         });
 
         const statusFilters = [];

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

@@ -449,7 +449,9 @@
         "redaction": "Redacted",
         "suggestion": "Suggested Redaction",
         "analysis": "Analysis required",
-        "none": "No Annotations"
+        "none": "No Annotations",
+        "updated": "Updated",
+        "image": "Images"
     },
     "filter-menu": {
         "label": "Filter",