diff --git a/apps/red-ui/src/app/app.module.ts b/apps/red-ui/src/app/app.module.ts index d890db0d3..b9e4ee43a 100644 --- a/apps/red-ui/src/app/app.module.ts +++ b/apps/red-ui/src/app/app.module.ts @@ -70,6 +70,7 @@ import { SortingComponent } from './components/sorting/sorting.component'; import { TableColNameComponent } from './components/table-col-name/table-col-name.component'; import { ProjectDetailsComponent } from './screens/project-overview-screen/project-details/project-details.component'; import { PageIndicatorComponent } from './screens/file/page-indicator/page-indicator.component'; +import { NeedsWorkBadgeComponent } from './screens/common/needs-work-badge/needs-work-badge.component'; export function HttpLoaderFactory(httpClient: HttpClient) { return new TranslateHttpLoader(httpClient, '/assets/i18n/', '.json'); @@ -105,7 +106,8 @@ export function HttpLoaderFactory(httpClient: HttpClient) { SortingComponent, TableColNameComponent, ProjectDetailsComponent, - PageIndicatorComponent + PageIndicatorComponent, + NeedsWorkBadgeComponent ], imports: [ BrowserModule, diff --git a/apps/red-ui/src/app/screens/common/needs-work-badge/needs-work-badge.component.html b/apps/red-ui/src/app/screens/common/needs-work-badge/needs-work-badge.component.html new file mode 100644 index 000000000..5568ae75e --- /dev/null +++ b/apps/red-ui/src/app/screens/common/needs-work-badge/needs-work-badge.component.html @@ -0,0 +1,14 @@ +
+ + + +
diff --git a/apps/red-ui/src/app/screens/common/needs-work-badge/needs-work-badge.component.scss b/apps/red-ui/src/app/screens/common/needs-work-badge/needs-work-badge.component.scss new file mode 100644 index 000000000..fc11acfa3 --- /dev/null +++ b/apps/red-ui/src/app/screens/common/needs-work-badge/needs-work-badge.component.scss @@ -0,0 +1,7 @@ +.needs-work { + display: flex; + flex-direction: row; + align-items: center; + justify-content: flex-start; + gap: 4px; +} diff --git a/apps/red-ui/src/app/screens/common/needs-work-badge/needs-work-badge.component.ts b/apps/red-ui/src/app/screens/common/needs-work-badge/needs-work-badge.component.ts new file mode 100644 index 000000000..44f29a334 --- /dev/null +++ b/apps/red-ui/src/app/screens/common/needs-work-badge/needs-work-badge.component.ts @@ -0,0 +1,22 @@ +import { Component, Input, OnInit } from '@angular/core'; +import { AppStateService } from '../../../state/app-state.service'; + +export interface NeedsWorkInput { + hasHints?: boolean; + hasRedactions?: boolean; + hasRequests?: boolean; +} + +@Component({ + selector: 'redaction-needs-work-badge', + templateUrl: './needs-work-badge.component.html', + styleUrls: ['./needs-work-badge.component.scss'] +}) +export class NeedsWorkBadgeComponent implements OnInit { + @Input() displayed: boolean; + @Input() needsWorkInput: NeedsWorkInput; + + constructor(public appStateService: AppStateService) {} + + ngOnInit(): void {} +} diff --git a/apps/red-ui/src/app/screens/file/service/filter-group.service.ts b/apps/red-ui/src/app/screens/file/service/filter-group.service.ts new file mode 100644 index 000000000..e69de29bb diff --git a/apps/red-ui/src/app/screens/project-listing-screen/project-listing-screen.component.html b/apps/red-ui/src/app/screens/project-listing-screen/project-listing-screen.component.html index e9875dfec..cd66efaa6 100644 --- a/apps/red-ui/src/app/screens/project-listing-screen/project-listing-screen.component.html +++ b/apps/red-ui/src/app/screens/project-listing-screen/project-listing-screen.component.html @@ -22,20 +22,13 @@ [icon]="'red:lightning'" (filtersChanged)="filtersChanged()" > - - - - - - - - - - - - - - +