diff --git a/.editorconfig b/.editorconfig index 9b7352176..4a2be7a8c 100644 --- a/.editorconfig +++ b/.editorconfig @@ -7,6 +7,7 @@ indent_style = space indent_size = 4 insert_final_newline = true trim_trailing_whitespace = true +ij_html_quote_style = double [*.md] max_line_length = off diff --git a/apps/red-ui/src/app/modules/projects/components/disabled-for-redaction/disabled-for-redaction.component.scss b/apps/red-ui/src/app/modules/projects/components/disabled-for-redaction/disabled-for-redaction.component.scss new file mode 100644 index 000000000..2c2b5c84c --- /dev/null +++ b/apps/red-ui/src/app/modules/projects/components/disabled-for-redaction/disabled-for-redaction.component.scss @@ -0,0 +1,34 @@ +@import '../../../../../assets/styles/red-mixins'; + +:host { + display: block; + position: absolute; + height: 100%; + background: white; + z-index: 1; + width: 100%; + @include inset-shadow; +} + +.section { + padding: 40px; + + flex-direction: column; + + &:not(:last-child) { + border-bottom: 1px solid $separator; + } +} + +p { + height: 48px; + width: 234px; + text-align: center; + color: #9398a0; +} + +mat-icon { + width: 60px; + height: 60px; + opacity: 10%; +} diff --git a/apps/red-ui/src/app/modules/projects/components/disabled-for-redaction/disabled-for-redaction.component.ts b/apps/red-ui/src/app/modules/projects/components/disabled-for-redaction/disabled-for-redaction.component.ts new file mode 100644 index 000000000..e3fc293e5 --- /dev/null +++ b/apps/red-ui/src/app/modules/projects/components/disabled-for-redaction/disabled-for-redaction.component.ts @@ -0,0 +1,12 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'redaction-disabled-for-redaction', + template: + "
\n" + + ' \n' + + "

{{'file-preview.tabs.is-excluded' | translate}}

\n" + + '
', + styleUrls: ['./disabled-for-redaction.component.scss'] +}) +export class DisabledForRedactionComponent {} diff --git a/apps/red-ui/src/app/modules/projects/components/file-actions/file-actions.component.html b/apps/red-ui/src/app/modules/projects/components/file-actions/file-actions.component.html index 319c28c56..a27c3d766 100644 --- a/apps/red-ui/src/app/modules/projects/components/file-actions/file-actions.component.html +++ b/apps/red-ui/src/app/modules/projects/components/file-actions/file-actions.component.html @@ -135,5 +135,19 @@ type="dark-bg" > + + +
+ + +
diff --git a/apps/red-ui/src/app/modules/projects/components/file-actions/file-actions.component.scss b/apps/red-ui/src/app/modules/projects/components/file-actions/file-actions.component.scss index e42b0242b..f3d8e6d9e 100644 --- a/apps/red-ui/src/app/modules/projects/components/file-actions/file-actions.component.scss +++ b/apps/red-ui/src/app/modules/projects/components/file-actions/file-actions.component.scss @@ -20,3 +20,18 @@ redaction-status-bar { margin-left: 2px; } + +mat-slide-toggle { + height: 34px; + width: 34px; + line-height: 33px; +} + +.mr-24 { + margin-right: 24px; +} + +mat-slide-toggle { + margin-left: 8px; + margin-right: 5px; +} diff --git a/apps/red-ui/src/app/modules/projects/components/file-actions/file-actions.component.ts b/apps/red-ui/src/app/modules/projects/components/file-actions/file-actions.component.ts index 569fbb1d6..119062504 100644 --- a/apps/red-ui/src/app/modules/projects/components/file-actions/file-actions.component.ts +++ b/apps/red-ui/src/app/modules/projects/components/file-actions/file-actions.component.ts @@ -4,6 +4,7 @@ import { FileStatusWrapper } from '../../../../models/file/file-status.wrapper'; import { AppStateService } from '../../../../state/app-state.service'; import { FileActionService } from '../../services/file-action.service'; import { ProjectsDialogService } from '../../services/projects-dialog.service'; +import { TooltipPosition } from '@angular/material/tooltip'; @Component({ selector: 'redaction-file-actions', @@ -103,4 +104,26 @@ export class FileActionsComponent implements OnInit { this.actionPerformed.emit(action); }); } + + async toggleAnalysis($event: MouseEvent) { + $event.stopPropagation(); + await this._fileActionService.toggleAnalysis(this.fileStatus).toPromise(); + await this.appStateService.getFiles(); + } + + get toggleTooltip(): string { + if (!this.permissionsService.isManager()) { + return 'file-preview.toggle-analysis.only-managers'; + } + + return this.fileStatus.isExcluded ? 'file-preview.toggle-analysis.enable' : 'file-preview.toggle-analysis.disable'; + } + + get toggleTooltipPosition(): TooltipPosition { + if (!this.permissionsService.isManager() && this.screen === 'file-preview') { + return 'left'; + } + + return 'above'; + } } diff --git a/apps/red-ui/src/app/modules/projects/projects.module.ts b/apps/red-ui/src/app/modules/projects/projects.module.ts index 818b553ed..b119686c6 100644 --- a/apps/red-ui/src/app/modules/projects/projects.module.ts +++ b/apps/red-ui/src/app/modules/projects/projects.module.ts @@ -35,6 +35,7 @@ import { PdfViewerDataService } from './services/pdf-viewer-data.service'; import { ManualAnnotationService } from './services/manual-annotation.service'; import { AnnotationDrawService } from './services/annotation-draw.service'; import { AnnotationProcessingService } from './services/annotation-processing.service'; +import { DisabledForRedactionComponent } from './components/disabled-for-redaction/disabled-for-redaction.component'; const screens = [ProjectListingScreenComponent, ProjectOverviewScreenComponent, FilePreviewScreenComponent]; @@ -53,11 +54,9 @@ const components = [ ProjectDetailsComponent, PageIndicatorComponent, NeedsWorkBadgeComponent, - ProjectListingEmptyComponent, AnnotationActionsComponent, ProjectListingEmptyComponent, ProjectListingDetailsComponent, - FileActionsComponent, TypeAnnotationIconComponent, TypeFilterComponent, ProjectOverviewBulkActionsComponent, @@ -66,6 +65,7 @@ const components = [ ProjectListingActionsComponent, DocumentInfoComponent, FileWorkloadComponent, + DisabledForRedactionComponent, ...screens, ...dialogs diff --git a/apps/red-ui/src/app/modules/projects/screens/file-preview-screen/file-preview-screen.component.html b/apps/red-ui/src/app/modules/projects/screens/file-preview-screen/file-preview-screen.component.html index 60dd47c3d..3efa6f1c4 100644 --- a/apps/red-ui/src/app/modules/projects/screens/file-preview-screen/file-preview-screen.component.html +++ b/apps/red-ui/src/app/modules/projects/screens/file-preview-screen/file-preview-screen.component.html @@ -30,39 +30,43 @@
- +
- + - -
- {{ appStateService.activeFile.status | translate }} - {{ 'by' | translate }}: -
+ +
+ {{ appStateService.activeFile.status | translate }} + {{ 'by' | translate }}: +
- - -
+ + +
+ @@ -204,6 +208,11 @@
+ + +
diff --git a/apps/red-ui/src/app/modules/projects/screens/project-overview-screen/project-overview-screen.component.scss b/apps/red-ui/src/app/modules/projects/screens/project-overview-screen/project-overview-screen.component.scss index aaf1aa8b1..5dbd733dc 100644 --- a/apps/red-ui/src/app/modules/projects/screens/project-overview-screen/project-overview-screen.component.scss +++ b/apps/red-ui/src/app/modules/projects/screens/project-overview-screen/project-overview-screen.component.scss @@ -110,3 +110,14 @@ cdk-virtual-scroll-viewport { .mr-4 { margin-right: 4px; } + +.disabled { + > div { + background-color: $grey-2; + color: $grey-7; + } + + redaction-file-actions { + color: initial; + } +} diff --git a/apps/red-ui/src/app/modules/projects/services/file-action.service.ts b/apps/red-ui/src/app/modules/projects/services/file-action.service.ts index 12d818e77..f58f1452e 100644 --- a/apps/red-ui/src/app/modules/projects/services/file-action.service.ts +++ b/apps/red-ui/src/app/modules/projects/services/file-action.service.ts @@ -25,6 +25,13 @@ export class FileActionService { return this._reanalysisControllerService.reanalyzeFile(this._appStateService.activeProject.project.projectId, fileStatusWrapper.fileId, priority); } + public toggleAnalysis(fileStatusWrapper?: FileStatusWrapper) { + if (!fileStatusWrapper) { + fileStatusWrapper = this._appStateService.activeFile; + } + return this._reanalysisControllerService.toggleAnalysis(fileStatusWrapper.projectId, fileStatusWrapper.fileId, fileStatusWrapper.isExcluded); + } + public async assignProjectReviewerFromOverview(file?: FileStatusWrapper, callback?: Function) { if (this._permissionsService.isManagerAndOwner()) { this._openAssignReviewerDialog(file, callback); diff --git a/apps/red-ui/src/app/services/permissions.service.ts b/apps/red-ui/src/app/services/permissions.service.ts index 3c6e021d8..7addc4995 100644 --- a/apps/red-ui/src/app/services/permissions.service.ts +++ b/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)) ); diff --git a/apps/red-ui/src/assets/i18n/en.json b/apps/red-ui/src/assets/i18n/en.json index 409cce1cb..29b32ce52 100644 --- a/apps/red-ui/src/assets/i18n/en.json +++ b/apps/red-ui/src/assets/i18n/en.json @@ -306,7 +306,13 @@ }, "annotations": { "label": "Workload" - } + }, + "is-excluded": "Redaction is disabled for this document." + }, + "toggle-analysis": { + "enable": "Enable for redaction", + "disable": "Disable redaction", + "only-managers": "Enabling / disabling is permitted only for managers" }, "reviewer": "Assigned to", "unassigned": "Unassigned", @@ -460,6 +466,7 @@ "UNDER_REVIEW": "Under Review", "UNDER_APPROVAL": "Under Approval", "APPROVED": "Approved", + "EXCLUDED": "Excluded", "by": "by", "efsa": "EFSA Approval", "finished": "Finished", diff --git a/apps/red-ui/src/assets/styles/red-components.scss b/apps/red-ui/src/assets/styles/red-components.scss index ff2abf5c5..dc71cde87 100644 --- a/apps/red-ui/src/assets/styles/red-components.scss +++ b/apps/red-ui/src/assets/styles/red-components.scss @@ -149,6 +149,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%); diff --git a/apps/red-ui/src/assets/styles/red-page-layout.scss b/apps/red-ui/src/assets/styles/red-page-layout.scss index d10a8fc83..f26f6bcf2 100644 --- a/apps/red-ui/src/assets/styles/red-page-layout.scss +++ b/apps/red-ui/src/assets/styles/red-page-layout.scss @@ -190,6 +190,11 @@ body { justify-content: center; } +.flex-align-items-center { + display: flex; + align-items: center; +} + .flex-1 { flex: 1; } diff --git a/apps/red-ui/src/assets/styles/red-variables.scss b/apps/red-ui/src/assets/styles/red-variables.scss index 0a64ed393..98936e9bc 100644 --- a/apps/red-ui/src/assets/styles/red-variables.scss +++ b/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;