Marmelator/red-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1.4k Wiki Activity

DM-337 - Add/Remove annotations dialog in DocuMine

Browse Source
This commit is contained in:
Valentin Mihai 2023-07-24 00:46:54 +03:00
parent fab49ae183
commit 9806149dff
17 changed files with 150 additions and 220 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
apps/red-ui/src/app/modules/file-preview/dialogs/add-hint-dialog/add-hint-dialog.component.ts
View File

@ -8,18 +8,15 @@ import { ActiveDossiersService } from '@services/dossiers/active-dossiers.servic
import { DictionaryService } from '@services/entity-services/dictionary.service';
import { tap } from 'rxjs/operators';
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
import { IqserDialogComponent } from '@common-ui/dialog/iqser-dialog-component.directive';
import { RedactOrHintData, RedactOrHintResult } from '../../utils/dialog-types';
import { IqserDialogComponent } from '@iqser/common-ui';
import { getRedactOrHintOptions, RedactOrHintOption, RedactOrHintOptions } from '../../utils/dialog-options';
import { AddHintData, AddHintResult } from '../../utils/dialog-types';
@Component({
templateUrl: './add-hint-dialog.component.html',
styleUrls: ['./add-hint-dialog.component.scss'],
})
export class AddHintDialogComponent
extends IqserDialogComponent<AddHintDialogComponent, RedactOrHintData, RedactOrHintResult>
implements OnInit
{
export class AddHintDialogComponent extends IqserDialogComponent<AddHintDialogComponent, AddHintData, AddHintResult> implements OnInit {
readonly roles = Roles;
readonly iconButtonTypes = IconButtonTypes;
readonly options: DetailsRadioOption<RedactOrHintOption>[];
@ -27,7 +24,6 @@ export class AddHintDialogComponent
dictionaries: Dictionary[] = [];
form!: UntypedFormGroup;
#manualRedactionTypeExists = true;
#applyToAllDossiers: boolean;
readonly #dossier: Dossier;
@ -43,7 +39,6 @@ export class AddHintDialogComponent
super();
this.#dossier = _activeDossiersService.find(this.data.dossierId);
this.#applyToAllDossiers = this.data.applyToAllDossiers ?? true;
this.#manualRedactionTypeExists = this._dictionaryService.hasManualType(this.#dossier.dossierTemplateId);
this.options = getRedactOrHintOptions(this.#dossier, this.#isRss, true, this.#applyToAllDossiers, this.data.isApprover);
this.form = this.#getForm();
@ -122,11 +117,8 @@ export class AddHintDialogComponent
#getForm(): UntypedFormGroup {
return this._formBuilder.group({
selectedText: this.data?.manualRedactionEntryWrapper?.manualRedactionEntry?.value,
reason: [null],
comment: [null],
dictionary: [this.#manualRedactionTypeExists ? SuperTypes.ManualRedaction : null],
classification: ['non-readable content'],
section: [null],
dictionary: [null],
option: [this.options[0]],
});
}
@ -134,7 +126,7 @@ export class AddHintDialogComponent
#enhanceManualRedaction(addRedactionRequest: IAddRedactionRequest) {
addRedactionRequest.reason = 'Dictionary Request';
addRedactionRequest.type = this.form.get('dictionary').value;
addRedactionRequest.section = this.form.get('section').value;
addRedactionRequest.section = null;
addRedactionRequest.value = this.form.get('selectedText').value;
const selectedType = this.dictionaries.find(d => d.type === addRedactionRequest.type);
@ -154,10 +146,6 @@ export class AddHintDialogComponent
if (!this.#isRss) {
this.options[1].extraOption.checked = this.#applyToAllDossiers;
}
if (this.dictionaryRequest) {
this.form.get('dictionary').setValue(null);
return;
}
this.form.get('dictionary').setValue(this.#manualRedactionTypeExists ? SuperTypes.ManualRedaction : null);
this.form.get('dictionary').setValue(null);
}
}

8
apps/red-ui/src/app/modules/file-preview/dialogs/docu-mine/add-annotation-dialog/add-annotation-dialog.component.scss
View File

@ -0,0 +1,8 @@
label {
font-weight: bold;
padding-bottom: 8px;
}
iqser-details-radio {
padding-top: 20px;
}

42
apps/red-ui/src/app/modules/file-preview/dialogs/docu-mine/add-annotation-dialog/add-annotation-dialog.component.ts
View File

@ -1,46 +1,29 @@
import { Component, OnInit } from '@angular/core';
import { IconButtonTypes, IqserPermissionsService } from '@iqser/common-ui';
import { Dictionary, Dossier, File, IAddRedactionRequest, IManualRedactionEntry, SuperTypes } from '@red/domain';
import { Dictionary, Dossier, IAddRedactionRequest, SuperTypes } from '@red/domain';
import { FormBuilder, UntypedFormGroup } from '@angular/forms';
import { Roles } from '@users/roles';
import { JustificationsService } from '@services/entity-services/justifications.service';
import { ActiveDossiersService } from '@services/dossiers/active-dossiers.service';
import { DictionaryService } from '@services/entity-services/dictionary.service';
import { ManualRedactionEntryWrapper } from '@models/file/manual-redaction-entry.wrapper';
import { IqserDialogComponent } from '@iqser/common-ui';
export interface AddAnnotationData {
manualRedactionEntryWrapper: ManualRedactionEntryWrapper;
dossierId: string;
file: File;
}
interface DialogResult {
redaction: IManualRedactionEntry;
dictionary: Dictionary;
applyToAllDossiers: boolean | null;
}
import { AddAnnotationData, AddAnnotationResult } from '../../../utils/dialog-types';
@Component({
templateUrl: './add-annotation-dialog.component.html',
styleUrls: ['./add-annotation-dialog.component.scss'],
})
export class AddAnnotationDialogComponent
extends IqserDialogComponent<AddAnnotationDialogComponent, AddAnnotationData, DialogResult>
extends IqserDialogComponent<AddAnnotationDialogComponent, AddAnnotationData, AddAnnotationResult>
implements OnInit
{
readonly iconButtonTypes = IconButtonTypes;
dictionaries: Dictionary[] = [];
form!: UntypedFormGroup;
#manualRedactionTypeExists = true;
readonly #dossier: Dossier;
readonly #isRss = this._iqserPermissionsService.has(Roles.getRss);
readonly hint: boolean;
constructor(
private readonly _justificationsService: JustificationsService,
private readonly _activeDossiersService: ActiveDossiersService,
private readonly _dictionaryService: DictionaryService,
private readonly _iqserPermissionsService: IqserPermissionsService,
@ -48,8 +31,6 @@ export class AddAnnotationDialogComponent
) {
super();
this.#dossier = _activeDossiersService.find(this.data.dossierId);
this.#manualRedactionTypeExists = this._dictionaryService.hasManualType(this.#dossier.dossierTemplateId);
this.form = this.#getForm();
}
@ -67,7 +48,6 @@ export class AddAnnotationDialogComponent
async ngOnInit(): Promise<void> {
this.dictionaries = this._dictionaryService.getRedactionTypes(this.#dossier.dossierTemplateId);
this.#formatSelectedTextValue();
}
save(): void {
@ -82,23 +62,11 @@ export class AddAnnotationDialogComponent
#getForm(): UntypedFormGroup {
return this._formBuilder.group({
selectedText: this.data?.manualRedactionEntryWrapper?.manualRedactionEntry?.value,
reason: [null],
comment: [null],
dictionary: [this.#manualRedactionTypeExists ? SuperTypes.ManualRedaction : null],
classification: ['non-readable content'],
section: [null],
dictionary: [null],
});
}
#formatSelectedTextValue(): void {
this.data.manualRedactionEntryWrapper.manualRedactionEntry.value =
this.data.manualRedactionEntryWrapper.manualRedactionEntry.value.replace(
// eslint-disable-next-line no-control-regex,max-len
/([^\s\d-]{2,})[-\u00AD]\u000D\u000A|[\u000A\u000B\u000C\u000D\u0085\u2028\u2029]/gi,
'$1',
);
}
#enhanceManualRedaction(addRedactionRequest: IAddRedactionRequest) {
addRedactionRequest.type = this.form.get('dictionary').value;
@ -110,7 +78,7 @@ export class AddAnnotationDialogComponent
}
const commentValue = this.form.get('comment').value;
addRedactionRequest.comment = commentValue ? { text: commentValue } : null;
addRedactionRequest.section = this.form.get('section').value;
addRedactionRequest.section = null;
addRedactionRequest.value = this.form.get('selectedText').value;
}
}

73
apps/red-ui/src/app/modules/file-preview/dialogs/docu-mine/remove-annotation-dialog/remove-annotation-dialog.component.ts
View File

@ -1,35 +1,10 @@
import { Component } from '@angular/core';
import { DetailsRadioOption, IconButtonTypes } from '@iqser/common-ui';
import { FormBuilder, UntypedFormGroup } from '@angular/forms';
import { AnnotationWrapper } from '@models/file/annotation.wrapper';
import { Dossier } from '@red/domain';
import { IqserDialogComponent } from '@iqser/common-ui';
import { PermissionsService } from '@services/permissions.service';
import { RemoveAnnotationOption, RemoveAnnotationOptions } from './remove-annotation-options';
import { removeAnnotationTranslations } from '@translations/remove-annotation-translations';
const PIN_ICON = 'red:push-pin';
const FOLDER_ICON = 'red:folder';
const REMOVE_FROM_DICT_ICON = 'red:remove-from-dict';
export interface RemoveAnnotationPermissions {
canRemoveOnlyHere: boolean;
canRemoveFromDictionary: boolean;
canMarkAsFalsePositive: boolean;
}
export interface RemoveAnnotationData {
annotation: AnnotationWrapper;
dossier: Dossier;
falsePositiveContext: string;
permissions: RemoveAnnotationPermissions;
applyToAllDossiers: boolean;
}
export interface RemoveAnnotationResult {
comment: string;
option: DetailsRadioOption<RemoveAnnotationOption>;
}
import { RemoveAnnotationData, RemoveAnnotationResult } from '../../../utils/dialog-types';
import { getRemoveRedactionOptions, RemoveAnnotationOption, RemoveAnnotationOptions } from '../../../utils/dialog-options';
@Component({
templateUrl: './remove-annotation-dialog.component.html',
@ -45,20 +20,19 @@ export class RemoveAnnotationDialogComponent extends IqserDialogComponent<
form!: UntypedFormGroup;
readonly #annotation: AnnotationWrapper;
readonly #permissions: RemoveAnnotationPermissions;
readonly #translations = removeAnnotationTranslations;
constructor(private readonly _formBuilder: FormBuilder, private readonly _permissionsService: PermissionsService) {
super();
this.#annotation = this.data.annotation;
this.#permissions = this.data.permissions;
this.options = this.#options();
this.options = getRemoveRedactionOptions(this.data, true);
this.form = this.#getForm();
}
get #applyToAllDossiers(): boolean {
const selectedOption = this.form.get('option').value.value;
return selectedOption === RemoveAnnotationOptions.IN_DOSSIER || selectedOption === RemoveAnnotationOptions.FALSE_POSITIVE;
}
save(): void {
this.dialogRef.close(this.form.getRawValue());
this.dialogRef.close({ ...this.form.getRawValue(), applyToAllDossiers: this.#applyToAllDossiers });
}
#getForm(): UntypedFormGroup {
@ -67,33 +41,4 @@ export class RemoveAnnotationDialogComponent extends IqserDialogComponent<
option: [this.options[0]],
});
}
#options() {
const options: DetailsRadioOption<RemoveAnnotationOption>[] = [];
if (this.#permissions.canRemoveOnlyHere) {
options.push({
label: this.#translations.ONLY_HERE.label,
description: this.#translations.ONLY_HERE.description,
icon: PIN_ICON,
value: RemoveAnnotationOptions.ONLY_HERE,
});
}
if (this.#permissions.canRemoveFromDictionary) {
options.push({
label: this.#translations.IN_DOSSIER.label,
description: this.#translations.IN_DOSSIER.description,
icon: FOLDER_ICON,
value: RemoveAnnotationOptions.IN_DOSSIER,
});
}
if (this.#permissions.canMarkAsFalsePositive) {
options.push({
label: this.#translations.FALSE_POSITIVE.label,
description: this.#translations.FALSE_POSITIVE.description,
icon: REMOVE_FROM_DICT_ICON,
value: RemoveAnnotationOptions.FALSE_POSITIVE,
});
}
return options;
}
}

7
apps/red-ui/src/app/modules/file-preview/dialogs/docu-mine/remove-annotation-dialog/remove-annotation-options.ts
View File

@ -1,7 +0,0 @@
export const RemoveAnnotationOptions = {
ONLY_HERE: 'ONLY_HERE',
IN_DOSSIER: 'IN_DOSSIER',
FALSE_POSITIVE: 'FALSE_POSITIVE',
} as const;
export type RemoveAnnotationOption = keyof typeof RemoveAnnotationOptions;

9
apps/red-ui/src/app/modules/file-preview/dialogs/redact-text-dialog/redact-text-dialog.component.ts
View File

@ -10,16 +10,16 @@ import { LegalBasisOption } from '../manual-redaction-dialog/manual-annotation-d
import { DictionaryService } from '@services/entity-services/dictionary.service';
import { tap } from 'rxjs/operators';
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
import { IqserDialogComponent } from '@common-ui/dialog/iqser-dialog-component.directive';
import { IqserDialogComponent } from '@iqser/common-ui';
import { getRedactOrHintOptions, RedactOrHintOption, RedactOrHintOptions } from '../../utils/dialog-options';
import { RedactOrHintData, RedactOrHintResult } from '../../utils/dialog-types';
import { RedactTextData, RedactTextResult } from '../../utils/dialog-types';
@Component({
templateUrl: './redact-text-dialog.component.html',
styleUrls: ['./redact-text-dialog.component.scss'],
})
export class RedactTextDialogComponent
extends IqserDialogComponent<RedactTextDialogComponent, RedactOrHintData, RedactOrHintResult>
extends IqserDialogComponent<RedactTextDialogComponent, RedactTextData, RedactTextResult>
implements OnInit
{
readonly roles = Roles;
@ -137,7 +137,6 @@ export class RedactTextDialogComponent
reason: [null],
comment: [null],
dictionary: [this.#manualRedactionTypeExists ? SuperTypes.ManualRedaction : null],
section: [null],
option: [this.options[0]],
});
}
@ -150,7 +149,7 @@ export class RedactTextDialogComponent
#enhanceManualRedaction(addRedactionRequest: IAddRedactionRequest) {
addRedactionRequest.type = this.form.get('dictionary').value;
addRedactionRequest.section = this.form.get('section').value;
addRedactionRequest.section = null;
addRedactionRequest.value = this.form.get('selectedText').value;
const legalOption: LegalBasisOption = this.form.get('reason').value;

2
apps/red-ui/src/app/modules/file-preview/dialogs/remove-redaction-dialog/remove-redaction-dialog.component.ts
View File

@ -1,7 +1,7 @@
import { Component } from '@angular/core';
import { DetailsRadioOption, IconButtonTypes } from '@iqser/common-ui';
import { FormBuilder, UntypedFormGroup } from '@angular/forms';
import { IqserDialogComponent } from '@common-ui/dialog/iqser-dialog-component.directive';
import { IqserDialogComponent } from '@iqser/common-ui';
import { PermissionsService } from '@services/permissions.service';
import { tap } from 'rxjs/operators';
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';

24
apps/red-ui/src/app/modules/file-preview/file-preview-screen.component.ts
View File

@ -73,7 +73,8 @@ import { copyLocalStorageFiltersValues, FilterService, NestedFilter, processFilt
import { AutoUnsubscribe, Bind, bool, Debounce, List, OnAttach, OnDetach } from '@iqser/common-ui/lib/utils';
import { TenantsService } from '@iqser/common-ui/lib/tenants';
import { AddHintDialogComponent } from './dialogs/add-hint-dialog/add-hint-dialog.component';
import { RedactOrHintData } from './utils/dialog-types';
import { AddAnnotationDialogComponent } from './dialogs/docu-mine/add-annotation-dialog/add-annotation-dialog.component';
import { RedactTextData } from './utils/dialog-types';
const textActions = [TextPopups.REDACT_TEXT, TextPopups.ADD_HINT, TextPopups.ADD_FALSE_POSITIVE];
@ -368,16 +369,13 @@ export class FilePreviewScreenComponent
);
}
async openRedactTextDialog(manualRedactionEntryWrapper: ManualRedactionEntryWrapper) {
async #openRedactTextDialog(manualRedactionEntryWrapper: ManualRedactionEntryWrapper) {
const file = this.state.file();
const hint = manualRedactionEntryWrapper.type === ManualRedactionEntryTypes.HINT;
const data = this.#getRedactTextDialogData(manualRedactionEntryWrapper, file);
const ref = hint
? this._iqserDialog.openDefault(AddHintDialogComponent, { data: data as RedactOrHintData })
: this._iqserDialog.openDefault(RedactTextDialogComponent, { data: data as RedactOrHintData });
const result = await this.#getRedactTextDialog(hint, data).result();
const result = await ref.result();
if (!result) {
return;
}
@ -652,7 +650,7 @@ export class FilePreviewScreenComponent
});
this.addActiveScreenSubscription = this.pdfProxyService.redactTextRequested$.subscribe($event => {
this.openRedactTextDialog($event).then();
this.#openRedactTextDialog($event).then();
});
this.addActiveScreenSubscription = this.pdfProxyService.pageChanged$.subscribe(page =>
@ -850,7 +848,17 @@ export class FilePreviewScreenComponent
}
}
#getRedactTextDialogData(manualRedactionEntryWrapper: ManualRedactionEntryWrapper, file: File) {
#getRedactTextDialog(hint: boolean, data: RedactTextData) {
if (this.#isDocumine) {
return this._iqserDialog.openDefault(AddAnnotationDialogComponent, { data });
}
if (hint) {
return this._iqserDialog.openDefault(AddHintDialogComponent, { data });
}
return this._iqserDialog.openDefault(RedactTextDialogComponent, { data });
}
#getRedactTextDialogData(manualRedactionEntryWrapper: ManualRedactionEntryWrapper, file: File): RedactTextData {
const dossierTemplate = this._dossierTemplatesService.find(this.state.dossierTemplateId);
const data = {

54
apps/red-ui/src/app/modules/file-preview/services/annotation-actions.service.ts
View File

@ -19,7 +19,7 @@ import {
AcceptRecommendationDialogComponent,
AcceptRecommendationReturnType,
} from '../dialogs/accept-recommendation-dialog/accept-recommendation-dialog.component';
import { defaultDialogConfig } from '@iqser/common-ui';
import { defaultDialogConfig, getConfig } from '@iqser/common-ui';
import { filter } from 'rxjs/operators';
import { MatDialog } from '@angular/material/dialog';
import { FilePreviewStateService } from './file-preview-state.service';
@ -34,11 +34,19 @@ import { IqserDialog } from '@common-ui/dialog/iqser-dialog.service';
import { DossierTemplatesService } from '@services/dossier-templates/dossier-templates.service';
import { isJustOne, List } from '@iqser/common-ui/lib/utils';
import { PermissionsService } from '@services/permissions.service';
import { RemoveRedactionPermissions, RemoveRedactionResult } from '../utils/dialog-types';
import {
RedactTextData,
RemoveAnnotationResult,
RemoveRedactionData,
RemoveRedactionPermissions,
RemoveRedactionResult,
} from '../utils/dialog-types';
import { RemoveRedactionOptions } from '../utils/dialog-options';
import { RemoveAnnotationDialogComponent } from '../dialogs/docu-mine/remove-annotation-dialog/remove-annotation-dialog.component';
@Injectable()
export class AnnotationActionsService {
readonly #isDocumine;
constructor(
private readonly _manualRedactionService: ManualRedactionService,
private readonly _dialogService: FilePreviewDialogService,
@ -53,13 +61,8 @@ export class AnnotationActionsService {
private readonly _skippedService: SkippedService,
private readonly _dossierTemplatesService: DossierTemplatesService,
private readonly _permissionsService: PermissionsService,
) {}
acceptSuggestion(annotations: AnnotationWrapper[]) {
const { dossierId, fileId } = this._state;
const ids = annotations.map(a => a.id);
const request = this._manualRedactionService.approve(ids, dossierId, fileId);
this.#processObsAndEmit(request).then();
) {
this.#isDocumine = getConfig().IS_DOCUMINE;
}
removeHighlights(highlights: AnnotationWrapper[]): void {
@ -127,18 +130,16 @@ export class AnnotationActionsService {
const dossierTemplate = this._dossierTemplatesService.find(this._state.dossierTemplateId);
const isApprover = this._permissionsService.isApprover(this._state.dossier());
const result: RemoveRedactionResult = await this._iqserDialog
.openDefault(RemoveRedactionDialogComponent, {
data: {
redaction,
dossier: this._state.dossier(),
falsePositiveContext: this._getFalsePositiveText(redaction),
permissions: removePermissions,
applyToAllDossiers: isApprover ? dossierTemplate.applyDictionaryUpdatesToAllDossiersByDefault : false,
isApprover,
},
})
.result();
const data = {
redaction,
dossier: this._state.dossier(),
falsePositiveContext: this._getFalsePositiveText(redaction),
permissions: removePermissions,
applyToAllDossiers: isApprover ? dossierTemplate.applyDictionaryUpdatesToAllDossiersByDefault : false,
isApprover,
};
const result = await this.#getRemoveRedactionDialog(data).result();
if (result) {
if (result.option.value === RemoveRedactionOptions.FALSE_POSITIVE) {
@ -382,7 +383,7 @@ export class AnnotationActionsService {
type: redaction.type,
positions: redaction.positions,
addToDictionary: true,
addToAllDossiers: !!dialogResult.option.extraOption?.checked,
addToAllDossiers: !!dialogResult.option.extraOption?.checked || !!dialogResult.applyToAllDossiers,
reason: 'False Positive',
dictionaryEntryType: redaction.isRecommendation
? DictionaryEntryTypes.FALSE_RECOMMENDATION
@ -400,11 +401,18 @@ export class AnnotationActionsService {
annotationId: redaction.id,
comment: dialogResult.comment,
removeFromDictionary,
removeFromAllDossiers: !!dialogResult.option.extraOption?.checked,
removeFromAllDossiers: !!dialogResult.option.extraOption?.checked || !!dialogResult.applyToAllDossiers,
};
const { dossierId, fileId } = this._state;
this.#processObsAndEmit(
this._manualRedactionService.removeRedaction([body], dossierId, fileId, removeFromDictionary, redaction.isHint),
).then();
}
#getRemoveRedactionDialog(data: RemoveRedactionData) {
if (this.#isDocumine) {
return this._iqserDialog.openDefault(RemoveAnnotationDialogComponent, { data });
}
return this._iqserDialog.openDefault(RemoveRedactionDialogComponent, { data });
}
}

34
apps/red-ui/src/app/modules/file-preview/utils/dialog-options.ts
View File

@ -4,6 +4,7 @@ import { redactTextTranslations } from '@translations/redact-text-translations';
import { Dossier } from '@red/domain';
import { removeRedactionTranslations } from '@translations/remove-redaction-translations';
import { RemoveRedactionData } from './dialog-types';
import { removeAnnotationTranslations } from '@translations/remove-annotation-translations';
const PIN_ICON = 'red:push-pin';
const FOLDER_ICON = 'red:folder';
@ -21,8 +22,10 @@ export const RemoveRedactionOptions = {
IN_DOSSIER: 'IN_DOSSIER',
FALSE_POSITIVE: 'FALSE_POSITIVE',
} as const;
export const RemoveAnnotationOptions = RemoveRedactionOptions;
export type RemoveRedactionOption = keyof typeof RemoveRedactionOptions;
export type RemoveAnnotationOption = RemoveRedactionOption;
export const getRedactOrHintOptions = (
dossier: Dossier,
@ -57,8 +60,11 @@ export const getRedactOrHintOptions = (
return options;
};
export const getRemoveRedactionOptions = (data: RemoveRedactionData): DetailsRadioOption<RemoveRedactionOption>[] => {
const translations = removeRedactionTranslations;
export const getRemoveRedactionOptions = (
data: RemoveRedactionData,
isDocumine: boolean = false,
): DetailsRadioOption<RemoveRedactionOption>[] => {
const translations = isDocumine ? removeAnnotationTranslations : removeRedactionTranslations;
const { permissions, redaction, applyToAllDossiers, isApprover, falsePositiveContext } = data;
const options: DetailsRadioOption<RemoveRedactionOption>[] = [];
@ -78,11 +84,13 @@ export const getRemoveRedactionOptions = (data: RemoveRedactionData): DetailsRad
descriptionParams: { type: redaction.hint ? 'hint' : 'redact', value: redaction.value },
icon: FOLDER_ICON,
value: RemoveRedactionOptions.IN_DOSSIER,
extraOption: {
label: translations.IN_DOSSIER.extraOptionLabel,
checked: applyToAllDossiers ?? true,
hidden: !isApprover,
},
extraOption: !isDocumine
? {
label: translations.IN_DOSSIER.extraOptionLabel,
checked: applyToAllDossiers ?? true,
hidden: !isApprover,
}
: null,
});
}
if (permissions.canMarkAsFalsePositive) {
@ -92,11 +100,13 @@ export const getRemoveRedactionOptions = (data: RemoveRedactionData): DetailsRad
descriptionParams: { value: redaction.value, type: redaction.type, context: falsePositiveContext },
icon: REMOVE_FROM_DICT_ICON,
value: RemoveRedactionOptions.FALSE_POSITIVE,
extraOption: {
label: translations.FALSE_POSITIVE.extraOptionLabel,
checked: applyToAllDossiers ?? true,
hidden: !isApprover,
},
extraOption: !isDocumine
? {
label: translations.FALSE_POSITIVE.extraOptionLabel,
checked: applyToAllDossiers ?? true,
hidden: !isApprover,
}
: null,
});
}
return options;

22
apps/red-ui/src/app/modules/file-preview/utils/dialog-types.ts
View File

@ -4,19 +4,27 @@ import { AnnotationWrapper } from '@models/file/annotation.wrapper';
import { DetailsRadioOption } from '@iqser/common-ui';
import { RemoveRedactionOption } from './dialog-options';
export interface RedactOrHintData {
export interface AddAnnotationData {
manualRedactionEntryWrapper: ManualRedactionEntryWrapper;
dossierId: string;
file: File;
applyToAllDossiers: boolean;
isApprover: boolean;
}
export interface RedactOrHintResult {
export interface RedactTextData extends AddAnnotationData {
applyToAllDossiers?: boolean;
isApprover?: boolean;
}
export type AddHintData = RedactTextData;
export interface RedactTextResult {
redaction: IManualRedactionEntry;
dictionary: Dictionary;
}
export type AddHintResult = RedactTextResult;
export type AddAnnotationResult = RedactTextResult;
export interface RemoveRedactionPermissions {
canRemoveOnlyHere: boolean;
canRemoveFromDictionary: boolean;
@ -32,8 +40,12 @@ export interface RemoveRedactionData {
isApprover: boolean;
}
export type RemoveAnnotationData = RemoveRedactionData;
export interface RemoveRedactionResult {
comment: string;
option: DetailsRadioOption<RemoveRedactionOption>;
applyToAllDossiers: boolean | null;
applyToAllDossiers?: boolean;
}
export type RemoveAnnotationResult = RemoveRedactionResult;

4
apps/red-ui/src/app/translations/add-hint-translations.ts
View File

@ -1,7 +1,7 @@
import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
import { RedactOrHintOption } from '@translations/redact-text-translations';
import { DialogOption } from '@translations/redact-text-translations';
export const addHintTranslations: Record<'onlyHere' | 'inDossier', RedactOrHintOption> = {
export const addHintTranslations: Record<'onlyHere' | 'inDossier', DialogOption> = {
onlyHere: {
label: _('add-hint.dialog.content.options.only-here.label'),
description: _('add-hint.dialog.content.options.only-here.description'),

4
apps/red-ui/src/app/translations/redact-text-translations.ts
View File

@ -1,12 +1,12 @@
import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
export interface RedactOrHintOption {
export interface DialogOption {
label: string;
description: string;
extraOptionLabel?: string;
}
export const redactTextTranslations: Record<'onlyHere' | 'inDossier', RedactOrHintOption> = {
export const redactTextTranslations: Record<'onlyHere' | 'inDossier', DialogOption> = {
onlyHere: {
label: _('redact-text.dialog.content.options.only-here.label'),
description: _('redact-text.dialog.content.options.only-here.description'),

10
apps/red-ui/src/app/translations/remove-annotation-translations.ts
View File

@ -1,12 +1,8 @@
import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
import { RemoveAnnotationOption } from '../modules/file-preview/dialogs/docu-mine/remove-annotation-dialog/remove-annotation-options';
import { RemoveAnnotationOption } from '../modules/file-preview/utils/dialog-options';
import { DialogOption } from '@translations/redact-text-translations';
interface Option {
label: string;
description: string;
}
export const removeAnnotationTranslations: { [key in RemoveAnnotationOption]: Option } = {
export const removeAnnotationTranslations: { [key in RemoveAnnotationOption]: DialogOption } = {
ONLY_HERE: {
label: _('remove-annotation.dialog.content.options.only-here.label'),
description: _('remove-annotation.dialog.content.options.only-here.description'),

9
apps/red-ui/src/app/translations/remove-redaction-translations.ts
View File

@ -1,13 +1,8 @@
import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
import { RemoveRedactionOption } from '../modules/file-preview/utils/dialog-options';
import { DialogOption } from '@translations/redact-text-translations';
interface Option {
label: string;
description: string;
extraOptionLabel?: string;
}
export const removeRedactionTranslations: { [key in RemoveRedactionOption]: Option } = {
export const removeRedactionTranslations: { [key in RemoveRedactionOption]: DialogOption } = {
ONLY_HERE: {
label: _('remove-redaction.dialog.content.options.only-here.label'),
description: _('remove-redaction.dialog.content.options.only-here.description'),

22
apps/red-ui/src/assets/i18n/redact/en.json
View File

@ -1983,28 +1983,28 @@
"remove-annotation": {
"dialog": {
"actions": {
"cancel": "",
"save": ""
"cancel": "Cancel",
"save": "Save"
},
"content": {
"comment": "",
"comment-placeholder": "",
"comment": "Comment",
"comment-placeholder": "Add remarks or mentions ...",
"options": {
"false-positive": {
"description": "",
"label": ""
"description": "\"{value}\" is not a {type} in this context: \"{context}\".",
"label": "False positive"
},
"in-dossier": {
"description": "",
"label": ""
"description": "Do not annotate \"{value}\" in any document of the current dossier.",
"label": "Remove from dossier"
},
"only-here": {
"description": "",
"label": ""
"description": "Do not annotate \"{value}\" at this position in the current document.",
"label": "Remove here"
}
}
},
"title": ""
"title": "Remove annotation"
}
},
"remove-redaction": {

22
apps/red-ui/src/assets/i18n/scm/en.json
View File

@ -1983,28 +1983,28 @@
"remove-annotation": {
"dialog": {
"actions": {
"cancel": "",
"save": ""
"cancel": "Cancel",
"save": "Save"
},
"content": {
"comment": "",
"comment-placeholder": "",
"comment": "Comment",
"comment-placeholder": "Add remarks or mentions ...",
"options": {
"false-positive": {
"description": "",
"label": ""
"description": "\"{value}\" is not a {type} in this context: \"{context}\".",
"label": "False positive"
},
"in-dossier": {
"description": "",
"label": ""
"description": "Do not annotate \"{value}\" in any document of the current dossier.",
"label": "Remove from dossier"
},
"only-here": {
"description": "",
"label": ""
"description": "Do not annotate \"{value}\" at this position in the current document.",
"label": "Remove here"
}
}
},
"title": ""
"title": "Remove annotation"
}
},
"remove-redaction": {