diff --git a/apps/red-ui/src/app/modules/shared-dossiers/dialogs/edit-dossier-dialog/download-package/edit-dossier-download-package.component.html b/apps/red-ui/src/app/modules/shared-dossiers/dialogs/edit-dossier-dialog/download-package/edit-dossier-download-package.component.html index 8b27bb41e..e9e68b36f 100644 --- a/apps/red-ui/src/app/modules/shared-dossiers/dialogs/edit-dossier-dialog/download-package/edit-dossier-download-package.component.html +++ b/apps/red-ui/src/app/modules/shared-dossiers/dialogs/edit-dossier-dialog/download-package/edit-dossier-download-package.component.html @@ -1,4 +1,4 @@ -
+
- - +

{{ 'dossier-watermark-selector.heading' | translate }}

+ + + - - + + + + + +

+
diff --git a/apps/red-ui/src/app/modules/shared-dossiers/dialogs/edit-dossier-dialog/download-package/edit-dossier-download-package.component.scss b/apps/red-ui/src/app/modules/shared-dossiers/dialogs/edit-dossier-dialog/download-package/edit-dossier-download-package.component.scss index 6fc29c7da..85c23997f 100644 --- a/apps/red-ui/src/app/modules/shared-dossiers/dialogs/edit-dossier-dialog/download-package/edit-dossier-download-package.component.scss +++ b/apps/red-ui/src/app/modules/shared-dossiers/dialogs/edit-dossier-dialog/download-package/edit-dossier-download-package.component.scss @@ -1,7 +1,4 @@ -.download-includes { - margin: 16px 0 10px; - font-weight: 500; -} +@use '../../../../../apps/red-ui/src/assets/styles/variables'; redaction-select { flex: 1; @@ -26,3 +23,12 @@ form { margin-top: -10px; } } + +.heading { + margin-top: 32px !important; + margin-bottom: 0 !important; +} + +.no-watermark { + color: variables.$grey-7; +} diff --git a/apps/red-ui/src/app/modules/shared-dossiers/dialogs/edit-dossier-dialog/download-package/edit-dossier-download-package.component.ts b/apps/red-ui/src/app/modules/shared-dossiers/dialogs/edit-dossier-dialog/download-package/edit-dossier-download-package.component.ts index 56ba686a8..345d3e39f 100644 --- a/apps/red-ui/src/app/modules/shared-dossiers/dialogs/edit-dossier-dialog/download-package/edit-dossier-download-package.component.ts +++ b/apps/red-ui/src/app/modules/shared-dossiers/dialogs/edit-dossier-dialog/download-package/edit-dossier-download-package.component.ts @@ -5,15 +5,25 @@ import { EditDossierSaveResult, EditDossierSectionInterface } from '../edit-doss import { downloadTypesTranslations } from '@translations/download-types-translations'; import { ReportTemplateService } from '@services/report-template.service'; import { PermissionsService } from '@services/permissions.service'; -import { firstValueFrom } from 'rxjs'; +import { firstValueFrom, Observable } from 'rxjs'; import { DossiersService } from '@services/dossiers/dossiers.service'; +import { WatermarksMapService } from '@services/entity-services/watermarks-map.service'; +import { ContextComponent, shareLast } from '@iqser/common-ui'; +import { tap } from 'rxjs/operators'; + +interface EditDossierDownloadPackageContext { + existsWatermarks: boolean; +} @Component({ selector: 'redaction-edit-dossier-download-package', templateUrl: './edit-dossier-download-package.component.html', styleUrls: ['./edit-dossier-download-package.component.scss'], }) -export class EditDossierDownloadPackageComponent implements OnInit, EditDossierSectionInterface { +export class EditDossierDownloadPackageComponent + extends ContextComponent + implements OnInit, EditDossierSectionInterface +{ form: UntypedFormGroup; downloadTypes: { key: DownloadFileType; label: string }[] = ['ORIGINAL', 'PREVIEW', 'DELTA_PREVIEW', 'REDACTED'].map( (type: DownloadFileType) => ({ @@ -23,6 +33,8 @@ export class EditDossierDownloadPackageComponent implements OnInit, EditDossierS ); availableReportTypes: IReportTemplate[] = []; + #existsWatermarks$: Observable; + @Input() dossier: Dossier; constructor( @@ -30,7 +42,10 @@ export class EditDossierDownloadPackageComponent implements OnInit, EditDossierS private readonly _reportTemplateController: ReportTemplateService, private readonly _formBuilder: UntypedFormBuilder, private readonly _permissionsService: PermissionsService, - ) {} + private readonly _watermarksMapService: WatermarksMapService, + ) { + super(); + } get reportTypesLength() { return this.form.controls['reportTemplateIds']?.value?.length || 0; @@ -84,6 +99,13 @@ export class EditDossierDownloadPackageComponent implements OnInit, EditDossierS async ngOnInit() { const dossierTemplateId = this.dossier.dossierTemplateId; + + this.#existsWatermarks$ = this._watermarksMapService.watchChanged$(dossierTemplateId).pipe(shareLast()); + + super._initContext({ + existsWatermarks: this.#existsWatermarks$, + }); + this.availableReportTypes = (await firstValueFrom(this._reportTemplateController.getAvailableReportTemplates(dossierTemplateId))) || []; diff --git a/apps/red-ui/src/assets/i18n/de.json b/apps/red-ui/src/assets/i18n/de.json index a36b47f5d..7b343da8b 100644 --- a/apps/red-ui/src/assets/i18n/de.json +++ b/apps/red-ui/src/assets/i18n/de.json @@ -1007,6 +1007,8 @@ } }, "dossier-watermark-selector": { + "heading": "", + "no-watermark": "", "preview": "", "watermark": "" }, diff --git a/apps/red-ui/src/assets/i18n/en.json b/apps/red-ui/src/assets/i18n/en.json index 0b64d480f..5efc1f893 100644 --- a/apps/red-ui/src/assets/i18n/en.json +++ b/apps/red-ui/src/assets/i18n/en.json @@ -1007,6 +1007,8 @@ } }, "dossier-watermark-selector": { + "heading": "Watermarks on documents", + "no-watermark": "There is no watermark defined for the dossier template.
Contact your app admin to define one.", "preview": "Watermark application on preview documents", "watermark": "Watermark application on redacted documents" },