Merge remote-tracking branch 'origin/master' into release/4.839.x

.eslintrc.json

@@ -16,6 +16,7 @@
       },
       "rules": {
         "rxjs/no-ignored-subscription": "warn",
+        "@angular-eslint/prefer-standalone": "off",
         "@angular-eslint/no-conflicting-lifecycle": "error",
         "@angular-eslint/no-host-metadata-property": "error",
         "@angular-eslint/no-input-rename": "error",

angular.json

@@ -50,7 +50,7 @@
               {
                 "glob": "**/*",
                 "input": "node_modules/@pdftron/webviewer/public/",
-                "output": "/assets/wv-resources/11.0.0/"
+                "output": "/assets/wv-resources/11.1.0/"
               },
               {
                 "glob": "**/*",

apps/red-ui/src/app/app.component.ts

@@ -4,26 +4,27 @@ import { UserPreferenceService } from '@users/user-preference.service';
 import { getConfig } from '@iqser/common-ui';
 import { AppConfig } from '@red/domain';
 import { NavigationEnd, Router } from '@angular/router';
-import { filter, map, switchMap, take } from 'rxjs/operators';
+import { filter, map, switchMap, take, tap } from 'rxjs/operators';
+import { APP_TYPE_PATHS } from '@common-ui/utils/constants';
+import { MatIconRegistry } from '@angular/material/icon';
+import { DomSanitizer } from '@angular/platform-browser';
+import { TenantsService } from '@common-ui/tenants';
 
-function loadCustomTheme() {
+export function loadCustomTheme(cssFileName: string) {
-    const cssFileName = getConfig<AppConfig>().THEME;
+    const head = document.getElementsByTagName('head')[0];
-
+    const link = document.createElement('link');
-    if (cssFileName) {
+    link.id = cssFileName;
-        const head = document.getElementsByTagName('head')[0];
+    link.rel = 'stylesheet';
-        const link = document.createElement('link');
+    link.type = 'text/css';
-        link.id = cssFileName;
+    link.href = 'assets/styles/themes/' + cssFileName + '.css';
-        link.rel = 'stylesheet';
+    link.media = 'all';
-        link.type = 'text/css';
+    head.appendChild(link);
-        link.href = 'assets/styles/themes/' + cssFileName + '.css';
-        link.media = 'all';
-        head.appendChild(link);
-    }
 }
 
 @Component({
     selector: 'redaction-root',
     templateUrl: './app.component.html',
+    standalone: false,
 })
 export class AppComponent {
     constructor(
@@ -34,9 +35,12 @@ export class AppComponent {
         userPreferenceService: UserPreferenceService,
         renderer: Renderer2,
         private readonly _router: Router,
+        private readonly _iconRegistry: MatIconRegistry,
+        private readonly _sanitizer: DomSanitizer,
+        private readonly _tenantsService: TenantsService,
     ) {
+        const config = getConfig<AppConfig>();
         renderer.addClass(document.body, userPreferenceService.getTheme());
-        loadCustomTheme();
 
         const removeQueryParams = _router.events.pipe(
             filter((event): event is NavigationEnd => event instanceof NavigationEnd),
@@ -47,9 +51,25 @@ export class AppComponent {
         );
         removeQueryParams.subscribe();
 
-        if (getConfig().IS_DOCUMINE) {
+        this._tenantsService
-            document.getElementById('favicon').setAttribute('href', 'assets/icons/documine-logo.ico');
+            .waitForSettingTenant()
-        }
+            .pipe(
+                tap(() => {
+                    const isDocumine = this._tenantsService.activeTenant.documine;
+                    const logo = isDocumine ? 'documine' : 'redaction';
+                    _iconRegistry.addSvgIconInNamespace(
+                        'iqser',
+                        'logo',
+                        _sanitizer.bypassSecurityTrustResourceUrl(`/assets/icons/general/${logo}-logo.svg`),
+                    );
+                    if (isDocumine) {
+                        document.getElementById('favicon').setAttribute('href', 'assets/icons/documine-logo.ico');
+                    }
+                    loadCustomTheme(isDocumine ? APP_TYPE_PATHS.SCM : APP_TYPE_PATHS.REDACT);
+                }),
+                take(1),
+            )
+            .subscribe();
     }
 
     #removeKeycloakQueryParams() {

apps/red-ui/src/app/app.module.ts

@@ -1,6 +1,6 @@
 import { APP_BASE_HREF, DatePipe as BaseDatePipe } from '@angular/common';
 import { HTTP_INTERCEPTORS } from '@angular/common/http';
-import { ENVIRONMENT_INITIALIZER, ErrorHandler, inject, NgModule } from '@angular/core';
+import { ErrorHandler, inject, NgModule, provideEnvironmentInitializer } from '@angular/core';
 import { MatDividerModule } from '@angular/material/divider';
 import { MatIcon } from '@angular/material/icon';
 import { MatMenu, MatMenuContent, MatMenuItem, MatMenuTrigger } from '@angular/material/menu';
@@ -117,7 +117,7 @@ export const appModuleFactory = (config: AppConfig) => {
                 resetTimeoutOnDuplicate: true,
             }),
             TenantsModule.forRoot(),
-            IqserTranslateModule.forRoot({ pathPrefix: config.BASE_TRANSLATIONS_DIRECTORY || '/assets/i18n/redact/' }),
+            IqserTranslateModule.forRoot({ pathPrefix: config.BASE_TRANSLATIONS_DIRECTORY }),
             IqserLoadingModule.forRoot(),
             ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production }),
             LoggerModule.forRoot(undefined, {
@@ -233,14 +233,10 @@ export const appModuleFactory = (config: AppConfig) => {
                 provide: ErrorHandler,
                 useClass: GlobalErrorHandler,
             },
-            {
+            provideEnvironmentInitializer(async () => {
-                provide: ENVIRONMENT_INITIALIZER,
+                const languageService = inject(LanguageService);
-                multi: true,
+                return languageService.setInitialLanguage();
-                useValue: async () => {
+            }),
-                    const languageService = inject(LanguageService);
-                    return languageService.setInitialLanguage();
-                },
-            },
             {
                 provide: MAX_RETRIES_ON_SERVER_ERROR,
                 useFactory: () => config.MAX_RETRIES_ON_SERVER_ERROR,
@@ -261,6 +257,7 @@ export const appModuleFactory = (config: AppConfig) => {
                 provide: MAT_TOOLTIP_DEFAULT_OPTIONS,
                 useValue: {
                     disableTooltipInteractivity: true,
+                    showDelay: 1,
                 },
             },
             BaseDatePipe,

apps/red-ui/src/app/components/auth-error/auth-error.component.ts

@@ -7,6 +7,7 @@ import { AppConfig } from '@red/domain';
     selector: 'redaction-auth-error',
     templateUrl: './auth-error.component.html',
     styleUrls: ['./auth-error.component.scss'],
+    standalone: false,
 })
 export class AuthErrorComponent {
     readonly #config = getConfig<AppConfig>();

apps/red-ui/src/app/components/base-screen/base-screen.component.ts

@@ -20,6 +20,7 @@ const isSearchScreen: (url: string) => boolean = url => url.includes('/search');
 @Component({
     templateUrl: './base-screen.component.html',
     styleUrls: ['./base-screen.component.scss'],
+    standalone: false,
 })
 export class BaseScreenComponent {
     readonly roles = Roles;

apps/red-ui/src/app/components/breadcrumbs/breadcrumbs.component.ts

@@ -7,6 +7,7 @@ import { Breadcrumb, BreadcrumbDisplayType, BreadcrumbsService } from '@services
     selector: 'redaction-breadcrumbs',
     templateUrl: './breadcrumbs.component.html',
     styleUrls: ['./breadcrumbs.component.scss'],
+    standalone: false,
 })
 export class BreadcrumbsComponent {
     constructor(readonly breadcrumbsService: BreadcrumbsService) {}

apps/red-ui/src/app/components/downloads-list-screen/downloads-list-screen.component.ts

@@ -13,6 +13,7 @@ import { firstValueFrom } from 'rxjs';
         entitiesService: FileDownloadService,
         component: DownloadsListScreenComponent,
     }),
+    standalone: false,
 })
 export class DownloadsListScreenComponent extends ListingComponent<DownloadStatus> implements OnDestroy {
     readonly #interval: number;

apps/red-ui/src/app/components/notifications/notifications.component.ts

@@ -25,6 +25,7 @@ function chronologically(first: string, second: string) {
     selector: 'redaction-notifications',
     templateUrl: './notifications.component.html',
     styleUrls: ['./notifications.component.scss'],
+    standalone: false,
 })
 export class NotificationsComponent {
     readonly hasUnreadNotifications$: Observable<boolean>;

apps/red-ui/src/app/components/skeleton/dashboard-skeleton/dashboard-skeleton.component.ts

@@ -5,5 +5,6 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
     templateUrl: './dashboard-skeleton.component.html',
     styleUrls: ['./dashboard-skeleton.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: false,
 })
 export class DashboardSkeletonComponent {}

apps/red-ui/src/app/components/skeleton/dossier-skeleton/dossier-skeleton.component.ts

@@ -5,6 +5,7 @@ import { ChangeDetectionStrategy, Component, OnInit, TemplateRef, ViewChild } fr
     templateUrl: './dossier-skeleton.component.html',
     styleUrls: ['./dossier-skeleton.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: false,
 })
 export class DossierSkeletonComponent implements OnInit {
     @ViewChild('workload1', { static: true }) workload1: TemplateRef<unknown>;

apps/red-ui/src/app/components/skeleton/skeleton-stats/skeleton-stats.component.ts

@@ -5,5 +5,6 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
     templateUrl: './skeleton-stats.component.html',
     styleUrls: ['./skeleton-stats.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: false,
 })
 export class SkeletonStatsComponent {}

apps/red-ui/src/app/components/skeleton/skeleton-top-bar/skeleton-top-bar.component.ts

@@ -6,6 +6,7 @@ import { Title } from '@angular/platform-browser';
     templateUrl: './skeleton-top-bar.component.html',
     styleUrls: ['./skeleton-top-bar.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: false,
 })
 export class SkeletonTopBarComponent {
     constructor(readonly titleService: Title) {}

apps/red-ui/src/app/components/spotlight-search/spotlight-search.component.ts

@@ -9,6 +9,7 @@ import { MatMenuTrigger } from '@angular/material/menu';
     templateUrl: './spotlight-search.component.html',
     styleUrls: ['./spotlight-search.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: false,
 })
 export class SpotlightSearchComponent {
     @Input() actions: readonly SpotlightSearchAction[];

apps/red-ui/src/app/components/tenants-menu/tenants-menu.component.ts

@@ -9,6 +9,7 @@ interface ITenant extends IStoredTenantId {
     selector: 'app-tenants-menu',
     templateUrl: './tenants-menu.component.html',
     styleUrls: ['./tenants-menu.component.scss'],
+    standalone: false,
 })
 export class TenantsMenuComponent {
     readonly tenantsService = inject(TenantsService);

apps/red-ui/src/app/components/user-menu/user-menu.component.ts

@@ -20,6 +20,7 @@ interface MenuItem {
     selector: 'app-user-menu',
     templateUrl: './user-menu.component.html',
     styleUrls: ['./user-menu.component.scss'],
+    standalone: false,
 })
 export class UserMenuComponent {
     readonly currentUser = getCurrentUser<User>();

apps/red-ui/src/app/guards/dossier-template-exists.guard.ts

@@ -23,12 +23,14 @@ export function templateExistsWhenEnteringAdmin(): CanActivateFn {
         const defaultColorsService = inject(DefaultColorsService);
         const watermarksService = inject(WatermarkService);
         const router = inject(Router);
+        const rulesService = inject(RulesService);
         const isDocumine = getConfig().IS_DOCUMINE;
 
         const dossierTemplate = inject(DossierTemplateStatsService).get(dossierTemplateId);
         await firstValueFrom(fileAttributesService.loadFileAttributesConfig(dossierTemplateId));
         await firstValueFrom(dictionaryService.loadDictionaryDataForDossierTemplate(dossierTemplateId));
         await firstValueFrom(defaultColorsService.loadForDossierTemplate(dossierTemplateId));
+        await firstValueFrom(rulesService.getFor(dossierTemplateId));
         if (!isDocumine) {
             await firstValueFrom(watermarksService.loadForDossierTemplate(dossierTemplateId));
         }

apps/red-ui/src/app/models/file/annotation.wrapper.ts

@@ -40,7 +40,7 @@ export class AnnotationWrapper implements IListable {
     typeLabel?: string;
     color: string;
     numberOfComments = 0;
-    firstTopLeftPoint: IPoint;
+    firstBottomLeftPoint: IPoint;
     shortContent: string;
     content: AnnotationContent;
     value: string;
@@ -84,7 +84,10 @@ export class AnnotationWrapper implements IListable {
     }
 
     get isRedactedImageHint() {
-        return this.IMAGE_HINT && this.superType === SuperTypes.Redaction;
+        return (
+            (this.IMAGE_HINT && this.superType === SuperTypes.Redaction) ||
+            (this.IMAGE_HINT && this.superType === SuperTypes.ManualRedaction)
+        );
     }
 
     get isSkippedImageHint() {
@@ -196,11 +199,11 @@ export class AnnotationWrapper implements IListable {
     }
 
     get x() {
-        return this.firstTopLeftPoint.x;
+        return this.firstBottomLeftPoint.x;
     }
 
     get y() {
-        return this.firstTopLeftPoint.y;
+        return this.firstBottomLeftPoint.y;
     }
 
     get legalBasis() {
@@ -225,7 +228,7 @@ export class AnnotationWrapper implements IListable {
         annotationWrapper.value = 'Imported';
         annotationWrapper.color = earmark.hexColor;
         annotationWrapper.positions = earmark.positions;
-        annotationWrapper.firstTopLeftPoint = earmark.positions[0]?.topLeft;
+        annotationWrapper.firstBottomLeftPoint = earmark.positions[0]?.topLeft;
         annotationWrapper.superTypeLabel = annotationTypesTranslations[annotationWrapper.superType];
 
         return annotationWrapper;
@@ -246,7 +249,7 @@ export class AnnotationWrapper implements IListable {
         annotationWrapper.isChangeLogEntry = logEntry.state === EntryStates.REMOVED || !!changeLogType;
         annotationWrapper.type = logEntry.type;
         annotationWrapper.value = logEntry.value;
-        annotationWrapper.firstTopLeftPoint = { x: logEntry.positions[0].rectangle[0], y: logEntry.positions[0].rectangle[1] };
+        annotationWrapper.firstBottomLeftPoint = { x: logEntry.positions[0].rectangle[0], y: logEntry.positions[0].rectangle[1] };
         annotationWrapper.pageNumber = logEntry.positions[0].pageNumber;
         annotationWrapper.positions = logEntry.positions.map(p => ({
             page: p.pageNumber,
@@ -375,7 +378,7 @@ export class AnnotationWrapper implements IListable {
 
     static #getShortContent(annotationWrapper: AnnotationWrapper, legalBasisList: ILegalBasis[]) {
         if (annotationWrapper.legalBasis) {
-            const lb = legalBasisList.find(lbm => lbm.reason?.toLowerCase().includes(annotationWrapper.legalBasis.toLowerCase()));
+            const lb = legalBasisList.find(lbm => lbm.technicalName?.toLowerCase().includes(annotationWrapper.legalBasis.toLowerCase()));
             if (lb) {
                 return lb.name;
             }

apps/red-ui/src/app/modules/account/account-side-nav/account-side-nav.component.ts

@@ -21,7 +21,6 @@ interface NavItem {
     templateUrl: './account-side-nav.component.html',
     styleUrls: ['./account-side-nav.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [SideNavComponent, TranslateModule, NgForOf, NgIf, RouterLinkActive, RouterLink],
 })
 export class AccountSideNavComponent {

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

@@ -8,10 +8,11 @@
             <div class="content-container full-height">
                 <div class="overlay-shadow"></div>
                 <div [ngClass]="!isWarningsScreen && 'dialog'">
-                    <div *ngIf="!isWarningsScreen" class="dialog-header">
+                    @if (!isWarningsScreen) {
-                        <div class="heading-l" [translate]="translations[path]"></div>
+                        <div class="dialog-header">
-                    </div>
+                            <div class="heading-l" [translate]="translations[path]"></div>
-
+                        </div>
+                    }
                     <router-outlet></router-outlet>
                 </div>
             </div>

apps/red-ui/src/app/modules/account/base-account-screen/base-account-screen-component.ts

@@ -10,7 +10,6 @@ import { TranslateModule } from '@ngx-translate/core';
     templateUrl: './base-account-screen-component.html',
     styleUrls: ['./base-account-screen-component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [NgClass, NgIf, RouterOutlet, AccountSideNavComponent, TranslateModule],
 })
 export class BaseAccountScreenComponent implements OnInit {

apps/red-ui/src/app/modules/account/screens/notifications/notifications-screen/notifications-screen.component.ts

@@ -25,7 +25,6 @@ const RSS_EXCLUDED_SETTINGS = ['USER_PROMOTED_TO_APPROVER', 'USER_DEGRADED_TO_RE
     templateUrl: './notifications-screen.component.html',
     styleUrls: ['./notifications-screen.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [ReactiveFormsModule, NgForOf, MatSlideToggle, TranslateModule, NgIf, MatCheckbox, IconButtonComponent],
 })
 export class NotificationsScreenComponent extends BaseFormComponent implements OnInit {

apps/red-ui/src/app/modules/account/screens/preferences/dialog-defaults/dialog-defaults.component.ts

@@ -41,7 +41,6 @@ interface DefaultOptionsForm {
     selector: 'redaction-dialog-defaults',
     templateUrl: './dialog-defaults.component.html',
     styleUrl: './dialog-defaults.component.scss',
-    standalone: true,
     imports: [ReactiveFormsModule, TranslateModule, MatFormField, MatSelect, MatOption, NgForOf, MatCheckbox, NgIf, IconButtonComponent],
 })
 export class DialogDefaultsComponent extends BaseFormComponent {

apps/red-ui/src/app/modules/account/screens/preferences/preferences.component.ts

@@ -44,7 +44,6 @@ const Screens = {
     templateUrl: './preferences.component.html',
     styleUrls: ['./preferences.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [
         DialogDefaultsComponent,
         NgClass,

apps/red-ui/src/app/modules/account/screens/user-profile/confirm-password-dialog/confirm-password-dialog.component.ts

@@ -10,7 +10,6 @@ interface FormType {
 
 @Component({
     templateUrl: './confirm-password-dialog.component.html',
-    standalone: true,
     imports: [ReactiveFormsModule, IconButtonComponent, TranslateModule, CircleButtonComponent],
 })
 export class ConfirmPasswordDialogComponent extends BaseDialogComponent {

apps/red-ui/src/app/modules/account/screens/user-profile/user-profile-screen/user-profile-screen.component.html

@@ -16,14 +16,16 @@
                 <input formControlName="lastName" name="lastName" type="text" />
             </div>
 
-            <div *ngIf="devMode" class="iqser-input-group">
+            <div class="iqser-input-group">
                 <label [translate]="'top-bar.navigation-items.my-account.children.language.label'"></label>
                 <mat-form-field>
                     <mat-select formControlName="language">
                         <mat-select-trigger>{{ languageSelectLabel() | translate }}</mat-select-trigger>
-                        <mat-option *ngFor="let language of languages" [value]="language">
+                        @for (language of languages; track language) {
-                            {{ translations[language] | translate }}
+                            <mat-option [value]="language">
-                        </mat-option>
+                                {{ translations[language] | translate }}
+                            </mat-option>
+                        }
                     </mat-select>
                 </mat-form-field>
             </div>
@@ -32,11 +34,13 @@
                 <a (click)="resetPassword()" target="_blank"> {{ 'user-profile-screen.actions.change-password' | translate }}</a>
             </div>
 
-            <div *ngIf="devMode" class="iqser-input-group">
+            @if (devMode) {
-                <mat-slide-toggle color="primary" formControlName="darkTheme">
+                <div class="iqser-input-group">
-                    {{ 'user-profile-screen.form.dark-theme' | translate }}
+                    <mat-slide-toggle color="primary" formControlName="darkTheme">
-                </mat-slide-toggle>
+                        {{ 'user-profile-screen.form.dark-theme' | translate }}
-            </div>
+                    </mat-slide-toggle>
+                </div>
+            }
         </div>
     </div>
 

apps/red-ui/src/app/modules/account/screens/user-profile/user-profile-screen/user-profile-screen.component.ts

@@ -37,7 +37,6 @@ interface UserProfileForm {
     templateUrl: './user-profile-screen.component.html',
     styleUrls: ['./user-profile-screen.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [
         ReactiveFormsModule,
         NgIf,

apps/red-ui/src/app/modules/admin/base-admin-screen/base-admin-screen.component.ts

@@ -5,7 +5,6 @@ import { RouterOutlet } from '@angular/router';
 @Component({
     templateUrl: './base-admin-screen.component.html',
     styleUrls: ['./base-admin-screen.component.scss'],
-    standalone: true,
     imports: [AdminSideNavComponent, RouterOutlet],
 })
 export class BaseAdminScreenComponent {}

apps/red-ui/src/app/modules/admin/base-dossier-templates-screen/base-dossier-template-screen.component.ts

@@ -9,7 +9,6 @@ import { AdminSideNavComponent } from '../shared/components/admin-side-nav/admin
 @Component({
     templateUrl: './base-dossier-template-screen.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [
         DossierTemplateBreadcrumbsComponent,
         DossierTemplateActionsComponent,

apps/red-ui/src/app/modules/admin/base-entity-screen/base-entity-screen.component.ts

@@ -18,7 +18,6 @@ import { AdminSideNavComponent } from '../shared/components/admin-side-nav/admin
 @Component({
     templateUrl: './base-entity-screen.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [
         DossierTemplateBreadcrumbsComponent,
         CircleButtonComponent,

apps/red-ui/src/app/modules/admin/components/users-stats/users-stats.component.ts

@@ -8,7 +8,6 @@ import { DonutChartComponent } from '@shared/components/donut-chart/donut-chart.
     selector: 'redaction-users-stats',
     templateUrl: './users-stats.component.html',
     styleUrls: ['./users-stats.component.scss'],
-    standalone: true,
     imports: [CircleButtonComponent, TranslateModule, DonutChartComponent],
 })
 export class UsersStatsComponent {

apps/red-ui/src/app/modules/admin/dialogs/add-clone-dossier-template-dialog/add-clone-dossier-template-dialog.component.ts

@@ -16,7 +16,6 @@ export interface CloneTemplateData {
 @Component({
     templateUrl: './add-clone-dossier-template-dialog.component.html',
     styleUrls: ['./add-clone-dossier-template-dialog.component.scss'],
-    standalone: true,
     imports: [TranslateModule, ReactiveFormsModule, IconButtonComponent, CircleButtonComponent],
 })
 export class AddCloneDossierTemplateDialogComponent extends BaseDialogComponent {

apps/red-ui/src/app/modules/admin/dialogs/add-edit-user-dialog/add-edit-user-dialog.component.ts

@@ -8,7 +8,6 @@ import { UserDetailsComponent } from './user-details/user-details.component';
 @Component({
     selector: 'redaction-add-edit-user-dialog',
     templateUrl: './add-edit-user-dialog.component.html',
-    standalone: true,
     imports: [UserDetailsComponent, ResetPasswordComponent, CircleButtonComponent],
 })
 export class AddEditUserDialogComponent extends BaseDialogComponent {

apps/red-ui/src/app/modules/admin/dialogs/add-edit-user-dialog/reset-password/reset-password.component.ts

@@ -10,7 +10,6 @@ import { NamePipe } from '@common-ui/users/name.pipe';
 @Component({
     selector: 'redaction-reset-password',
     templateUrl: './reset-password.component.html',
-    standalone: true,
     imports: [TranslateModule, NamePipe, ReactiveFormsModule, IconButtonComponent],
 })
 export class ResetPasswordComponent {

apps/red-ui/src/app/modules/admin/dialogs/add-edit-user-dialog/user-details/user-details.component.html

@@ -32,7 +32,7 @@
                     [formControlName]="role"
                     color="primary"
                 >
-                    {{ translations[role] | translate }}
+                    {{ translations[role] | translate: { count: 1 } }}
                 </mat-checkbox>
             </div>
         </div>

apps/red-ui/src/app/modules/admin/dialogs/add-edit-user-dialog/user-details/user-details.component.ts

@@ -3,10 +3,8 @@ import { ReactiveFormsModule, UntypedFormBuilder, UntypedFormGroup, Validators }
 import { AdminDialogService } from '../../../services/admin-dialog.service';
 import { BaseFormComponent, IconButtonComponent, LoadingService, Toaster } from '@iqser/common-ui';
 import { rolesTranslations } from '@translations/roles-translations';
-import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
 import { User } from '@red/domain';
 import { UserService } from '@users/user.service';
-import { HttpStatusCode } from '@angular/common/http';
 import { firstValueFrom } from 'rxjs';
 import { IProfileUpdateRequest } from '@iqser/common-ui/lib/users';
 import { TranslateModule } from '@ngx-translate/core';
@@ -17,7 +15,6 @@ import { NgForOf, NgIf } from '@angular/common';
     selector: 'redaction-user-details',
     templateUrl: './user-details.component.html',
     styleUrls: ['./user-details.component.scss'],
-    standalone: true,
     imports: [TranslateModule, ReactiveFormsModule, MatCheckbox, NgForOf, IconButtonComponent, NgIf],
 })
 export class UserDetailsComponent extends BaseFormComponent implements OnInit {

apps/red-ui/src/app/modules/admin/dialogs/add-entity-dialog/add-entity-dialog.component.ts

@@ -19,7 +19,6 @@ interface DialogData {
 @Component({
     templateUrl: './add-entity-dialog.component.html',
     styleUrls: ['./add-entity-dialog.component.scss'],
-    standalone: true,
     imports: [AddEditEntityComponent, TranslateModule, IconButtonComponent, NgIf, CircleButtonComponent, HelpButtonComponent],
 })
 export class AddEntityDialogComponent extends BaseDialogComponent {

apps/red-ui/src/app/modules/admin/dialogs/audit-info-dialog/audit-info-dialog.component.ts

@@ -16,7 +16,6 @@ type OrderFn = (a: KeyValue<string, string>, b: KeyValue<string, string>) => num
     templateUrl: './audit-info-dialog.component.html',
     styleUrls: ['./audit-info-dialog.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [TranslateModule, NgForOf, KeyValuePipe, HumanizePipe, CircleButtonComponent, JsonPipe],
 })
 export class AuditInfoDialogComponent extends BaseDialogComponent {

apps/red-ui/src/app/modules/admin/dialogs/configure-digital-signature-dialog/configure-certificate-dialog.component.ts

@@ -20,7 +20,6 @@ const KMS_SIGNATURE_DIALOG_WIDTH = '810px';
 @Component({
     templateUrl: './configure-certificate-dialog.component.html',
     styleUrls: ['./configure-certificate-dialog.component.scss'],
-    standalone: true,
     imports: [
         DetailsRadioComponent,
         NgIf,

apps/red-ui/src/app/modules/admin/dialogs/configure-digital-signature-dialog/form/kms-signature-configuration/kms-signature-configuration.component.ts

@@ -13,7 +13,6 @@ import { TranslateModule } from '@ngx-translate/core';
     templateUrl: './kms-signature-configuration.component.html',
     styleUrls: ['./kms-signature-configuration.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [UploadFileComponent, ReactiveFormsModule, NgIf, TranslateModule],
 })
 export class KmsSignatureConfigurationComponent extends BaseSignatureConfigurationComponent implements OnInit {

apps/red-ui/src/app/modules/admin/dialogs/configure-digital-signature-dialog/form/pkcs-signature-configuration/pkcs-signature-configuration.component.ts

@@ -14,7 +14,6 @@ import { TranslateModule } from '@ngx-translate/core';
     templateUrl: './pkcs-signature-configuration.component.html',
     styleUrls: ['./pkcs-signature-configuration.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [UploadFileComponent, ReactiveFormsModule, NgIf, TranslateModule],
 })
 export class PkcsSignatureConfigurationComponent extends BaseSignatureConfigurationComponent implements OnInit {

apps/red-ui/src/app/modules/admin/dialogs/edit-color-dialog/edit-color-dialog.component.ts

@@ -20,7 +20,6 @@ interface IEditColorData {
 @Component({
     templateUrl: './edit-color-dialog.component.html',
     styleUrls: ['./edit-color-dialog.component.scss'],
-    standalone: true,
     imports: [ReactiveFormsModule, TranslateModule, ColorPickerModule, MatIcon, NgIf, IconButtonComponent, CircleButtonComponent],
 })
 export class EditColorDialogComponent extends BaseDialogComponent {

apps/red-ui/src/app/modules/admin/dialogs/smtp-auth-dialog/smtp-auth-dialog.component.ts

@@ -9,7 +9,6 @@ import { TranslateModule } from '@ngx-translate/core';
 @Component({
     selector: 'redaction-smtp-auth-dialog',
     templateUrl: './smtp-auth-dialog.component.html',
-    standalone: true,
     imports: [ReactiveFormsModule, TranslateModule, IconButtonComponent, CircleButtonComponent, MatDialogClose],
 })
 export class SmtpAuthDialogComponent extends BaseDialogComponent {

apps/red-ui/src/app/modules/admin/dialogs/upload-dictionary-dialog/upload-dictionary-dialog.component.ts

@@ -7,7 +7,6 @@ import { TranslateModule } from '@ngx-translate/core';
     templateUrl: './upload-dictionary-dialog.component.html',
     styleUrls: ['./upload-dictionary-dialog.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [IconButtonComponent, TranslateModule],
 })
 export class UploadDictionaryDialogComponent {

apps/red-ui/src/app/modules/admin/screens/audit/audit-screen.component.ts

@@ -36,7 +36,6 @@ const PAGE_SIZE = 50;
     templateUrl: './audit-screen.component.html',
     styleUrls: ['./audit-screen.component.scss'],
     providers: listingProvidersFactory(AuditScreenComponent),
-    standalone: true,
     imports: [
         IqserListingModule,
         TranslateModule,

apps/red-ui/src/app/modules/admin/screens/component-definitions/component-definitions.component.ts

@@ -18,7 +18,6 @@ import { AdminDialogService } from '../../services/admin-dialog.service';
     templateUrl: './component-definitions.component.html',
     styleUrls: ['./component-definitions.component.scss'],
     providers: listingProvidersFactory(ComponentDefinitionsComponent),
-    standalone: true,
     imports: [
         IconButtonComponent,
         InputWithActionComponent,

apps/red-ui/src/app/modules/admin/screens/component-mappings/add-edit-component-mapping-dialog/add-edit-component-mapping-dialog.component.ts

@@ -31,7 +31,6 @@ interface DialogResult {
 @Component({
     templateUrl: './add-edit-component-mapping-dialog.component.html',
     styleUrls: ['./add-edit-component-mapping-dialog.component.scss'],
-    standalone: true,
     imports: [
         TranslateModule,
         ReactiveFormsModule,

apps/red-ui/src/app/modules/admin/screens/component-mappings/component-mappings-screen.component.ts

@@ -36,7 +36,6 @@ import { MatTooltip } from '@angular/material/tooltip';
     templateUrl: './component-mappings-screen.component.html',
     styleUrls: ['./component-mappings-screen.component.scss'],
     providers: listingProvidersFactory(ComponentMappingsScreenComponent),
-    standalone: true,
     imports: [
         DossierTemplateBreadcrumbsComponent,
         AsyncPipe,

apps/red-ui/src/app/modules/admin/screens/default-colors/default-colors-screen.component.ts

@@ -33,7 +33,6 @@ interface ListItem extends IListable {
     styleUrls: ['./default-colors-screen.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: listingProvidersFactory(DefaultColorsScreenComponent),
-    standalone: true,
     imports: [IqserListingModule, NgStyle, CircleButtonComponent, IqserAllowDirective, TranslateModule, AsyncPipe, NgIf],
 })
 export class DefaultColorsScreenComponent extends ListingComponent<ListItem> implements OnInit {

apps/red-ui/src/app/modules/admin/screens/digital-signature/digital-signature-screen.component.ts

@@ -25,7 +25,6 @@ import { DigitalSignatureService } from '../../services/digital-signature.servic
     selector: 'redaction-digital-signature-screen',
     templateUrl: './digital-signature-screen.component.html',
     styleUrls: ['./digital-signature-screen.component.scss'],
-    standalone: true,
     imports: [
         IqserListingModule,
         EmptyStateComponent,

apps/red-ui/src/app/modules/admin/screens/dossier-attributes-listing/add-edit-dossier-attribute-dialog/add-edit-dossier-attribute-dialog.component.ts

@@ -20,7 +20,6 @@ export interface AddEditDossierAttributeDialogData {
 @Component({
     templateUrl: './add-edit-dossier-attribute-dialog.component.html',
     styleUrls: ['./add-edit-dossier-attribute-dialog.component.scss'],
-    standalone: true,
     imports: [
         TranslateModule,
         ReactiveFormsModule,

apps/red-ui/src/app/modules/admin/screens/dossier-attributes-listing/dossier-attributes-listing-screen.component.ts

@@ -35,7 +35,6 @@ import { TableItemComponent } from './table-item/table-item.component';
         entitiesService: DossierAttributesService,
         component: DossierAttributesListingScreenComponent,
     }),
-    standalone: true,
     imports: [
         IqserListingModule,
         TranslateModule,

apps/red-ui/src/app/modules/admin/screens/dossier-attributes-listing/table-item/table-item.component.ts

@@ -10,7 +10,6 @@ import { NgIf } from '@angular/common';
     selector: 'redaction-table-item [attribute] [canEditDossierAttributes]',
     templateUrl: './table-item.component.html',
     styleUrls: ['./table-item.component.scss'],
-    standalone: true,
     imports: [MatTooltip, TranslateModule, CircleButtonComponent, NgIf],
 })
 export class TableItemComponent {

apps/red-ui/src/app/modules/admin/screens/dossier-states-listing/add-edit-dossier-state-dialog/add-edit-dossier-state-dialog.component.ts

@@ -18,7 +18,6 @@ export interface AddEditDossierStateDialogData {
 @Component({
     templateUrl: './add-edit-dossier-state-dialog.component.html',
     styleUrls: ['./add-edit-dossier-state-dialog.component.scss'],
-    standalone: true,
     imports: [TranslateModule, ReactiveFormsModule, ColorPickerModule, MatIcon, NgIf, IconButtonComponent, CircleButtonComponent],
 })
 export class AddEditDossierStateDialogComponent extends BaseDialogComponent {

apps/red-ui/src/app/modules/admin/screens/dossier-states-listing/confirm-delete-dossier-state-dialog/confirm-delete-dossier-state-dialog.component.ts

@@ -23,7 +23,6 @@ export interface ConfirmDeleteDossierStateDialogData {
 @Component({
     templateUrl: './confirm-delete-dossier-state-dialog.component.html',
     styleUrls: ['./confirm-delete-dossier-state-dialog.component.scss'],
-    standalone: true,
     imports: [
         TranslateModule,
         ReactiveFormsModule,

apps/red-ui/src/app/modules/admin/screens/dossier-states-listing/dossier-states-listing-screen/dossier-states-listing-screen.component.ts

@@ -33,7 +33,6 @@ import { DossierStatesTableItemComponent } from '../dossier-states-table-item/do
     templateUrl: './dossier-states-listing-screen.component.html',
     styleUrls: ['./dossier-states-listing-screen.component.scss'],
     providers: listingProvidersFactory(DossierStatesListingScreenComponent),
-    standalone: true,
     imports: [
         IqserListingModule,
         DonutChartComponent,

apps/red-ui/src/app/modules/admin/screens/dossier-states-listing/dossier-states-table-item/dossier-states-table-item.component.ts

@@ -20,7 +20,6 @@ import { SnakeCasePipe } from '@common-ui/pipes/snake-case.pipe';
     selector: 'redaction-dossier-states-table-item',
     templateUrl: './dossier-states-table-item.component.html',
     styleUrls: ['./dossier-states-table-item.component.scss'],
-    standalone: true,
     imports: [MatTooltip, CircleButtonComponent, TranslateModule, NgIf, SnakeCasePipe],
 })
 export class DossierStatesTableItemComponent {

apps/red-ui/src/app/modules/admin/screens/dossier-templates-listing/dossier-templates-listing-screen/dossier-templates-listing-screen.component.ts

@@ -33,7 +33,6 @@ import { TableItemComponent } from '../table-item/table-item.component';
         entitiesService: DossierTemplatesService,
         component: DossierTemplatesListingScreenComponent,
     }),
-    standalone: true,
     imports: [
         IqserListingModule,
         TranslateModule,

apps/red-ui/src/app/modules/admin/screens/dossier-templates-listing/table-item/table-item.component.ts

@@ -17,7 +17,6 @@ import { DatePipe } from '@shared/pipes/date.pipe';
     templateUrl: './table-item.component.html',
     styleUrls: ['./table-item.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [MatTooltip, NgIf, AsyncPipe, MatIcon, TranslateModule, DatePipe, DossierTemplateActionsComponent, InitialsAvatarComponent],
 })
 export class TableItemComponent implements OnChanges {

apps/red-ui/src/app/modules/admin/screens/entities-listing/entities-listing-screen.component.html

@@ -87,6 +87,7 @@
                             [routerLink]="dict.routerLink"
                             [tooltip]="'entities-listing.action.edit' | translate"
                             icon="iqser:edit"
+                            iqserStopPropagation
                         ></iqser-circle-button>
                     </div>
                 </div>

apps/red-ui/src/app/modules/admin/screens/entities-listing/entities-listing-screen.component.ts

@@ -11,6 +11,7 @@ import {
     ListingComponent,
     listingProvidersFactory,
     LoadingService,
+    StopPropagationDirective,
     TableColumnConfig,
 } from '@iqser/common-ui';
 import { getParam } from '@iqser/common-ui/lib/utils';
@@ -29,7 +30,6 @@ import { AdminDialogService } from '../../services/admin-dialog.service';
     templateUrl: './entities-listing-screen.component.html',
     styleUrls: ['./entities-listing-screen.component.scss'],
     providers: listingProvidersFactory(EntitiesListingScreenComponent),
-    standalone: true,
     imports: [
         IqserListingModule,
         TranslateModule,
@@ -41,6 +41,7 @@ import { AdminDialogService } from '../../services/admin-dialog.service';
         AnnotationIconComponent,
         AsyncPipe,
         RouterLink,
+        StopPropagationDirective,
     ],
 })
 export class EntitiesListingScreenComponent extends ListingComponent<Dictionary> implements OnInit {

apps/red-ui/src/app/modules/admin/screens/entities/screens/dictionary/dictionary-screen.component.ts

@@ -16,7 +16,6 @@ import { AsyncPipe } from '@angular/common';
     templateUrl: './dictionary-screen.component.html',
     styleUrls: ['./dictionary-screen.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [AsyncPipe, DictionaryManagerComponent],
 })
 export class DictionaryScreenComponent implements OnInit {

apps/red-ui/src/app/modules/admin/screens/entities/screens/entity-info/entity-info.component.ts

@@ -17,7 +17,6 @@ import { TranslateModule } from '@ngx-translate/core';
     templateUrl: './entity-info.component.html',
     styleUrls: ['./entity-info.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [
         HasScrollbarDirective,
         MatIcon,

apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/add-edit-file-attribute-dialog/add-edit-file-attribute-dialog.component.ts

@@ -22,7 +22,6 @@ export interface AddEditFileAttributeDialogData {
 @Component({
     templateUrl: './add-edit-file-attribute-dialog.component.html',
     styleUrls: ['./add-edit-file-attribute-dialog.component.scss'],
-    standalone: true,
     imports: [
         ReactiveFormsModule,
         TranslateModule,

apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-configurations-dialog/file-attributes-configurations-dialog.component.ts

@@ -13,7 +13,6 @@ import { MatSlideToggleModule } from '@angular/material/slide-toggle';
 @Component({
     templateUrl: './file-attributes-configurations-dialog.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [
         ReactiveFormsModule,
         MatSlideToggleModule,

apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-csv-import-dialog/active-fields-listing/active-fields-listing.component.ts

@@ -19,7 +19,6 @@ import { fileAttributeTypesTranslations } from '@translations/file-attribute-typ
     templateUrl: './active-fields-listing.component.html',
     styleUrls: ['./active-fields-listing.component.scss'],
     providers: listingProvidersFactory(ActiveFieldsListingComponent),
-    standalone: true,
     imports: [
         IqserListingModule,
         CircleButtonComponent,

apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.ts

@@ -38,7 +38,6 @@ export interface IFileAttributesCSVImportData {
     styleUrls: ['./file-attributes-csv-import-dialog.component.scss'],
     providers: listingProvidersFactory(),
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [
         ReactiveFormsModule,
         MatFormField,

apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-listing-screen.component.ts

@@ -46,7 +46,6 @@ import {
     templateUrl: './file-attributes-listing-screen.component.html',
     styleUrls: ['./file-attributes-listing-screen.component.scss'],
     providers: listingProvidersFactory(FileAttributesListingScreenComponent),
-    standalone: true,
     imports: [
         IqserListingModule,
         NgForOf,

apps/red-ui/src/app/modules/admin/screens/general-config/general-config-form/general-config-form.component.ts

@@ -13,7 +13,6 @@ import { MatSlideToggle } from '@angular/material/slide-toggle';
 @Component({
     selector: 'redaction-general-config-form',
     templateUrl: './general-config-form.component.html',
-    standalone: true,
     imports: [ReactiveFormsModule, TranslateModule, NgIf, MatSlideToggle, IconButtonComponent],
 })
 export class GeneralConfigFormComponent extends BaseFormComponent implements OnInit {

apps/red-ui/src/app/modules/admin/screens/general-config/general-config-screen.component.ts

@@ -13,7 +13,6 @@ import { ILicenseFeature } from '@red/domain';
     selector: 'redaction-general-config-screen',
     templateUrl: './general-config-screen.component.html',
     styleUrls: ['./general-config-screen.component.scss'],
-    standalone: true,
     imports: [IqserListingModule, GeneralConfigFormComponent, SystemPreferencesFormComponent, SmtpFormComponent, TranslateModule],
 })
 export class GeneralConfigScreenComponent extends BaseFormComponent implements AfterViewInit {

apps/red-ui/src/app/modules/admin/screens/general-config/smtp-form/smtp-form.component.ts

@@ -21,7 +21,6 @@ import { NgIf } from '@angular/common';
 @Component({
     selector: 'redaction-smtp-form',
     templateUrl: './smtp-form.component.html',
-    standalone: true,
     imports: [ReactiveFormsModule, TranslateModule, MatSlideToggle, IconButtonComponent, NgIf],
 })
 export class SmtpFormComponent extends BaseFormComponent implements OnInit {

apps/red-ui/src/app/modules/admin/screens/general-config/system-preferences-form/system-preferences-form.component.ts

@@ -15,7 +15,6 @@ export type ValueType = 'number' | 'string' | 'boolean';
 @Component({
     selector: 'redaction-system-preferences-form',
     templateUrl: './system-preferences-form.component.html',
-    standalone: true,
     imports: [NgIf, ReactiveFormsModule, NgForOf, TranslateModule, MatSlideToggle, IconButtonComponent],
 })
 export class SystemPreferencesFormComponent extends BaseFormComponent {

apps/red-ui/src/app/modules/admin/screens/info/dossier-template-details/dossier-template-details.component.html

@@ -34,6 +34,20 @@
                     <span [innerHTML]="'dossier-template-info-screen.created-on' | translate: { date: createdOn }"></span>
                 </div>
 
+                <div *ngIf="areRulesLocked()">
+                    <mat-icon
+                        (click)="resetRules()"
+                        [matTooltip]="
+                            currentUser.isAdmin
+                                ? ('dossier-template-info-screen.rules-reset.tooltip' | translate)
+                                : ('dossier-template-info-screen.rules-reset.disabled-action' | translate)
+                        "
+                        [class.action-icon]="currentUser.isAdmin"
+                        svgIcon="iqser:alert-circle"
+                    ></mat-icon>
+                    <span class="error">{{ 'dossier-template-info-screen.rules-reset.label' | translate }}</span>
+                </div>
+
                 <div>
                     <mat-icon svgIcon="red:entries"></mat-icon>
                     {{ 'dossier-template-info-screen.entries' | translate: { count: ctx.stats.numberOfEntries } }}

apps/red-ui/src/app/modules/admin/screens/info/dossier-template-details/dossier-template-details.component.scss

@@ -18,3 +18,11 @@
     padding-right: 24px;
     margin-right: 24px;
 }
+
+.error {
+    color: var(--iqser-primary);
+}
+
+.action-icon {
+    cursor: pointer;
+}

apps/red-ui/src/app/modules/admin/screens/info/dossier-template-details/dossier-template-details.component.ts

@@ -1,4 +1,4 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, computed, Input, OnInit } from '@angular/core';
 import { ContextComponent } from '@iqser/common-ui/lib/utils';
 import { type DossierTemplate, type DossierTemplateStats } from '@red/domain';
 import { DossierTemplatesService } from '@services/dossier-templates/dossier-templates.service';
@@ -9,6 +9,12 @@ import { MatIcon } from '@angular/material/icon';
 import { TranslateModule } from '@ngx-translate/core';
 import { InitialsAvatarComponent } from '@common-ui/users';
 import { DatePipe } from '@shared/pipes/date.pipe';
+import { RulesService } from '../../../services/rules.service';
+import { Toaster } from '@iqser/common-ui';
+import { MatTooltip } from '@angular/material/tooltip';
+import { firstValueFrom } from 'rxjs';
+import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
+import { getCurrentUser } from '@users/user.service';
 
 interface Context {
     readonly dossierTemplate: DossierTemplate;
@@ -19,17 +25,21 @@ interface Context {
     selector: 'redaction-dossier-template-details',
     templateUrl: './dossier-template-details.component.html',
     styleUrls: ['./dossier-template-details.component.scss'],
-    standalone: true,
+    imports: [NgIf, AsyncPipe, MatIcon, TranslateModule, DatePipe, InitialsAvatarComponent, MatTooltip],
-    imports: [NgIf, AsyncPipe, MatIcon, TranslateModule, DatePipe, InitialsAvatarComponent],
 })
 export class DossierTemplateDetailsComponent extends ContextComponent<Context> implements OnInit {
     readonly translations = dossierTemplateStatusTranslations;
-
     @Input({ required: true }) dossierTemplateId: string;
+    readonly areRulesLocked = computed(() => {
+        return this._rulesService.currentTemplateRules().timeoutDetected;
+    });
+    readonly currentUser = getCurrentUser();
 
     constructor(
         private readonly _dossierTemplatesService: DossierTemplatesService,
         private readonly _dossierTemplateStatsService: DossierTemplateStatsService,
+        private readonly _rulesService: RulesService,
+        private readonly _toaster: Toaster,
     ) {
         super();
     }
@@ -40,4 +50,15 @@ export class DossierTemplateDetailsComponent extends ContextComponent<Context> i
             stats: this._dossierTemplateStatsService.watch$(this.dossierTemplateId),
         });
     }
+
+    async resetRules() {
+        if (!this.currentUser.isAdmin) return;
+        try {
+            await firstValueFrom(this._rulesService.reset(this.dossierTemplateId));
+            this._toaster.success(_('dossier-template-info-screen.rules-reset.success'));
+            await firstValueFrom(this._rulesService.getFor(this.dossierTemplateId));
+        } catch (error) {
+            this._toaster.rawError(error.error.message);
+        }
+    }
 }

apps/red-ui/src/app/modules/admin/screens/info/dossier-template-info-screen/dossier-template-info-screen.component.ts

@@ -36,7 +36,6 @@ const downloadTypes = ['ORIGINAL', 'PREVIEW', 'OPTIMIZED_PREVIEW', 'DELTA_PREVIE
 @Component({
     templateUrl: './dossier-template-info-screen.component.html',
     styleUrls: ['./dossier-template-info-screen.component.scss'],
-    standalone: true,
     imports: [
         HasScrollbarDirective,
         ReactiveFormsModule,

apps/red-ui/src/app/modules/admin/screens/justifications/add-edit-justification-dialog/add-edit-justification-dialog.component.ts

@@ -17,7 +17,6 @@ interface DialogData {
 @Component({
     templateUrl: './add-edit-justification-dialog.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [TranslateModule, ReactiveFormsModule, IconButtonComponent, CircleButtonComponent, HasScrollbarDirective],
 })
 export class AddEditJustificationDialogComponent extends BaseDialogComponent {

apps/red-ui/src/app/modules/admin/screens/justifications/justifications-screen/justifications-screen.component.ts

@@ -33,7 +33,6 @@ import { TranslateModule } from '@ngx-translate/core';
         }),
         JustificationsDialogService,
     ],
-    standalone: true,
     imports: [IqserListingModule, CircleButtonComponent, NgIf, TableItemComponent, TranslateModule, AsyncPipe, IconButtonComponent],
 })
 export default class JustificationsScreenComponent extends ListingComponent<Justification> implements OnInit {

apps/red-ui/src/app/modules/admin/screens/justifications/table-item/table-item.component.ts

@@ -12,7 +12,6 @@ import { TranslateModule } from '@ngx-translate/core';
     selector: 'redaction-table-item',
     templateUrl: './table-item.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [MatTooltip, CircleButtonComponent, NgIf, TranslateModule],
 })
 export class TableItemComponent {

apps/red-ui/src/app/modules/admin/screens/license/components/chart/chart.component.ts

@@ -6,7 +6,6 @@ import { BaseChartDirective, provideCharts, withDefaultRegisterables } from 'ng2
     selector: 'redaction-chart',
     templateUrl: './chart.component.html',
     styleUrls: ['./chart.component.scss'],
-    standalone: true,
     imports: [BaseChartDirective],
     providers: [provideCharts(withDefaultRegisterables())],
 })

apps/red-ui/src/app/modules/admin/screens/license/components/license-analysis-capacity-usage/license-analysis-capacity-usage.component.ts

@@ -16,7 +16,6 @@ import { ChartComponent } from '../chart/chart.component';
     selector: 'red-license-analysis-capacity-usage',
     templateUrl: './license-analysis-capacity-usage.component.html',
     styleUrls: ['./license-analysis-capacity-usage.component.scss'],
-    standalone: true,
     imports: [SizePipe, DecimalPipe, ChartComponent, AsyncPipe, NgIf, TranslateModule],
 })
 export class LicenseAnalysisCapacityUsageComponent {

apps/red-ui/src/app/modules/admin/screens/license/components/license-page-usage/license-page-usage.component.ts

@@ -14,7 +14,6 @@ import { ChartComponent } from '../chart/chart.component';
     selector: 'red-license-page-usage',
     templateUrl: './license-page-usage.component.html',
     styleUrls: ['./license-page-usage.component.scss'],
-    standalone: true,
     imports: [DecimalPipe, TranslateModule, ChartComponent, NgIf, AsyncPipe],
 })
 export class LicensePageUsageComponent {

apps/red-ui/src/app/modules/admin/screens/license/components/license-retention-capacity-usage/license-retention-capacity.component.ts

@@ -17,7 +17,6 @@ import { ChartComponent } from '../chart/chart.component';
     selector: 'red-license-retention-capacity',
     templateUrl: './license-retention-capacity.component.html',
     styleUrls: ['./license-retention-capacity.component.scss'],
-    standalone: true,
     imports: [SizePipe, DecimalPipe, NgIf, DonutChartComponent, AsyncPipe, ChartComponent, TranslateModule],
 })
 export class LicenseRetentionCapacityComponent {

apps/red-ui/src/app/modules/admin/screens/license/components/license-select/license-select.component.html

@@ -6,7 +6,7 @@
             </mat-select-trigger>
 
             <mat-option *ngFor="let license of licenses" [value]="license">
-                <ng-container *ngTemplateOutlet="licenseInfo; context: { license: this.license }"></ng-container>
+                <ng-container *ngTemplateOutlet="licenseInfo; context: { license: license }"></ng-container>
             </mat-option>
         </mat-select>
     </mat-form-field>

apps/red-ui/src/app/modules/admin/screens/license/components/license-select/license-select.component.ts

@@ -19,7 +19,6 @@ const translations = {
     selector: 'redaction-license-select',
     templateUrl: './license-select.component.html',
     styleUrls: ['./license-select.component.scss'],
-    standalone: true,
     imports: [
         AsyncPipe,
         NgIf,

apps/red-ui/src/app/modules/admin/screens/license/license-screen/license-screen.component.ts

@@ -16,7 +16,6 @@ import { DatePipe } from '@shared/pipes/date.pipe';
 @Component({
     templateUrl: './license-screen.component.html',
     styleUrls: ['./license-screen.component.scss'],
-    standalone: true,
     imports: [
         IqserListingModule,
         TranslateModule,

apps/red-ui/src/app/modules/admin/screens/permissions/permissions-screen/permissions-screen.component.ts

@@ -30,7 +30,6 @@ import { TranslateModule } from '@ngx-translate/core';
     templateUrl: './permissions-screen.component.html',
     styleUrls: ['./permissions-screen.component.scss'],
     providers: listingProvidersFactory(PermissionsScreenComponent),
-    standalone: true,
     imports: [IqserListingModule, NgIf, NgForOf, MatSlideToggle, AsyncPipe, TranslateModule],
 })
 export default class PermissionsScreenComponent extends ListingComponent<PermissionsMapping> implements OnInit {

apps/red-ui/src/app/modules/admin/screens/reports/reports-screen/reports-screen.component.ts

@@ -41,7 +41,6 @@ const placeholderTypes: PlaceholderType[] = ['generalPlaceholders', 'fileAttribu
     templateUrl: './reports-screen.component.html',
     styleUrls: ['./reports-screen.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [HasScrollbarDirective, AsyncPipe, TranslateModule, CircleButtonComponent, IqserAllowDirective, SnakeCasePipe],
 })
 export default class ReportsScreenComponent implements OnInit {

apps/red-ui/src/app/modules/admin/screens/rules/rules-screen/rules-screen.component.ts

@@ -59,7 +59,6 @@ const RULE_VALIDATION_TIMEOUT = 2000;
     templateUrl: './rules-screen.component.html',
     styleUrls: ['./rules-screen.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [
         MonacoEditorModule,
         MatIcon,
@@ -67,11 +66,11 @@ const RULE_VALIDATION_TIMEOUT = 2000;
         IconButtonComponent,
         NgIf,
         TranslateModule,
-        NgTemplateOutlet,
         CircleButtonComponent,
-        DatePipe,
         InputWithActionComponent,
         MatTooltip,
+        NgTemplateOutlet,
+        DatePipe,
     ],
 })
 export default class RulesScreenComponent implements OnInit, ComponentCanDeactivate {

apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.ts

@@ -46,7 +46,6 @@ function configToFilter({ key, label }: DonutChartConfig) {
         entitiesService: UserService,
         component: UserListingScreenComponent,
     }),
-    standalone: true,
     imports: [
         IqserListingModule,
         TranslateModule,
@@ -126,7 +125,7 @@ export class UserListingScreenComponent extends ListingComponent<User> implement
 
     getDisplayRoles(user: User) {
         const oldRedRoles = user.roles.filter(role => role.startsWith('RED_'));
-        const translatedRoles = oldRedRoles.map(role => this._translateService.instant(this.translations[role]));
+        const translatedRoles = oldRedRoles.map(role => this._translateService.instant(this.translations[role], { count: 1 }));
         return translatedRoles.join(', ') || this._translateService.instant(this.translations['NO_ROLE']);
     }
 

apps/red-ui/src/app/modules/admin/screens/watermark/paginator/paginator.component.ts

@@ -6,7 +6,6 @@ import { TranslateModule } from '@ngx-translate/core';
     selector: 'redaction-paginator',
     templateUrl: './paginator.component.html',
     styleUrls: ['./paginator.component.scss'],
-    standalone: true,
     imports: [MatIcon, TranslateModule],
 })
 export class PaginatorComponent {

apps/red-ui/src/app/modules/admin/screens/watermark/watermark-screen/watermark-screen.component.ts

@@ -74,7 +74,6 @@ interface WatermarkForm {
 @Component({
     templateUrl: './watermark-screen.component.html',
     styleUrls: ['./watermark-screen.component.scss'],
-    standalone: true,
     imports: [
         PaginatorComponent,
         NgIf,
@@ -249,7 +248,7 @@ export class WatermarkScreenComponent implements OnInit {
         this.instance = await WebViewer.Iframe(
             {
                 licenseKey: this._licenseService.activeLicenseKey,
-                path: this.#convertPath('/assets/wv-resources/11.0.0'),
+                path: this.#convertPath('/assets/wv-resources/11.1.0'),
                 css: this.#convertPath('/assets/pdftron/stylesheet.css'),
                 fullAPI: true,
                 isReadOnly: true,

apps/red-ui/src/app/modules/admin/screens/watermark/watermarks-listing/watermarks-listing-screen.component.ts

@@ -31,7 +31,6 @@ import { DatePipe } from '@shared/pipes/date.pipe';
     templateUrl: './watermarks-listing-screen.component.html',
     styleUrls: ['./watermarks-listing-screen.component.scss'],
     providers: listingProvidersFactory(WatermarksListingScreenComponent),
-    standalone: true,
     imports: [
         IqserListingModule,
         TranslateModule,

apps/red-ui/src/app/modules/admin/services/rules.service.ts

@@ -1,11 +1,25 @@
 import { Injectable } from '@angular/core';
-import { GenericService, QueryParam } from '@iqser/common-ui';
+import { EntitiesService, QueryParam } from '@iqser/common-ui';
-import { IRules } from '@red/domain';
+import { IRules, Rules } from '@red/domain';
-import { Observable } from 'rxjs';
+import { map, Observable, tap } from 'rxjs';
 import { List } from '@common-ui/utils';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { distinctUntilChanged, filter } from 'rxjs/operators';
 
 @Injectable({ providedIn: 'root' })
-export class RulesService extends GenericService<IRules> {
+export class RulesService extends EntitiesService<IRules, Rules> {
+    readonly currentTemplateRules = toSignal(
+        this.all$.pipe(
+            filter(all => !!all.length),
+            map(rules => rules[0]),
+            distinctUntilChanged(
+                (prev, curr) =>
+                    prev.rules === curr.rules &&
+                    prev.timeoutDetected === curr.timeoutDetected &&
+                    prev.dossierTemplateId === curr.dossierTemplateId,
+            ),
+        ),
+    );
     protected readonly _defaultModelPath = 'rules';
 
     download(dossierTemplateId: string, ruleFileType: IRules['ruleFileType'] = 'ENTITY') {
@@ -17,6 +31,10 @@ export class RulesService extends GenericService<IRules> {
     }
 
     getFor<R = IRules>(entityId: string, queryParams?: List<QueryParam>): Observable<R> {
-        return super.getFor(entityId, queryParams);
+        return super.getFor<R>(entityId, queryParams).pipe(tap(rules => this.setEntities([rules as Rules])));
+    }
+
+    reset(dossierTemplateId: string, ruleFileType: IRules['ruleFileType'] = 'ENTITY') {
+        return this._put(null, `${this._defaultModelPath}/${dossierTemplateId}/${ruleFileType}/reset`);
     }
 }

apps/red-ui/src/app/modules/admin/shared/components/admin-side-nav/admin-side-nav.component.ts

@@ -21,7 +21,6 @@ interface NavItem {
     selector: 'redaction-admin-side-nav [type]',
     templateUrl: './admin-side-nav.component.html',
     styleUrls: ['./admin-side-nav.component.scss'],
-    standalone: true,
     imports: [TranslateModule, NgIf, RouterLink, RouterLinkActive, NgForOf, SideNavComponent],
 })
 export class AdminSideNavComponent implements OnInit {

apps/red-ui/src/app/modules/admin/shared/components/dossier-template-actions/dossier-template-actions.component.ts

@@ -13,7 +13,6 @@ import { AdminDialogService } from '../../../services/admin-dialog.service';
     selector: 'redaction-dossier-template-actions',
     templateUrl: './dossier-template-actions.component.html',
     styleUrls: ['./dossier-template-actions.component.scss'],
-    standalone: true,
     imports: [NgIf, CircleButtonComponent, TranslateModule, RouterLink],
 })
 export class DossierTemplateActionsComponent implements OnInit {

apps/red-ui/src/app/modules/admin/shared/components/dossier-template-breadcrumbs/dossier-template-breadcrumbs.component.ts

@@ -13,7 +13,6 @@ import { TranslateModule } from '@ngx-translate/core';
     selector: 'redaction-dossier-template-breadcrumbs',
     templateUrl: './dossier-template-breadcrumbs.component.html',
     styleUrls: ['./dossier-template-breadcrumbs.component.scss'],
-    standalone: true,
     imports: [NgIf, AsyncPipe, RouterLink, MatIconModule, TranslateModule, RouterLinkActive],
 })
 export class DossierTemplateBreadcrumbsComponent {

apps/red-ui/src/app/modules/archive/components/table-item/table-item.component.ts

@@ -14,7 +14,6 @@ import { DatePipe } from '@shared/pipes/date.pipe';
     selector: 'redaction-table-item [dossier]',
     templateUrl: './table-item.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [
         DossierNameColumnComponent,
         InitialsAvatarComponent,

apps/red-ui/src/app/modules/archive/screens/archived-dossiers-screen/archived-dossiers-screen.component.ts

@@ -17,7 +17,6 @@ import { AsyncPipe, NgIf } from '@angular/common';
     templateUrl: './archived-dossiers-screen.component.html',
     providers: listingProvidersFactory(ArchivedDossiersScreenComponent),
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [IqserListingModule, DossiersTypeSwitchComponent, TranslateModule, TableItemComponent, NgIf, AsyncPipe],
 })
 export class ArchivedDossiersScreenComponent extends ListingComponent<Dossier> implements OnInit, OnAttach {

apps/red-ui/src/app/modules/dashboard/components/template-stats/template-stats.component.ts

@@ -16,7 +16,6 @@ import { SnakeCasePipe } from '@common-ui/pipes/snake-case.pipe';
     selector: 'redaction-template-stats [stats]',
     templateUrl: './template-stats.component.html',
     styleUrls: ['./template-stats.component.scss'],
-    standalone: true,
     imports: [NgIf, RouterLink, MatIcon, TranslateModule, DonutChartComponent, IconButtonComponent, SnakeCasePipe],
 })
 export class TemplateStatsComponent {