deleted unused method

removed openAIREUser cookie
fixed role created from repository in production mode
2021-07-19 12:42:45 +00:00 · 2021-07-19 11:38:24 +00:00 · 2021-07-19 09:07:45 +00:00 · 2021-07-16 09:25:15 +00:00 · 2021-07-16 09:21:46 +00:00 · 2021-07-16 09:09:56 +00:00
541 changed files with 2604 additions and 19923 deletions
--- a/_fonts.scss
+++ b/_fonts.scss
@ -1,35 +0,0 @@
 /* You can add fonts */
@font-face {
  font-family: "CharterITCW05";
  src: url("assets/fonts/CharterITCW05-Regular.woff") format("woff");
 }
 /*@font-face {
  font-family: "HelveticaNeue";
  src: url("assets/fonts/HelveticaNeue-Regular.ttf") format("truetype");
 }
@font-face {
  font-family: "PragmaticaMedium";
  src: url("assets/fonts/PragmaticaMedium.otf") format("opentype");
 }*/
 :host ::ng-deep {
  h1, h2, h3, h4, h5, h6 {
    font-family: "CharterITCW05";
  }
  /*label, .p-button, th {
    font-family: "PragmaticaMedium";
    font-weight: 100;
  }*/
  /** {
    :not(h1, h2, h3, h4, h5, h6, label, .p-button, th, .pi) {
      font-family: "HelveticaNeue";
      font-weight: 600;
    }
  }*/
 }
--- a/_general.scss
+++ b/_general.scss
--- a/_media.scss
+++ b/_media.scss
@ -1,32 +0,0 @@
 /* You can add media styles */
@media (max-width: 991px) {
  //header
  .header {
    padding: 10px;
  }
  //main-content
  .main-content {
    padding: 10px;
  }
 }
@media (max-width: 961px) {
  .hidden-left-panel {
    display: none !important;
  }
 }
@media (min-width: 961px) {
  .hidden-horizontal-menu {
    display: none !important;
  }
 }
--- a/_pallete.scss
+++ b/_pallete.scss
@ -1,65 +0,0 @@
 /* You can add reusable colors */
 // Primary
 $dark-orange-1: #933401;
 $dark-orange-2: #571F01;
 $orange: #D04A02;
 $light-orange-1: #FD6412;
 $light-orange-2: #FEB791;
 $dark-tangerine-1: #AE6800;
 $dark-tangerine-2: #714300;
 $tangerine: #EB8C00;
 $light-tangerine-1: #FFA929;
 $light-tangerine-2: #FFDCA9;
 $dark-yellow-1: #C28A00;
 $dark-yellow-2: #855F00;
 $yellow: #FFB600;
 $light-yellow-1: #FFC83D;
 $light-yellow-2: #FFECBD;
 $dark-rose-1: #A43E50;
 $dark-rose-2: #6E2A35;
 $rose: #DB536A;
 $light-rose-1: #E27588;
 $light-rose-2: #F1BAC3;
 $dark-red-1: #AA2417;
 $dark-red-2: #741910;
 $red: #E0301E;
 $light-red-1: #E86153;
 $Light-red-2: #F7C8C4;
 $white: white;
 $black: black;
 $dark-grey: #2D2D2D;
 $medium-grey: #464646;
 $grey: #7D7D7D;
 $light-grey: #DEDEDE;
 // Secondary
 $dark-purple-1: #6A1CE2;
 $dark-purple-2: #4B06B2;
 $purple: #9013FE;
 $light-purple-1: #B15AFE;
 $light-purple-2: #DEB8FF;
 $dark-blue-1: #0060D7;
 $dark-blue-2: #003DAB;
 $blue: #0089EB;
 $light-blue-1: #4DACF1;
 $light-blue-2: #B3DCF9;
 $dark-green-1: #2C8646;
 $dark-green-2: #175C2C;
 $green: #4EB523;
 $light-green-1: #86DB4F;
 $light-green-2: #C4FC9F;
 $rose-for-white-type: #D93954;
 // Status Colors
 $status-red: #E0301E;
 $status-yellow: #FFB600;
 $status-green: #175C2C;
--- a/app/app-routing.module.ts
+++ b/app/app-routing.module.ts
@ -1,10 +0,0 @@
 import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
 const routes: Routes = [];
@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
 })
 export class AppRoutingModule { }
--- a/app/app.component.html
+++ b/app/app.component.html
@ -1,9 +0,0 @@
 <p-toast preventOpenDuplicates="true"></p-toast>
 <div class="container">
  <div class="p-grid p-nogutter">
    <div class="p-col-12">
      <app-header></app-header>
      <app-main-page></app-main-page>
    </div>
  </div>
 </div>
--- a/app/app.component.scss
+++ b/app/app.component.scss
@ -1 +0,0 @@
@import 'src/styles';
--- a/app/app.component.spec.ts
+++ b/app/app.component.spec.ts
@ -1,35 +0,0 @@
 import { TestBed } from '@angular/core/testing';
 import { RouterTestingModule } from '@angular/router/testing';
 import { AppComponent } from './app.component';
 describe('AppComponent', () => {
  beforeEach(async () => {
    await TestBed.configureTestingModule({
      imports: [
        RouterTestingModule
      ],
      declarations: [
        AppComponent
      ],
    }).compileComponents();
  });
  it('should create the app', () => {
    const fixture = TestBed.createComponent(AppComponent);
    const app = fixture.componentInstance;
    expect(app).toBeTruthy();
  });
  it(`should have as title 'RTA-Admin-UI'`, () => {
    const fixture = TestBed.createComponent(AppComponent);
    const app = fixture.componentInstance;
    expect(app.title).toEqual('RTA-Admin-UI');
  });
  it('should render title', () => {
    const fixture = TestBed.createComponent(AppComponent);
    fixture.detectChanges();
    const compiled = fixture.nativeElement;
    expect(compiled.querySelector('.content span').textContent).toContain('RTA-Admin-UI app is running!');
  });
 });
--- a/app/app.component.ts
+++ b/app/app.component.ts
@ -1,19 +0,0 @@
 import { AuthService } from './shared/services/auth.service';
 import { Component, OnInit } from '@angular/core';
 import { PrimeNGConfig } from 'primeng/api';
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
 })
 export class AppComponent implements OnInit {
  constructor(private primengConfig: PrimeNGConfig, private authService: AuthService) { }
  ngOnInit(): void {
    this.primengConfig.ripple = true;
    this.authService.initializeOAuth2Login();
  }
 }
--- a/app/app.module.ts
+++ b/app/app.module.ts
@ -1,61 +0,0 @@
 import { ToastModule } from 'primeng/toast';
 import { OAuthModule, OAuthStorage } from 'angular-oauth2-oidc';
 import { environment } from './../environments/environment';
 import { HttpClientModule, HttpClient } from '@angular/common/http';
 import { BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { NgModule } from '@angular/core';
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
 import { CoreModule } from './core/core.module';
 import { FeaturesModule } from './features/features.module';
 import { SharedModule } from './shared/shared.module';
 import { TranslateLoader, TranslateModule } from '@ngx-translate/core';
 import { TranslateHttpLoader } from '@ngx-translate/http-loader';
 import { ConfirmationService, MessageService } from 'primeng/api';
 import { SearchListStateService } from './shared/back-button/search-list-state.service';
 export function HttpLoaderFactory(http: HttpClient): TranslateHttpLoader {
  return new TranslateHttpLoader(http);
 }
 // Settings localStorage as OAuth2 storage.
 // We need a factory, since localStorage is not available during AOT build time.
 export function storageFactory(): OAuthStorage {
  return localStorage;
 }
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    AppRoutingModule,
    CoreModule,
    FeaturesModule,
    SharedModule,
    HttpClientModule,
    ToastModule,
    OAuthModule.forRoot({
      resourceServer: {
        allowedUrls: [environment.baseApiUrl],
        sendAccessToken: true
      }
    }),
    TranslateModule.forRoot({
      loader: {
        provide: TranslateLoader,
        useFactory: HttpLoaderFactory,
        deps: [HttpClient]
      },
      defaultLanguage: environment.defaultLanguage,
    }),
  ],
  providers: [ConfirmationService, { provide: OAuthStorage, useFactory: storageFactory }, MessageService, SearchListStateService],
  bootstrap: [AppComponent]
 })
 export class AppModule { }
--- a/app/core/core.module.ts
+++ b/app/core/core.module.ts
@ -1,25 +0,0 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 import { SharedModule } from 'primeng/api';
 import { PrimengSharedModule } from './../shared/primeng-shared/primeng-shared.module';
 import { ErrorHandlingModule } from './error-handling/error-handling.module';
 import { HeaderComponent } from './header/header.component';
 import { MainPageComponent } from './main-page/main-page.component';
@NgModule({
  declarations: [HeaderComponent, MainPageComponent],
  imports: [
    CommonModule,
    FormsModule,
    PrimengSharedModule,
    SharedModule,
    ErrorHandlingModule
  ],
  exports: [
    HeaderComponent,
    MainPageComponent
  ]
 })
 export class CoreModule { }
--- a/app/core/error-handling/error-handling.module.ts
+++ b/app/core/error-handling/error-handling.module.ts
@ -1,15 +0,0 @@
 import { HttpErrorInterceptor } from './http-error.interceptor';
 import { GlobalErrorHandler } from './global-error-handler';
 import { NgModule, ErrorHandler } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { HTTP_INTERCEPTORS } from '@angular/common/http';
@NgModule({
  declarations: [],
  imports: [CommonModule],
  providers: [
    { provide: ErrorHandler, useClass: GlobalErrorHandler },
    { provide: HTTP_INTERCEPTORS, useClass: HttpErrorInterceptor, multi: true }
  ]
 })
 export class ErrorHandlingModule { }
--- a/app/core/error-handling/global-error-handler.ts
+++ b/app/core/error-handling/global-error-handler.ts
@ -1,21 +0,0 @@
 import { environment } from 'src/environments/environment';
 import { HttpErrorResponse } from '@angular/common/http';
 import { ErrorHandlingService } from './../../shared/services/error-handling/error-handling.service';
 import { ErrorHandler, Injectable, NgZone } from '@angular/core';
@Injectable()
 export class GlobalErrorHandler implements ErrorHandler {
  constructor(private errorHandlingService: ErrorHandlingService, private zone: NgZone) {}
  handleError(error: Error): void {
    this.zone.run(() => {
      if (!(error instanceof HttpErrorResponse) && environment.enableGlobalErrorToast){
        this.errorHandlingService.showErrorMessage(error.message);
      }
    });
    console.error('Error from global error handler', error);
  }
 }
--- a/app/core/error-handling/http-error.interceptor.ts
+++ b/app/core/error-handling/http-error.interceptor.ts
@ -1,34 +0,0 @@
 import { ErrorHandlingService } from './../../shared/services/error-handling/error-handling.service';
 import {
  HttpHandler,
  HttpRequest,
  HttpEvent,
  HttpErrorResponse,
  HttpInterceptor
 } from '@angular/common/http';
 import { Observable, throwError } from 'rxjs';
 import { catchError } from 'rxjs/operators';
 import { Injectable, Injector } from '@angular/core';
@Injectable()
 export class HttpErrorInterceptor implements HttpInterceptor {
  constructor(
    private injector: Injector,
  ) {}
  intercept(
    request: HttpRequest<any>,
    next: HttpHandler
  ): Observable<HttpEvent<any>> {
    return next.handle(request).pipe(
      catchError((error: HttpErrorResponse) => {
        // We don't inject an HttpClient dependent service directly to an http interceptor's constructor,
        // or we'll get cyclic dependency errors
        const errorHandlingService = this.injector.get(ErrorHandlingService);
        errorHandlingService.showHttpResponseError(error);
        return throwError(error);
      })
    ) as Observable<HttpEvent<any>>;
  }
 }
--- a/app/core/header/header.component.html
+++ b/app/core/header/header.component.html
@ -1,14 +0,0 @@
 <div class="p-grid p-nogutter p-ai-center vertical-container header">
  <div class="p-col-4">
    <div class="p-grid p-nogutter p-jc-start">
      <a routerLink=''>
        <img src="assets/images/pwc-logo.svg" height="50">
      </a>
    </div>
  </div>
  <div class="p-col-8">
    <div class="p-grid p-nogutter p-jc-end">
      <p-selectButton class="p-ml-auto" [options]="languages" [(ngModel)]="selectedLang" (ngModelChange)="changeLanguage($event)" optionLabel="name" optionValue="code"></p-selectButton>
    </div>
  </div>
 </div>
--- a/app/core/header/header.component.scss
+++ b/app/core/header/header.component.scss
@ -1 +0,0 @@
@import 'src/styles';
--- a/app/core/header/header.component.spec.ts
+++ b/app/core/header/header.component.spec.ts
@ -1,25 +0,0 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { HeaderComponent } from './header.component';
 describe('HeaderComponent', () => {
  let component: HeaderComponent;
  let fixture: ComponentFixture<HeaderComponent>;
  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [ HeaderComponent ]
    })
    .compileComponents();
  });
  beforeEach(() => {
    fixture = TestBed.createComponent(HeaderComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });
  it('should create', () => {
    expect(component).toBeTruthy();
  });
 });
--- a/app/core/header/header.component.ts
+++ b/app/core/header/header.component.ts
@ -1,28 +0,0 @@
 import { Language } from './../../shared/models/language.interface';
 import { environment } from './../../../environments/environment';
 import { AuthService } from './../../shared/services/auth.service';
 import { Component, OnInit } from '@angular/core';
 import { MenuItem } from 'primeng/api';
 import { TranslateService } from '@ngx-translate/core';
 import {Router} from "@angular/router";
@Component({
  selector: 'app-header',
  templateUrl: './header.component.html',
  styleUrls: ['./header.component.scss']
 })
 export class HeaderComponent implements OnInit {
  languages: Language[] = environment.languages;
  selectedLang = environment.defaultLanguage;
  constructor(private auth: AuthService, private translateService: TranslateService, private router: Router) {
  }
  ngOnInit(): void {
  }
  changeLanguage($event): void {
    this.translateService.use($event);
  }
 }
--- a/app/core/main-page/main-page.component.html
+++ b/app/core/main-page/main-page.component.html
@ -1 +0,0 @@
 <router-outlet></router-outlet>
--- a/app/core/main-page/main-page.component.scss
+++ b/app/core/main-page/main-page.component.scss
@ -1 +0,0 @@
@import 'src/styles';
--- a/app/core/main-page/main-page.component.spec.ts
+++ b/app/core/main-page/main-page.component.spec.ts
@ -1,25 +0,0 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { MainPageComponent } from './main-page.component';
 describe('MainPageComponent', () => {
  let component: MainPageComponent;
  let fixture: ComponentFixture<MainPageComponent>;
  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [ MainPageComponent ]
    })
    .compileComponents();
  });
  beforeEach(() => {
    fixture = TestBed.createComponent(MainPageComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });
  it('should create', () => {
    expect(component).toBeTruthy();
  });
 });
--- a/app/core/main-page/main-page.component.ts
+++ b/app/core/main-page/main-page.component.ts
@ -1,22 +0,0 @@
 import { Router } from '@angular/router';
 import { AuthService } from 'src/app/shared/services/auth.service';
 import { Component, OnInit } from '@angular/core';
@Component({
  selector: 'app-main-page',
  templateUrl: './main-page.component.html',
  styleUrls: ['./main-page.component.scss']
 })
 export class MainPageComponent implements OnInit {
  constructor(private auth: AuthService, private router: Router) { }
  ngOnInit(): void {
    this.auth.authStatusChanged.subscribe((isAuthenticated) => {
      if (!isAuthenticated) {
        this.router.navigateByUrl('login');
      }
    });
  }
 }
--- a/app/features/administration/administration.component.html
+++ b/app/features/administration/administration.component.html
@ -1,26 +0,0 @@
 <div class="p-grid p-nogutter">
  <app-left-panel class="hidden-left-panel"></app-left-panel>
  <div class="p-col main-content">
    <h1>{{'ADMINISTRATION' | translate}}</h1>
    <div class="p-mb-5 hidden-horizontal-menu">
      <app-horizontal-menu></app-horizontal-menu>
    </div>
    <ng-template ngFor let-section [ngForOf]="adminSections">
      <h3 class="sub-title" id="{{section.title}}">{{section.title}}</h3>
      <div class="sub-content">
        <div class="p-grid">
          <ng-template ngFor let-subSection [ngForOf]="section.subSections">
            <div class="p-col-12 p-sm-6 p-xl-3">
              <app-card [data]="subSection"></app-card>
            </div>
          </ng-template>
        </div>
      </div>
    </ng-template>
  </div>
 </div>
--- a/app/features/administration/administration.component.scss
+++ b/app/features/administration/administration.component.scss
@ -1 +0,0 @@
@import 'src/styles';
--- a/app/features/administration/administration.component.spec.ts
+++ b/app/features/administration/administration.component.spec.ts
@ -1,25 +0,0 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { AdministrationComponent } from './administration.component';
 describe('WelcomeComponent', () => {
  let component: AdministrationComponent;
  let fixture: ComponentFixture<AdministrationComponent>;
  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [AdministrationComponent ]
    })
    .compileComponents();
  });
  beforeEach(() => {
    fixture = TestBed.createComponent(AdministrationComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });
  it('should create', () => {
    expect(component).toBeTruthy();
  });
 });
--- a/app/features/administration/administration.component.ts
+++ b/app/features/administration/administration.component.ts
@ -1,103 +0,0 @@
 import { AuthService } from './../../shared/services/auth.service';
 import { Component, OnInit } from '@angular/core';
 import { CardItem } from './../../shared/models/card-item.interface';
 import { AdministrationSection } from './../../shared/models/administration-section.interface';
@Component({
  selector: 'app-administration',
  templateUrl: './administration.component.html',
  styleUrls: ['./administration.component.scss']
 })
 export class AdministrationComponent implements OnInit {
  data: CardItem;
  adminSections: AdministrationSection[];
  constructor(public authService: AuthService) { }
  ngOnInit(): void {
    this.initializeData();
  }
  initializeData() {
    this.adminSections = [
      {
        title: 'Monitoring',
        subSections: [
          {
            title: 'Downloads Monitoring',
            subtitle: 'View File\'s Downloading Process and Manage...',
            headerImage: 'pi-image',
            footerImage: 'pi-desktop',
            path: '/pages/administration/downloads-monitoring'
          }
        ]
      },
      {
        title: 'Configurations',
        subSections: [
          {
            title: 'Categories Managenent',
            subtitle: 'View File\'s Downloading Process and Manage...',
            headerImage: 'pi-image',
            footerImage: 'pi-cog',
            path: '/pages/administration/categories-management'
          },
          {
            title: 'Templates Managenent',
            subtitle: 'View File\'s Downloading Process and Manage...',
            headerImage: 'pi-image',
            footerImage: 'pi-cog',
            path: '/pages/administration/templates-management'
          },
          {
            title: 'Verification Managenent',
            subtitle: 'View File\'s Downloading Process and Manage...',
            headerImage: 'pi-image',
            footerImage: 'pi-cog',
            path: '/pages/administration/verification-management'
          },
          {
            title: 'Configurator',
            subtitle: 'View File\'s Downloading Process and Manage...',
            headerImage: 'pi-image',
            footerImage: 'pi-cog',
            path: '/pages/administration/configurator'
          }
        ]
      },
      {
        title: 'Access',
        subSections: [
          {
            title: 'Users Managenent',
            subtitle: 'View File\'s Downloading Process and Manage...',
            headerImage: 'pi-image',
            footerImage: 'pi-key',
            path: '/pages/administration/users-management'
          },
          {
            title: 'Roles Managenent',
            subtitle: 'View File\'s Downloading Process and Manage...',
            headerImage: 'pi-image',
            footerImage: 'pi-key',
            path: '/pages/administration/roles-management'
          }
        ]
      },
      {
        title: 'Exception Handling',
        subSections: [
          {
            title: 'Application Level Exceptions',
            subtitle: 'View Application Level exceptions thrown by the Platform',
            headerImage: 'pi-image',
            footerImage: 'pi-exclamation-triangle',
            path: '/pages/administration/application-level-exceptions'
          }
        ]
      }
    ];
  }
 }
--- a/app/features/administration/application-level-exceptions/application-level-dialog/application-level-dialog.component.html
+++ b/app/features/administration/application-level-exceptions/application-level-dialog/application-level-dialog.component.html
@ -1,18 +0,0 @@
 <p-dialog [header]="header"
          [(visible)]="displayDialog "
          [closable]="false"
          [draggable]="false"
          [modal]="true"
          appendTo="body">
  <ng-template pTemplate="content">
    <pre>
      {{this.trace}}
    </pre>
  </ng-template>
  <ng-template pTemplate="footer">
    <p-button (onClick)="cancel()"
              label="Close"
              styleClass="p-mt-3 p-button-warning">
    </p-button>
  </ng-template>
 </p-dialog>
--- a/app/features/administration/application-level-exceptions/application-level-dialog/application-level-dialog.component.scss
+++ b/app/features/administration/application-level-exceptions/application-level-dialog/application-level-dialog.component.scss
@ -1,13 +0,0 @@
@import 'src/styles';
 pre {
  width: 900px !important;
 }
@media (max-width: 991px) {
  pre {
    width: 420px !important;
  }
 }
--- a/app/features/administration/application-level-exceptions/application-level-dialog/application-level-dialog.component.spec.ts
+++ b/app/features/administration/application-level-exceptions/application-level-dialog/application-level-dialog.component.spec.ts
@ -1,25 +0,0 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ApplicationLevelDialogComponent } from './application-level-dialog.component';
 describe('ApplicationLevelDialogComponent', () => {
  let component: ApplicationLevelDialogComponent;
  let fixture: ComponentFixture<ApplicationLevelDialogComponent>;
  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [ ApplicationLevelDialogComponent ]
    })
    .compileComponents();
  });
  beforeEach(() => {
    fixture = TestBed.createComponent(ApplicationLevelDialogComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });
  it('should create', () => {
    expect(component).toBeTruthy();
  });
 });
--- a/app/features/administration/application-level-exceptions/application-level-dialog/application-level-dialog.component.ts
+++ b/app/features/administration/application-level-exceptions/application-level-dialog/application-level-dialog.component.ts
@ -1,24 +0,0 @@
 import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { ApplicationLevelExceptionService } from 'src/app/shared/services/administration/application-level-exception.service';
@Component({
  selector: 'app-application-level-dialog',
  templateUrl: './application-level-dialog.component.html',
  styleUrls: ['./application-level-dialog.component.scss']
 })
 export class ApplicationLevelDialogComponent implements OnInit {
  @Input() displayDialog: boolean;
  @Input() header: string;
  @Input() trace: string;
  @Output() cancelled = new EventEmitter<boolean>();
  constructor() { }
  ngOnInit(): void {
  }
  cancel() {
    this.cancelled.emit(true);
  }
 }
--- a/app/features/administration/application-level-exceptions/application-level-exceptions.component.html
+++ b/app/features/administration/application-level-exceptions/application-level-exceptions.component.html
@ -1,29 +0,0 @@
 <div class="p-grid p-nogutter">
  <div class="p-col main-content">
    <h1>{{'APPLICATION-LEVEL-EXCEPTIONS' | translate}}</h1>
    <app-horizontal-menu></app-horizontal-menu>
    <app-breadcrumb></app-breadcrumb>
    <div class="p-grid p-nogutter p-pt-5 p-pb-5">
      <div class="p-col p-nogutter p-col-12 p-mt-5">
        <app-application-level-search-form [paginationEventRequest]="paginationEventRequest"
                               (searchResults)="searchMade($event)"
                               (loading)="passloading($event)">
        </app-application-level-search-form>
      </div>
      <div class="p-col p-nogutter p-col-12 p-mt-5">
        <app-application-level-table [searchResultsPage]="searchResults"
                                       (paginationEvent)="paginationEvent($event)"
                                       [loading]="loading">
        </app-application-level-table>
      </div>
    </div>
  </div>
 </div>
--- a/app/features/administration/application-level-exceptions/application-level-exceptions.component.scss
+++ b/app/features/administration/application-level-exceptions/application-level-exceptions.component.scss
@ -1 +0,0 @@
@import 'src/styles';
--- a/app/features/administration/application-level-exceptions/application-level-exceptions.component.spec.ts
+++ b/app/features/administration/application-level-exceptions/application-level-exceptions.component.spec.ts
@ -1,25 +0,0 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ApplicationLevelExceptionsComponent } from './application-level-exceptions.component';
 describe('ApplicationLevelExceptionsComponent', () => {
  let component: ApplicationLevelExceptionsComponent;
  let fixture: ComponentFixture<ApplicationLevelExceptionsComponent>;
  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [ ApplicationLevelExceptionsComponent ]
    })
    .compileComponents();
  });
  beforeEach(() => {
    fixture = TestBed.createComponent(ApplicationLevelExceptionsComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });
  it('should create', () => {
    expect(component).toBeTruthy();
  });
 });
--- a/app/features/administration/application-level-exceptions/application-level-exceptions.component.ts
+++ b/app/features/administration/application-level-exceptions/application-level-exceptions.component.ts
@ -1,33 +0,0 @@
 import { Component, OnInit } from '@angular/core';
 import { Page } from 'src/app/shared/models/paging/page.interface';
 import { SystemException } from 'src/app/shared/models/system-exception.interface';
@Component({
  selector: 'app-application-level-exceptions',
  templateUrl: './application-level-exceptions.component.html',
  styleUrls: ['./application-level-exceptions.component.scss']
 })
 export class ApplicationLevelExceptionsComponent implements OnInit {
  searchResults: Page<SystemException> = null;
  paginationEventRequest: { page: number, offset: number } ;
  loading: boolean;
  constructor() { }
  ngOnInit(): void {
  }
  searchMade(results) {
    this.searchResults = results;
  }
  passloading(loading) {
    this.loading = loading;
  }
  paginationEvent(paginationEvent) {
    this.paginationEventRequest = paginationEvent;
  }
 }
--- a/app/features/administration/application-level-exceptions/application-level-search-form/application-level-search-form.component.html
+++ b/app/features/administration/application-level-exceptions/application-level-search-form/application-level-search-form.component.html
@ -1,14 +0,0 @@
 <p-fieldset legend="Search Filters"
            [toggleable]="true">
  <app-application-level-form></app-application-level-form>
  <div class="p-formgroup-inline p-jc-center p-mt-3">
    <p-button (onClick)="clear()" label="Clear" styleClass="p-mr-2 p-button-warning"
    [disabled]="!canPreviewLevelExceptions()">
    </p-button>
    <p-button (onClick)="search()"
              label="Search"
              styleClass="p-button-primary"
              [disabled]="!canPreviewLevelExceptions()">
    </p-button>
  </div>
 </p-fieldset>
--- a/app/features/administration/application-level-exceptions/application-level-search-form/application-level-search-form.component.scss
+++ b/app/features/administration/application-level-exceptions/application-level-search-form/application-level-search-form.component.scss
@ -1 +0,0 @@
@import 'src/styles';
--- a/app/features/administration/application-level-exceptions/application-level-search-form/application-level-search-form.component.spec.ts
+++ b/app/features/administration/application-level-exceptions/application-level-search-form/application-level-search-form.component.spec.ts
@ -1,25 +0,0 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ApplicationLevelSearchFormComponent } from './application-level-search-form.component';
 describe('ApplicationLevelSearchFormComponent', () => {
  let component: ApplicationLevelSearchFormComponent;
  let fixture: ComponentFixture<ApplicationLevelSearchFormComponent>;
  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [ ApplicationLevelSearchFormComponent ]
    })
    .compileComponents();
  });
  beforeEach(() => {
    fixture = TestBed.createComponent(ApplicationLevelSearchFormComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });
  it('should create', () => {
    expect(component).toBeTruthy();
  });
 });
--- a/app/features/administration/application-level-exceptions/application-level-search-form/application-level-search-form.component.ts
+++ b/app/features/administration/application-level-exceptions/application-level-search-form/application-level-search-form.component.ts
@ -1,59 +0,0 @@
 import { Component, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';
 import { USER_RIGHTS } from 'src/app/shared/enums/USER_RIGHTS.enum';
 import { Page } from 'src/app/shared/models/paging/page.interface';
 import { SystemException } from 'src/app/shared/models/system-exception.interface';
 import { AuthService } from 'src/app/shared/services/auth.service';
 import { ApplicationLevelExceptionService } from 'src/app/shared/services/administration/application-level-exception.service';
 import { ErrorHandlingService } from 'src/app/shared/services/error-handling/error-handling.service';
 import { environment } from 'src/environments/environment';
 import { ApplicationLevelFormComponent } from '../../forms/application-level-form/application-level-form.component';
@Component({
  selector: 'app-application-level-search-form',
  templateUrl: './application-level-search-form.component.html',
  styleUrls: ['./application-level-search-form.component.scss']
 })
 export class ApplicationLevelSearchFormComponent implements OnInit {
  @Input() set paginationEventRequest(value: { page: number, offset: number }) {
    // This setter may be called on page setup without arguments.
    if (!value) {
      return;
    }
    // this._value = Object.assign(value);
    this.search(value.page, value.offset);
  }
  @Output() searchResults = new EventEmitter<Page<SystemException>>();
  @Output() loading = new EventEmitter<boolean>();
  @ViewChild(ApplicationLevelFormComponent)
  private searchCriteriaForm: ApplicationLevelFormComponent;
  _value : {page: number , offset: number};
  constructor(private applicationLevelService: ApplicationLevelExceptionService,private errorHandlingService: ErrorHandlingService, private auth: AuthService) { }
  ngOnInit(): void {
  }
  search(pageNumber = 0, pageSize = 10) {
    this.loading.emit(true);
    this.applicationLevelService.searchByCriteriaPaged(pageNumber, pageSize, this.searchCriteriaForm?.formValue(), 'search').subscribe((results: Page<SystemException>) => {
      this.searchResults.emit(results);
      this.loading.emit(false);
    },
      err => {
        this.errorHandlingService.showHttpResponseError(err)
        this.loading.emit(false);
      });
  }
  canPreviewLevelExceptions(): boolean {
    return this.auth.userHasRightForClient(USER_RIGHTS.K01, environment.globalRightsClientID);
  }
  clear() {
    this.searchCriteriaForm.resetForm();
  }
 }
--- a/app/features/administration/application-level-exceptions/application-level-table/application-level-table.component.html
+++ b/app/features/administration/application-level-exceptions/application-level-table/application-level-table.component.html
@ -1,54 +0,0 @@
 <p-fieldset legend="List of Exceptions"
            [toggleable]="_searchResultsPage?.data !== null"
            [collapsed]="_searchResultsPage?.data === null">
  <p-table [value]="_searchResultsPage?.data"
           [lazy]="true"
           (onLazyLoad)="onLazyLoad($event)"
           [paginator]="true"
           [rows]="rows"
           [totalRecords]="totalRecords"
           styleClass="p-datatable-gridlines"
           [rowHover]="true"
           [loading]="loading"
           [autoLayout]="true"
           [lazyLoadOnInit]="false">
    <ng-template pTemplate="header">
      <tr>
        <th>Date-Time</th>
        <th>Process Id</th>
        <th>Job Name</th>
        <th>File Code</th>
        <th>iPower Client Code</th>
        <th>Message</th>
        <th>Cause</th>
        <th class="one-button">Trace</th>
      </tr>
    </ng-template>
    <ng-template pTemplate="body" let-systemException>
      <tr>
        <td>{{systemException.creationDatetime|date: "dd/MM/yyyy HH:mm"}}</td>
        <td>{{systemException.processId}}</td>
        <td>{{systemException.jobName}}</td>
        <td>{{systemException.dmsFileCode}}</td>
        <td>{{systemException.clientId}}</td>
        <td>{{systemException.message}}</td>
        <td>{{systemException.cause}}</td>
        <!-- Edit & Delete icons -->
        <td>
          <button pButton
                  (click)="edit(systemException.id)"
                  icon="pi pi-align-justify"
                  pTooltip="{{'TRACE' | translate}}"
                  class="p-button-secondary p-button-rounded p-button-outlined">
          </button>
        </td>
      </tr>
    </ng-template>
  </p-table>
 </p-fieldset>
 <app-application-level-dialog [displayDialog]="displayTraceDialog"
                              [header]="header"
                              (cancelled)="cancelEditLevelException()"
                              [trace]="trace">
 </app-application-level-dialog>
--- a/app/features/administration/application-level-exceptions/application-level-table/application-level-table.component.scss
+++ b/app/features/administration/application-level-exceptions/application-level-table/application-level-table.component.scss
@ -1 +0,0 @@
@import 'src/styles';
--- a/app/features/administration/application-level-exceptions/application-level-table/application-level-table.component.spec.ts
+++ b/app/features/administration/application-level-exceptions/application-level-table/application-level-table.component.spec.ts
@ -1,25 +0,0 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ApplicationLevelTableComponent } from './application-level-table.component';
 describe('ApplicationLevelTableComponent', () => {
  let component: ApplicationLevelTableComponent;
  let fixture: ComponentFixture<ApplicationLevelTableComponent>;
  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [ ApplicationLevelTableComponent ]
    })
    .compileComponents();
  });
  beforeEach(() => {
    fixture = TestBed.createComponent(ApplicationLevelTableComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });
  it('should create', () => {
    expect(component).toBeTruthy();
  });
 });
--- a/app/features/administration/application-level-exceptions/application-level-table/application-level-table.component.ts
+++ b/app/features/administration/application-level-exceptions/application-level-table/application-level-table.component.ts
@ -1,64 +0,0 @@
 import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { LazyLoadEvent } from 'primeng/api';
 import { Page } from 'src/app/shared/models/paging/page.interface';
 import { SystemException } from 'src/app/shared/models/system-exception.interface';
 import { ApplicationLevelExceptionService } from 'src/app/shared/services/administration/application-level-exception.service';
 import { ErrorHandlingService } from 'src/app/shared/services/error-handling/error-handling.service';
@Component({
  selector: 'app-application-level-table',
  templateUrl: './application-level-table.component.html',
  styleUrls: ['./application-level-table.component.scss']
 })
 export class ApplicationLevelTableComponent implements OnInit {
  @Output() paginationEvent = new EventEmitter<{ page: number, offset: number }>(); // TODO: Use interface.
  @Input() loading: boolean;
  @Input() set searchResultsPage(results: Page<SystemException>) {
    // This setter may be called on page setup without arguments.
    if (!results) {
      return;
    }
    this._searchResultsPage = results;
    this.totalRecords = results.totalElements;
    // this.loading = false;
  }
  _searchResultsPage: Page<SystemException>;
  totalRecords: number;
  rows: number = 10;
  header: string;
  trace: string;
  displayTraceDialog: boolean;
  constructor(private errorHandlingService: ErrorHandlingService, private applicationLevelService: ApplicationLevelExceptionService) { }
  ngOnInit(): void {
  }
  onLazyLoad(event: LazyLoadEvent) {
      let pageToRequest = Math.floor(event.first / event.rows);
      let pageSize = event.rows;
      this.paginationEvent.emit({ page: pageToRequest, offset: pageSize });
    }
    edit(id: number) {
      this.header = "Trace";
      if(id){
          this.applicationLevelService.getById(id).subscribe(result => {
          this.trace = result.trace;
          this.displayTraceDialog = true;
        },
          err => {
            this.errorHandlingService.showHttpResponseError(err)
          });
      }
    }
    cancelEditLevelException() {
      this.displayTraceDialog = false;
      this.trace = null;
    }
 }
--- a/app/features/administration/categories-management/categories-management.component.html
+++ b/app/features/administration/categories-management/categories-management.component.html
@ -1,53 +0,0 @@
 <div class="p-grid p-nogutter">
  <div class="p-col main-content">
    <h1>{{'CATEGORIES-MANAGEMENT' | translate}}</h1>
    <app-horizontal-menu></app-horizontal-menu>
    <app-breadcrumb></app-breadcrumb>
    <div class="p-grid p-nogutter p-pt-5 p-pb-5">
      <div class="p-col p-nogutter p-col-12">
        <div class="p-grid p-nogutter p-jc-end">
          <button pButton
                  pRipple
                  type="button"
                  label="{{'ADD-NEW-CATEGORY' | translate}}"
                  icon="pi pi-plus-circle"
                  class="p-button-primary"
                  [disabled]="!canAddNewCategory()"
                  (click)="addCategory()">
          </button>
          <app-create-category-dialog [displayDialog]="displayCategoryCreationDialog"
                                      [header]="header"
                                      (cancelled)="displayCategoryCreationDialog = false"
                                      (valueChange)="passEvent($event)">
          </app-create-category-dialog>
        </div>
      </div>
      <div class="p-col p-nogutter p-col-12 p-mt-5">
        <app-categories-search [paginationEventRequest]="paginationEventRequest"
                               (searchResults)="searchMade($event)"
                               (loading)="passLoadingForTable($event)"
                               [passChange]="passChange"
                               (loading)="passloading($event)"
                               [valueTableChange]="valueOfTableChanged">
        </app-categories-search>
      </div>
      <div class="p-col p-nogutter p-col-12 p-mt-5">
        <app-categories-search-results [searchResultsPage]="searchResults"
                                       [loading]="loading"
                                       (paginationEvent)="paginationEvent($event)"
                                       (valueChange)="passEvent($event)"
                                       [loading]="loading">
        </app-categories-search-results>
      </div>
    </div>
  </div>
 </div>
--- a/app/features/administration/categories-management/categories-management.component.scss
+++ b/app/features/administration/categories-management/categories-management.component.scss
@ -1 +0,0 @@
@import 'src/styles';
--- a/app/features/administration/categories-management/categories-management.component.spec.ts
+++ b/app/features/administration/categories-management/categories-management.component.spec.ts
@ -1,25 +0,0 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { CategoriesManagementComponent } from './categories-management.component';
 describe('CategoriesManagementComponent', () => {
  let component: CategoriesManagementComponent;
  let fixture: ComponentFixture<CategoriesManagementComponent>;
  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [ CategoriesManagementComponent ]
    })
    .compileComponents();
  });
  beforeEach(() => {
    fixture = TestBed.createComponent(CategoriesManagementComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });
  it('should create', () => {
    expect(component).toBeTruthy();
  });
 });
--- a/app/features/administration/categories-management/categories-management.component.ts
+++ b/app/features/administration/categories-management/categories-management.component.ts
@ -1,59 +0,0 @@
 import { environment } from './../../../../environments/environment.prod';
 import { USER_RIGHTS } from 'src/app/shared/enums/USER_RIGHTS.enum';
 import { AuthService } from './../../../shared/services/auth.service';
 import { Category } from 'src/app/shared/models/category.interface';
 import { Component, OnInit } from '@angular/core';
 import { Page } from '../../../shared/models/paging/page.interface';
 import { TranslateService } from '@ngx-translate/core';
@Component({
  selector: 'app-categories-management',
  templateUrl: './categories-management.component.html',
  styleUrls: ['./categories-management.component.scss']
 })
 export class CategoriesManagementComponent implements OnInit {
  displayCategoryCreationDialog: boolean = false;
  searchResults: Page<Category> = null;
  paginationEventRequest: { page: number, offset: number } = { page: 10, offset: 0 };
  header: string;
  passChange: boolean;
  valueOfTableChanged: any;
  loading: boolean;
  constructor(private authService: AuthService, private translate: TranslateService) { }
  ngOnInit(): void {
  }
  searchMade(results) {
    this.searchResults = results;
  }
  passLoadingForTable(loading) {
    this.loading = loading;
  }
  paginationEvent(paginationEvent) {
    this.paginationEventRequest = paginationEvent;
  }
  canAddNewCategory(): boolean {
    return this.authService.userHasRightForClient(USER_RIGHTS.H02, environment.globalRightsClientID);
  }
  addCategory(): void {
    this.header = this.translate.instant('ADD-NEW-CATEGORY');
    this.displayCategoryCreationDialog = true;
  }
  passEvent(passEvent: any) {
    if (passEvent) {
      this.valueOfTableChanged = passEvent;
    }
  }
  passloading(loading) {
    this.loading = loading;
  }
 }
--- a/app/features/administration/categories-management/categories-search-results/categories-search-results.component.html
+++ b/app/features/administration/categories-management/categories-search-results/categories-search-results.component.html
@ -1,64 +0,0 @@
 <p-fieldset legend="Results"
            [toggleable]="_searchResultsPage?.data !== null"
            [collapsed]="_searchResultsPage?.data === null">
  <p-confirmDialog message="{{'DELETE-MESSAGE-CATEGORY' | translate}}"
                   header="{{'DELETE-CONFIRMATION' | translate}}"
                   acceptLabel="{{'ACCEPT_LABEL' | translate}}"
                   rejectLabel="{{'REJECT_LABEL' | translate}}"
                   acceptButtonStyleClass="p-button-primary"
                   rejectButtonStyleClass="p-button-warning"
                   acceptIcon="null"
                   rejectIcon="null">
  </p-confirmDialog>
  <p-table [value]="_searchResultsPage?.data"
           [lazy]="true"
           (onLazyLoad)="onLazyLoad($event)"
           [paginator]="true"
           [rows]="rows"
           [totalRecords]="totalRecords"
           styleClass="p-datatable-gridlines"
           [rowHover]="true"
           [loading]="loading"
           [autoLayout]="true">
    <ng-template pTemplate="header">
      <tr>
        <th>Document Classification</th>
        <th>Category Name</th>
        <th>Category Code</th>
        <!-- TODO: Fix hacky way of locking the icon-columns in place -->
        <th class="two-buttons">Actions</th>
      </tr>
    </ng-template>
    <ng-template pTemplate="body" let-category>
      <tr>
        <td>{{category.documentClassification.classificationName}}</td>
        <td>{{category.categoryName}}</td>
        <td>{{category.categoryCode}}</td>
        <!-- Edit & Delete icons -->
        <td>
          <button pButton
                  [disabled]="!canEditCategories()"
                  (click)="edit(category)"
                  icon="pi pi-pencil"
                  pTooltip="{{'EDIT-CATEGORY' | translate}}"
                  class="p-button-secondary p-button-rounded p-button-outlined">
          </button>
          <button pButton
                  [disabled]="!canDeleteCategories()"
                  (click)="delete(category)"
                  icon="pi pi pi-trash"
                  pTooltip="{{'DELETE-CATEGORY' | translate}}"
                  class="p-button-danger p-button-rounded p-button-outlined p-ml-2">
          </button>
        </td>
      </tr>
    </ng-template>
  </p-table>
 </p-fieldset>
 <app-create-category-dialog [displayDialog]="displayEditCategoryDialog"
                            [header]="header"
                            (cancelled)="cancelEditCategory()"
                            [categoryToEdit]="categoryToEdit"
                            (valueChange)="passEvent($event)">
 </app-create-category-dialog>
--- a/app/features/administration/categories-management/categories-search-results/categories-search-results.component.scss
+++ b/app/features/administration/categories-management/categories-search-results/categories-search-results.component.scss
@ -1 +0,0 @@
@import 'src/styles';
--- a/app/features/administration/categories-management/categories-search-results/categories-search-results.component.spec.ts
+++ b/app/features/administration/categories-management/categories-search-results/categories-search-results.component.spec.ts
@ -1,25 +0,0 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { CategoriesSearchResultsComponent } from './categories-search-results.component';
 describe('CategoriesSearchResultsComponent', () => {
  let component: CategoriesSearchResultsComponent;
  let fixture: ComponentFixture<CategoriesSearchResultsComponent>;
  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [ CategoriesSearchResultsComponent ]
    })
    .compileComponents();
  });
  beforeEach(() => {
    fixture = TestBed.createComponent(CategoriesSearchResultsComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });
  it('should create', () => {
    expect(component).toBeTruthy();
  });
 });
--- a/app/features/administration/categories-management/categories-search-results/categories-search-results.component.ts
+++ b/app/features/administration/categories-management/categories-search-results/categories-search-results.component.ts
@ -1,103 +0,0 @@
 import { AuthService } from './../../../../shared/services/auth.service';
 import { environment } from './../../../../../environments/environment.prod';
 import { ErrorHandlingService } from './../../../../shared/services/error-handling/error-handling.service';
 import { CategoriesService } from 'src/app/shared/services/administration/categories.service';
 import { Category } from './../../../../shared/models/category.interface';
 import { Component, Input, OnInit, Output, EventEmitter } from '@angular/core';
 import { ConfirmationService, LazyLoadEvent } from 'primeng/api';
 import { Page } from '../../../../shared/models/paging/page.interface';
 import { USER_RIGHTS } from 'src/app/shared/enums/USER_RIGHTS.enum';
 import { TranslateService } from '@ngx-translate/core';
 import { NotificationsHandlingService } from 'src/app/shared/services/notifications-handling/notifications-handling.service';
@Component({
  selector: 'app-categories-search-results',
  templateUrl: './categories-search-results.component.html',
  styleUrls: ['./categories-search-results.component.scss']
 })
 export class CategoriesSearchResultsComponent implements OnInit {
  @Output() paginationEvent = new EventEmitter<{ page: number, offset: number }>(); // TODO: Use interface.
  @Output() valueChange = new EventEmitter<any>();
  @Input() loading: boolean;
  @Input() set searchResultsPage(results: Page<Category>) {
    // This setter may be called on page setup without arguments.
    if (!results) {
      return;
    }
    this._searchResultsPage = results;
    this.totalRecords = results.totalElements;
  }
  _searchResultsPage: Page<Category>;
  totalRecords: number;
  rows: number = 10;
  header: string;
  displayEditCategoryDialog: boolean;
  categoryToEdit: Category;
  constructor(
    private categoriesService: CategoriesService,
    private errorHandlingService: ErrorHandlingService,
    private authService: AuthService,
    private translate: TranslateService,
    private confirmationService: ConfirmationService,
    private notifications: NotificationsHandlingService
  ) { }
  ngOnInit(): void {
  }
  onLazyLoad(event: LazyLoadEvent) {
    let pageToRequest = Math.floor(event.first / event.rows);
    let pageSize = event.rows;
    this.paginationEvent.emit({ page: pageToRequest, offset: pageSize });
  }
  edit(category: Category) {
    this.header = this.translate.instant('EDIT-CATEGORY');
    this.categoryToEdit = category;
    this.displayEditCategoryDialog = true;
  }
  cancelEditCategory() {
    this.displayEditCategoryDialog = false;
    this.categoryToEdit = null;
  }
  delete(category: Category): void {
    this.confirmationService.confirm({
      accept: () => {
        this.categoriesService.delete(category.id).subscribe((success) => {
          this.valueChange.emit(success);
          this.notifications.showDeleteCategorySuccess();
        },
          err => this.errorHandlingService.showHttpResponseError(err)
        );
        // Actual logic to perform a confirmation
      }, reject: () => {
      }
    });
  }
  /*
   * UserRights-check Methods
   */
  canEditCategories(): boolean {
    return this.authService.userHasRightForClient(USER_RIGHTS.H03, environment.globalRightsClientID);
  }
  canDeleteCategories(): boolean {
    return this.authService.userHasRightForClient(USER_RIGHTS.H04, environment.globalRightsClientID);
  }
  passEvent(passEvent : any) {
    if(passEvent){
      this.valueChange.emit(passEvent); 
  }
  }
 }
--- a/app/features/administration/categories-management/categories-search/categories-search.component.html
+++ b/app/features/administration/categories-management/categories-search/categories-search.component.html
@ -1,15 +0,0 @@
 <p-fieldset legend="Search Filters"
            [toggleable]="true">
  <app-category-form [autosuggestInputs]="true"></app-category-form>
  <div class="p-formgroup-inline p-jc-center p-mt-3">
    <p-button (onClick)="clear()"
              label="Clear"
              styleClass="p-mr-2 p-button-warning">
    </p-button>
    <p-button (onClick)="searchButtonClicked()"
              label="Search"
              styleClass="p-ml-2 p-button-primary"
              [disabled]="!canPreviewAllCategories()">
    </p-button>
  </div>
 </p-fieldset>
--- a/app/features/administration/categories-management/categories-search/categories-search.component.scss
+++ b/app/features/administration/categories-management/categories-search/categories-search.component.scss
@ -1 +0,0 @@
@import 'src/styles';
--- a/app/features/administration/categories-management/categories-search/categories-search.component.spec.ts
+++ b/app/features/administration/categories-management/categories-search/categories-search.component.spec.ts
@ -1,25 +0,0 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { CategoriesSearchComponent } from './categories-search.component';
 describe('CategoriesSearchComponent', () => {
  let component: CategoriesSearchComponent;
  let fixture: ComponentFixture<CategoriesSearchComponent>;
  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [ CategoriesSearchComponent ]
    })
    .compileComponents();
  });
  beforeEach(() => {
    fixture = TestBed.createComponent(CategoriesSearchComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });
  it('should create', () => {
    expect(component).toBeTruthy();
  });
 });
--- a/app/features/administration/categories-management/categories-search/categories-search.component.ts
+++ b/app/features/administration/categories-management/categories-search/categories-search.component.ts
@ -1,101 +0,0 @@
 import { environment } from './../../../../../environments/environment.prod';
 import { ErrorHandlingService } from './../../../../shared/services/error-handling/error-handling.service';
 import { AuthService } from 'src/app/shared/services/auth.service';
 import { CategoryFormComponent } from './../../forms/category-form/category-form.component';
 import { Category } from './../../../../shared/models/category.interface';
 import { DocumentClassificationsService } from './../../../../shared/services/administration/document-classifications.service';
 import { Component, OnInit, Output, EventEmitter, Input, ViewChild } from '@angular/core';
 import { FormBuilder } from '@angular/forms';
 import { CategoriesService } from 'src/app/shared/services/administration/categories.service';
 import { DocumentClassification } from 'src/app/shared/models/document-classification.interface';
 import { Page } from '../../../../shared/models/paging/page.interface';
 import { USER_RIGHTS } from 'src/app/shared/enums/USER_RIGHTS.enum';
@Component({
  selector: 'app-categories-search',
  templateUrl: './categories-search.component.html',
  styleUrls: ['./categories-search.component.scss']
 })
 export class CategoriesSearchComponent implements OnInit {
  @Input() set paginationEventRequest(value: { page: number, offset: number }) {
    // This setter may be called on page setup without arguments.
    if (!value) {
      return;
    }
    this._value = Object.assign(value);
    this.search(value.page, value.offset);
  }
  @Input() set valueTableChange(results: any) {
    if (results) {
      this.search(this._value.page, this._value.offset);
    }
  }
  @Output() searchResults = new EventEmitter<Page<Category>>();
  @Output() loading = new EventEmitter<boolean>();
  @Output() searchInitiated = new EventEmitter<boolean>();
  @Input() passChange: any;
  @ViewChild(CategoryFormComponent)
  private categoryForm: CategoryFormComponent;
  _value: { page: number, offset: number };
  lastSearchCriteria: { docClassificationId: number | string, categoryName: string, categoryCode: string };
  constructor(
    private categoriesService: CategoriesService,
    private authService: AuthService,
    private errorHandlingService: ErrorHandlingService
  ) { }
  ngOnInit(): void {
  }
  clear() {
    this.categoryForm.resetForm();
  }
  searchButtonClicked() {
    // Inform anyone interested there is a new search underway.
    this.searchInitiated.emit(true);
    // Remember the search for future pagination/whatever requests.
    let categoryFormValue = this.categoryForm.formValue();
    let docClassId = categoryFormValue.documentClassification ? categoryFormValue.documentClassification.classificationId : null;
    let catName = categoryFormValue.categoryName;
    let catCode = categoryFormValue.categoryCode;
    this.lastSearchCriteria = {
      docClassificationId: docClassId ? docClassId : '',
      categoryName: catName ? catName : '',
      categoryCode: catCode ? catCode : ''
    };
    // Then actually search.
    this.search();
  }
  search(pageNumber = 0, pageSize = 10) {
 this.loading.emit(true);
    // A search may be issued by the paginationEventRequest setter upon setting up the page.
    if (!this.lastSearchCriteria) {
      return;
    }
    this.categoriesService.searchByCriteriaPaged(pageNumber, pageSize, this.lastSearchCriteria, 'search').subscribe((results: Page<Category>) => {
      this.searchResults.emit(results);
      this.loading.emit(false);
    },err => {
        this.loading.emit(false);
        this.errorHandlingService.showHttpResponseError(err);
      });
  }
  canPreviewAllCategories(): boolean {
    return this.authService.userHasRightForClient(USER_RIGHTS.H01, environment.globalRightsClientID);
  }
 }
--- a/app/features/administration/categories-management/create-category-dialog/create-category-dialog.component.html
+++ b/app/features/administration/categories-management/create-category-dialog/create-category-dialog.component.html
@ -1,33 +0,0 @@
 <p-dialog [header]="header"
          [(visible)]="displayDialog"
          [closable]="false"
          [draggable]="false"
          [modal]="true"
          (onHide)="reset()"
          (onShow)="onShow()"
          appendTo="body">
  <div class="p-grid p-nogutter">
    <app-category-form [dialogLayout]="true"
                       [requiredFields]="true"
                       [displayValidationMessagesEvenIfPristine]="displayValidationMessagesEvenIfPristine">
    </app-category-form>
  </div>
  <div class="p-grid p-nogutter p-jc-center">
    <div class="p-formgroup-inline p-mt-3">
      <p-button (onClick)="cancel()"
                label="Cancel"
                styleClass="p-mr-2 p-button-warning">
      </p-button>
      <p-button *ngIf="!categoryToEdit"
                (onClick)="addCategory()"
                label="Add"
                styleClass="p-ml-2 p-mr-2 p-button-primary">
      </p-button>
      <p-button *ngIf="categoryToEdit && categoryToEdit.id"
                (onClick)="editCategory()"
                label="Update"
                styleClass="p-ml-2 p-button-primary">
      </p-button>
    </div>
  </div>
 </p-dialog>
--- a/app/features/administration/categories-management/create-category-dialog/create-category-dialog.component.scss
+++ b/app/features/administration/categories-management/create-category-dialog/create-category-dialog.component.scss
@ -1 +0,0 @@
@import 'src/styles';
--- a/app/features/administration/categories-management/create-category-dialog/create-category-dialog.component.spec.ts
+++ b/app/features/administration/categories-management/create-category-dialog/create-category-dialog.component.spec.ts
@ -1,25 +0,0 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { CreateCategoryDialogComponent } from './create-category-dialog.component';
 describe('CreateCategoryComponent', () => {
  let component: CreateCategoryDialogComponent;
  let fixture: ComponentFixture<CreateCategoryDialogComponent>;
  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [ CreateCategoryDialogComponent ]
    })
    .compileComponents();
  });
  beforeEach(() => {
    fixture = TestBed.createComponent(CreateCategoryDialogComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });
  it('should create', () => {
    expect(component).toBeTruthy();
  });
 });
--- a/app/features/administration/categories-management/create-category-dialog/create-category-dialog.component.ts
+++ b/app/features/administration/categories-management/create-category-dialog/create-category-dialog.component.ts
@ -1,86 +0,0 @@
 import { CategoryFormComponent } from './../../forms/category-form/category-form.component';
 import { Category } from './../../../../shared/models/category.interface';
 import { CategoriesService } from '../../../../shared/services/administration/categories.service';
 import { Component, Input, OnInit, Output, EventEmitter, ViewChild } from '@angular/core';
 import { NotificationsHandlingService } from 'src/app/shared/services/notifications-handling/notifications-handling.service';
@Component({
  selector: 'app-create-category-dialog',
  templateUrl: './create-category-dialog.component.html',
  styleUrls: ['./create-category-dialog.component.scss']
 })
 export class CreateCategoryDialogComponent implements OnInit {
  @ViewChild(CategoryFormComponent) private categoryForm: CategoryFormComponent;
  @Input() displayDialog: boolean;
  @Input() header: string;
  @Input() categoryToEdit: Category;
  @Output() cancelled = new EventEmitter<boolean>();
  @Output() valueChange = new EventEmitter<any>();
  displayValidationMessagesEvenIfPristine: boolean;
  constructor(private categoriesService: CategoriesService,
              private notificationHandling: NotificationsHandlingService) { }
  ngOnInit(): void {
    this.reset();   // Make sure everything is cleanly initialised.
  }
  reset() {
    this.displayValidationMessagesEvenIfPristine = false;
    this.categoryForm?.resetForm();
  }
  onShow() {
    // If a categoryToEdit was provided.
    if (this.categoryToEdit) {
      this.categoryForm.setValue(this.categoryToEdit);
    }
  }
  cancel() {
    this.cancelled.emit(true);
  }
  addCategory() {
    // If the form is not valid, make sure validator messages are displayed and then return without doing anything.
    if (!this.categoryForm.isValid()) {
      this.displayValidationMessagesEvenIfPristine = true;
      return;
    }
    // TODO: What is returned from backend on create()??
    this.categoriesService.createNewCategory(this.categoryForm.formValue()).subscribe(result => {
      this.valueChange.emit(result);
      this.notificationHandling.showCreateCategorySuccess();
      this.cancel();
      this.notificationHandling.showCreateNewCategorySuccess();
     },
       error => {
       });
  }
  editCategory() {
    // If the form is not valid, make sure validator messages are displayed and then return without doing anything.
    if (!this.categoryForm.isValid()) {
      this.displayValidationMessagesEvenIfPristine = true;
      return;
    }
    // TODO: What is returned from backend on create()??
    // TODO: It's to ugly having to provide the categoryId separately.
    this.categoriesService.updateCategory(this.categoryForm.formValue()).subscribe(result => {
      this.valueChange.emit(result);
      this.cancel();
      this.notificationHandling.showUpdateCategorySuccess();
     },
       error => {
       });
  }
 }
--- a/app/features/administration/configurator/configurator-edit-value/configurator-edit-value.component.html
+++ b/app/features/administration/configurator/configurator-edit-value/configurator-edit-value.component.html
@ -1,3 +0,0 @@
 <p-fieldset legend="Edit Value" [toggleable]="true">
  <app-configurator-form [editableParameter]="editParameterRequestInput" (valueChange)="passValueChange($event)"></app-configurator-form>
 </p-fieldset>
--- a/app/features/administration/configurator/configurator-edit-value/configurator-edit-value.component.scss
+++ b/app/features/administration/configurator/configurator-edit-value/configurator-edit-value.component.scss
@ -1 +0,0 @@
@import 'src/styles';
--- a/app/features/administration/configurator/configurator-edit-value/configurator-edit-value.component.spec.ts
+++ b/app/features/administration/configurator/configurator-edit-value/configurator-edit-value.component.spec.ts
@ -1,25 +0,0 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ConfiguratorEditValueComponent } from './configurator-edit-value.component';
 describe('ConfiguratorEditValueComponent', () => {
  let component: ConfiguratorEditValueComponent;
  let fixture: ComponentFixture<ConfiguratorEditValueComponent>;
  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [ ConfiguratorEditValueComponent ]
    })
    .compileComponents();
  });
  beforeEach(() => {
    fixture = TestBed.createComponent(ConfiguratorEditValueComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });
  it('should create', () => {
    expect(component).toBeTruthy();
  });
 });
--- a/app/features/administration/configurator/configurator-edit-value/configurator-edit-value.component.ts
+++ b/app/features/administration/configurator/configurator-edit-value/configurator-edit-value.component.ts
@ -1,28 +0,0 @@
 import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';
 import {ConfiguratorParameter} from "../../../../shared/models/configurator-parameter.interface";
@Component({
  selector: 'app-configurator-edit-value',
  templateUrl: './configurator-edit-value.component.html',
  styleUrls: ['./configurator-edit-value.component.scss']
 })
 export class ConfiguratorEditValueComponent implements OnInit {
  @Input() editParameterRequestInput: ConfiguratorParameter;
  @Output() newConfiguratorParameter = new EventEmitter<ConfiguratorParameter>();
  selectedParameter: ConfiguratorParameter = null;
  constructor() { }
  ngOnInit(): void {
    console.log('editParameterRequestInput in edit: ' + JSON.stringify(this.editParameterRequestInput));
  }
  passValueChange(newConfigurator: ConfiguratorParameter) {
    this.newConfiguratorParameter.emit(newConfigurator);
  }
 }
--- a/app/features/administration/configurator/configurator-list-of-parameters/configurator-list-of-parameters.component.html
+++ b/app/features/administration/configurator/configurator-list-of-parameters/configurator-list-of-parameters.component.html
@ -1,38 +0,0 @@
 <p-fieldset legend="List of Parameters" [toggleable]="true">
  <p-table [value]="parametersListInput"
           [lazy]="true"
           [loading]="loadingInput"
           [autoLayout]="true"
           [rowHover]="true"
           styleClass="p-datatable-gridlines"
           [(selection)]="selectedParameterRequest"
           (click)="passSelectedConfigurator(selectedParameterRequest)">
    <ng-template pTemplate="header">
      <tr>
        <th style="width: 3rem"></th>
        <th>Parameter Name</th>
        <th>Parameter Type</th>
        <th>Parameter Value </th>
      </tr>
    </ng-template>
    <ng-template pTemplate="body"
                 let-parameter>
      <tr>
        <td>
          <p-tableRadioButton *ngIf="parameter.configurationVariable != 'CRON_EXPRESSION'" [value]="parameter"></p-tableRadioButton>
        </td>
        <td>{{parameter.configurationVariable}}</td>
        <td>{{parameter.variableType}}</td>
        <td>
          <span *ngIf="parameter.variableType === 'Integer'" >{{parameter.integerValue}}<br></span>
          <span *ngIf="parameter.variableType === 'String'" >{{parameter.stringValue}}<br></span>
          </td>
        <!-- <td *ngIf="parameter.variableType === 'Integer'">{{parameter.integerValue}}</td>
        <td *ngIf="parameter.variableType === 'String'">{{parameter.stringValue}}</td> -->
        <!-- Edit & Delete icons -->
      </tr>
    </ng-template>
  </p-table>
 </p-fieldset>
--- a/app/features/administration/configurator/configurator-list-of-parameters/configurator-list-of-parameters.component.scss
+++ b/app/features/administration/configurator/configurator-list-of-parameters/configurator-list-of-parameters.component.scss
@ -1 +0,0 @@
@import 'src/styles';
--- a/app/features/administration/configurator/configurator-list-of-parameters/configurator-list-of-parameters.component.spec.ts
+++ b/app/features/administration/configurator/configurator-list-of-parameters/configurator-list-of-parameters.component.spec.ts
@ -1,25 +0,0 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ConfiguratorListOfParametersComponent } from './configurator-list-of-parameters.component';
 describe('ConfiguratorListOfParametersComponent', () => {
  let component: ConfiguratorListOfParametersComponent;
  let fixture: ComponentFixture<ConfiguratorListOfParametersComponent>;
  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [ ConfiguratorListOfParametersComponent ]
    })
    .compileComponents();
  });
  beforeEach(() => {
    fixture = TestBed.createComponent(ConfiguratorListOfParametersComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });
  it('should create', () => {
    expect(component).toBeTruthy();
  });
 });
--- a/app/features/administration/configurator/configurator-list-of-parameters/configurator-list-of-parameters.component.ts
+++ b/app/features/administration/configurator/configurator-list-of-parameters/configurator-list-of-parameters.component.ts
@ -1,40 +0,0 @@
 import {AfterViewChecked, AfterViewInit, Component, EventEmitter, Input, OnInit, Output} from '@angular/core';
 import {ConfiguratorParameter} from '../../../../shared/models/configurator-parameter.interface';
 import {Page} from '../../../../shared/models/paging/page.interface';
 import {LazyLoadEvent} from 'primeng/api';
@Component({
  selector: 'app-configurator-list-of-parameters',
  templateUrl: './configurator-list-of-parameters.component.html',
  styleUrls: ['./configurator-list-of-parameters.component.scss']
 })
 export class ConfiguratorListOfParametersComponent implements OnInit {
  @Input() parametersListInput: ConfiguratorParameter[];
  @Input() loadingInput: boolean;
  @Output() editEventRequest = new EventEmitter<ConfiguratorParameter>();
  editParameterRequest: ConfiguratorParameter;
  parametersList: ConfiguratorParameter[];
  selectedParameterRequest: ConfiguratorParameter;
  totalRecords: number;
  rows = 10;
  constructor() { }
  ngOnInit(): void {
    const initParameter: ConfiguratorParameter = {
      configurationId: null,
      configurationVariable: null,
      variableType: null,
      integerValue: null,
      stringValue: null
    };
    this.editEventRequest.emit(initParameter);
  }
  passSelectedConfigurator(parameter: ConfiguratorParameter) {
    this.editEventRequest.emit(parameter);
  }
 }
--- a/app/features/administration/configurator/configurator.component.html
+++ b/app/features/administration/configurator/configurator.component.html
@ -1,27 +0,0 @@
 <div class="p-grid p-nogutter">
  <div class="p-col main-content">
    <h1>{{'CONFIGURATOR' | translate}}</h1>
    <app-horizontal-menu></app-horizontal-menu>
    <app-breadcrumb></app-breadcrumb>
    <div class="p-grid p-nogutter p-pt-5 p-pb-5">
      <div class="p-col p-nogutter p-col-12">
        <app-configurator-list-of-parameters [parametersListInput]="parametersList"
                                             [loadingInput] = "loading"
                                             (editEventRequest)="editEvent($event)">
        </app-configurator-list-of-parameters>
      </div>
      <div class="p-col p-nogutter p-col-12 p-mt-5">
        <app-configurator-edit-value [editParameterRequestInput]="editEventRequest" (newConfiguratorParameter)="passNewConfigurator($event)">
        </app-configurator-edit-value>
      </div>
    </div>
  </div>
 </div>
--- a/app/features/administration/configurator/configurator.component.scss
+++ b/app/features/administration/configurator/configurator.component.scss
@ -1 +0,0 @@
@import 'src/styles';
--- a/app/features/administration/configurator/configurator.component.spec.ts
+++ b/app/features/administration/configurator/configurator.component.spec.ts
@ -1,25 +0,0 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ConfiguratorComponent } from './configurator.component';
 describe('ConfiguratorComponent', () => {
  let component: ConfiguratorComponent;
  let fixture: ComponentFixture<ConfiguratorComponent>;
  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [ ConfiguratorComponent ]
    })
    .compileComponents();
  });
  beforeEach(() => {
    fixture = TestBed.createComponent(ConfiguratorComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });
  it('should create', () => {
    expect(component).toBeTruthy();
  });
 });
--- a/app/features/administration/configurator/configurator.component.ts
+++ b/app/features/administration/configurator/configurator.component.ts
@ -1,51 +0,0 @@
 import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';
 import { ErrorHandlingService } from 'src/app/shared/services/error-handling/error-handling.service';
 import {ConfiguratorParameter} from '../../../shared/models/configurator-parameter.interface';
 import {ConfiguratorService} from "../../../shared/services/administration/configurator.service";
@Component({
  selector: 'app-configurator',
  templateUrl: './configurator.component.html',
  styleUrls: ['./configurator.component.scss']
 })
 export class ConfiguratorComponent implements OnInit {
  // @Input() parametersListInput: [ConfiguratorParameter];
  // @Input() editParameterRequestInput: ConfiguratorParameter;
  // @Output() editEventRequest = new EventEmitter<ConfiguratorParameter>();
  parametersList: ConfiguratorParameter[];
  editEventRequest: ConfiguratorParameter;
  loading = true;
  constructor(private configuratorService: ConfiguratorService, private errorHandlingService: ErrorHandlingService) { }
  ngOnInit(): void {
    this.initData();
    console.log('this.parametersList: ' + JSON.stringify(this.parametersList));
  }
  initData() {
    this.loading = true;
    this.configuratorService.getConfiguratorParameters().subscribe(values => {
      this.parametersList = values;
        this.loading = false;
        console.log('IN this.parametersList: ' + JSON.stringify(this.parametersList));
    },
      err => {
        this.errorHandlingService.showHttpResponseError(err);
        this.loading = false;
      });
  }
  editEvent(request) {
    this.editEventRequest = request;
  }
  passNewConfigurator(newConfigurator: ConfiguratorParameter){
    this.initData();
  }
 }
--- a/app/features/administration/forms/application-level-form/application-level-form.component.html
+++ b/app/features/administration/forms/application-level-form/application-level-form.component.html
@ -1,101 +0,0 @@
 <div [formGroup]="searchCriteriaForm">
  <div class="p-fluid p-grid">
    <div class="p-col-12">
      <div class="p-grid p-formgrid">
        <div class="p-field p-col-12 p-sm-6 p-lg-3">
          <label for="dateFrom">
            Date From
          </label>
      <p-calendar id="dateFrom"
                  formControlName="dateFrom"
                  [maxDate]="searchCriteriaForm.get('dateFrom').value"
                  [readonlyInput]="false"
                  showButtonBar="true"
                  todayButtonStyleClass="p-button-set-today"
                  clearButtonStyleClass="p-button-clear-date"
                  [showIcon]="true"
                  dateFormat="dd/mm/yy">
      </p-calendar>
        </div>
        <div class="p-field p-col-12 p-sm-6 p-lg-3">
          <label for="dateTo">
            Date To
          </label>
          <p-calendar id="dateTo"
                  formControlName="dateTo"
                  showButtonBar="true"
                  [minDate]="searchCriteriaForm.get('dateTo').value"
                  [readonlyInput]="false"
                  todayButtonStyleClass="p-button-set-today"
                  clearButtonStyleClass="p-button-clear-date"
                  [showIcon]="true"
                  dateFormat="dd/mm/yy">
      </p-calendar>
        </div>
        <div class="p-field p-col-12 p-sm-6 p-lg-3">
          <label for="clientName">
            iPower Client Name
          </label>
          <p-autoComplete id="clientName"
                      formControlName="clientName"
                      [suggestions]="iPowerClientNameSuggestions"
                      [forceSelection]="true"
                      (completeMethod)="autosuggestIPowerClientName($event)"
                      (onSelect)="iPowerClientNameSelected($event)">
      </p-autoComplete>
        </div>
        <div class="p-field p-col-12 p-sm-6 p-lg-3">
          <label for="clientId">
            iPower Client Code
          </label>
          <p-autoComplete id="clientId"
                      formControlName="clientId"
                      [suggestions]="iPowerClientCodeSuggestions"
                      [forceSelection]="true"
                      (completeMethod)="autosuggestIPowerClientCode($event)"
                      (onSelect)="iPowerClientCodeSelected($event)">
      </p-autoComplete>
        </div>
      </div>
    </div>
    <div class="p-col-12">
      <div class="p-grid p-formgrid">
        <div class="p-field p-col-12 p-sm-6 p-lg-3">
          <label for="processId">
            Process Id
          </label>
          <input id="processId"
             type="text"
             pInputText
             formControlName="processId">
        </div>
        <div class="p-field p-col-12 p-sm-6 p-lg-3">
          <label for="jobName">
            Job Name
          </label>
          <input id="jobName"
             type="text"
             pInputText
             formControlName="jobName">
        </div>
        <div class="p-field p-col-12 p-sm-6 p-lg-3">
          <label for="dmsFileCode">
            File Code
          </label>
          <input id="dmsFileCode"
             type="text"
             pInputText
             formControlName="dmsFileCode">
        </div>
      </div>
    </div>
  </div>
 </div>
--- a/app/features/administration/forms/application-level-form/application-level-form.component.scss
+++ b/app/features/administration/forms/application-level-form/application-level-form.component.scss
@ -1 +0,0 @@
@import 'src/styles';
--- a/app/features/administration/forms/application-level-form/application-level-form.component.spec.ts
+++ b/app/features/administration/forms/application-level-form/application-level-form.component.spec.ts
@ -1,25 +0,0 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ApplicationLevelFormComponent } from './application-level-form.component';
 describe('ApplicationLevelFormComponent', () => {
  let component: ApplicationLevelFormComponent;
  let fixture: ComponentFixture<ApplicationLevelFormComponent>;
  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [ ApplicationLevelFormComponent ]
    })
    .compileComponents();
  });
  beforeEach(() => {
    fixture = TestBed.createComponent(ApplicationLevelFormComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });
  it('should create', () => {
    expect(component).toBeTruthy();
  });
 });
--- a/app/features/administration/forms/application-level-form/application-level-form.component.ts
+++ b/app/features/administration/forms/application-level-form/application-level-form.component.ts
@ -1,111 +0,0 @@
 import { Component, Input, OnInit } from '@angular/core';
 import { FormBuilder } from '@angular/forms';
 import { IPowerClient } from 'src/app/shared/models/ipower-client.interface';
 import { SearchSystemException} from 'src/app/shared/models/request/search-system-exceptions.interface';
 import { IpowerClientsService } from 'src/app/shared/services/administration/ipower-clients.service';
@Component({
  selector: 'app-application-level-form',
  templateUrl: './application-level-form.component.html',
  styleUrls: ['./application-level-form.component.scss']
 })
 export class ApplicationLevelFormComponent implements OnInit {
  iPowerClientNameSuggestions: any;
  iPowerClientCodeSuggestions: any;
  private iPowerClientSuggestions: IPowerClient[];
  private selectedIPowerClient: IPowerClient;
  searchCriteriaForm = this.fb.group({
    processId: [null],
    clientId: [null],
    clientName: [null],
    jobName: [null],
    dmsFileCode: [null],
    dateFrom: [null],
    dateTo: [null],
  });
  constructor(private fb: FormBuilder, private iPowerClientsService: IpowerClientsService) { }
  ngOnInit(): void {
  }
  public formValue(): SearchSystemException {
    let formValue: SearchSystemException = {
      processId: this.searchCriteriaForm.get('processId').value,
      clientId: this.searchCriteriaForm.get('clientId').value,
      jobName: this.searchCriteriaForm.get('jobName').value,
      dmsFileCode: this.searchCriteriaForm.get('dmsFileCode').value,
      dateFrom: this.searchCriteriaForm.get('dateFrom').value,
      dateTo: this.searchCriteriaForm.get('dateTo').value
    };
    formValue.dateFrom = new Date(Date.UTC(formValue.dateFrom?.getFullYear(), formValue.dateFrom?.getMonth(), formValue.dateFrom?.getDate()));
    formValue.dateTo = new Date(Date.UTC(formValue.dateTo?.getFullYear(), formValue.dateTo?.getMonth(),formValue.dateTo?.getDate() + 1));
    formValue.dateTo?.setMilliseconds(formValue.dateTo?.getMilliseconds() -1);
    return formValue;
  }
  /*
  * Auto-suggest & Auto-complete IPower Client
  */
 autosuggestIPowerClientName(event): void {
  if (!event.query || event.query.length < 3) {
    this.iPowerClientNameSuggestions = [];
    return;
  }
  this.iPowerClientsService.getClientsByNameOnly(event.query).subscribe(
    (values: IPowerClient[]) => {
      this.iPowerClientSuggestions = values;
      const temp: string[] = [];
      values.map(val => temp.push(val.name));
      this.iPowerClientNameSuggestions = temp;
    },
    err => console.error(err)   // TODO: Handle this via a Messaging Service
  );
 }
 autosuggestIPowerClientCode(event): void {
  if (event.query.length < 3) {
    this.iPowerClientCodeSuggestions = [];
    return;
  }
  this.iPowerClientsService.getClientsByCodeOnly(event.query).subscribe(
    (values: IPowerClient[]) => {
      this.iPowerClientSuggestions = values;
      const temp: string[] = [];
      values.map(val => temp.push(val.clientCode));
      this.iPowerClientCodeSuggestions = temp;
    },
    err => console.error(err)
  );
 }
 iPowerClientNameSelected(name: string): void {
  this.selectedIPowerClient = this.iPowerClientSuggestions.find(client => client.name === name);
  this.searchCriteriaForm.get('clientId').patchValue(this.selectedIPowerClient ? this.selectedIPowerClient.clientCode : '');
  this.searchCriteriaForm.updateValueAndValidity();
 }
 iPowerClientCodeSelected(code: string): void {
  this.selectedIPowerClient = this.iPowerClientSuggestions.find(client => client.clientCode === code);
  this.searchCriteriaForm.get('clientName').patchValue(this.selectedIPowerClient ? this.selectedIPowerClient.name : '');
  this.searchCriteriaForm.updateValueAndValidity();
 }
 resetForm() {
  this.searchCriteriaForm.reset();
 }
 }
--- a/app/features/administration/forms/category-form/category-form.component.html
+++ b/app/features/administration/forms/category-form/category-form.component.html
@ -1,72 +0,0 @@
 <div [formGroup]="categoryForm">
  <div class="p-fluid p-formgrid"
       [ngClass]="{'p-grid': !dialogLayout}">
    <div class="p-field"
         [ngClass]="{'p-col-12 p-lg-4': !dialogLayout}">
      <label for="document-classification">
        Document Classification
      </label>
      <p-dropdown inputId="document-classification"
                  [options]="documentClassificationsList"
                  optionLabel="classificationName"
                  placeholder="Select"
                  formControlName="documentClassification"
                  [showClear]="true">
      </p-dropdown>
      <app-validation-message [control]="categoryForm.get('documentClassification')"
                              [validationMessage]="'This field is required.'"
                              [displayEvenIfPristine]="displayValidationMessagesEvenIfPristine">
      </app-validation-message>
    </div>
    <div class="p-field"
         [ngClass]="{'p-col-12 p-lg-4': !dialogLayout}">
      <label for="categoryName">
        Category Name
      </label>
      <p-autoComplete id="categoryName"
                      formControlName="categoryName"
                      *ngIf="autosuggestInputs"
                      [suggestions]="categoryNameSuggestions"
                      (completeMethod)="autosuggestCategoryName($event)"
                      (onSelect)="categoryNameSelected($event)"
                      [forceSelection]="true">
      </p-autoComplete>
      <input id="categoryName"
             type="text"
             pInputText
             formControlName="categoryName"
             *ngIf="!autosuggestInputs">
      <app-validation-message [control]="categoryForm.get('categoryName')"
                              [validationMessage]="'This field is required.'"
                              [displayEvenIfPristine]="displayValidationMessagesEvenIfPristine">
      </app-validation-message>
    </div>
    <div class="p-field"
         [ngClass]="{'p-col-12 p-lg-4': !dialogLayout}">
      <label for="categoryCode">
        Category Code
      </label>
      <p-autoComplete id="categoryCode"
                      formControlName="categoryCode"
                      *ngIf="autosuggestInputs"
                      [suggestions]="categoryCodeSuggestions"
                      (completeMethod)="autosuggestCategoryCode($event)"
                      (onSelect)="categoryCodeSelected($event)"
                      [forceSelection]="true">
      </p-autoComplete>
      <input id="categoryCode"
             type="text"
             pInputText
             formControlName="categoryCode"
             *ngIf="!autosuggestInputs">
      <app-validation-message [control]="categoryForm.get('categoryCode')"
                              [validationMessage]="'This field is required.'"
                              [displayEvenIfPristine]="displayValidationMessagesEvenIfPristine">
      </app-validation-message>
    </div>
  </div>
 </div>
--- a/app/features/administration/forms/category-form/category-form.component.scss
+++ b/app/features/administration/forms/category-form/category-form.component.scss
@ -1 +0,0 @@
@import 'src/styles';
--- a/app/features/administration/forms/category-form/category-form.component.spec.ts
+++ b/app/features/administration/forms/category-form/category-form.component.spec.ts
@ -1,25 +0,0 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { CategoryFormComponent } from './category-form.component';
 describe('CategoryFormComponent', () => {
  let component: CategoryFormComponent;
  let fixture: ComponentFixture<CategoryFormComponent>;
  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [ CategoryFormComponent ]
    })
    .compileComponents();
  });
  beforeEach(() => {
    fixture = TestBed.createComponent(CategoryFormComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });
  it('should create', () => {
    expect(component).toBeTruthy();
  });
 });
--- a/app/features/administration/forms/category-form/category-form.component.ts
+++ b/app/features/administration/forms/category-form/category-form.component.ts
@ -1,183 +0,0 @@
 import { Category } from './../../../../shared/models/category.interface';
 import { Component, Input, OnInit } from '@angular/core';
 import { FormBuilder, Validators, FormGroup } from '@angular/forms';
 import { DocumentClassification } from 'src/app/shared/models/document-classification.interface';
 import { CategoriesService } from 'src/app/shared/services/administration/categories.service';
 import { DocumentClassificationsService } from 'src/app/shared/services/administration/document-classifications.service';
 import { ErrorHandlingService } from 'src/app/shared/services/error-handling/error-handling.service';
@Component({
  selector: 'app-category-form',
  templateUrl: './category-form.component.html',
  styleUrls: ['./category-form.component.scss']
 })
 export class CategoryFormComponent implements OnInit {
  /*
   * Inputs
   */
  @Input() dialogLayout: boolean = false;   // Controls .scss classes to allow for better dispay in a dialog.
  @Input() requiredFields: string[] | boolean = false;  // True/False indicates that all/none are required. String[] specifies the form controls required.
  @Input() displayValidationMessagesEvenIfPristine: boolean = false;  // Serves for manually treating the controls as dirty.
  @Input() autosuggestInputs: boolean = false;
  /*
   * Reactive Form
   */
  categoryForm = this.fb.group({
    documentClassification: [null],
    categoryName: [null],
    categoryCode: [null]
  });
  setFormValue: Category = null;
  selectedCategory: Category;
  /*
   * Other Variables
   */
  documentClassificationsList: DocumentClassification[];
  categoryNameSuggestions: string[];
  categoryCodeSuggestions: string[];
  categorySuggestions: Category[];
  /*
   * Constructor & Initialisers
   */
  constructor(
    private fb: FormBuilder,
    private categoriesService: CategoriesService,
    private documentClassificationsService: DocumentClassificationsService,
    private errorHandlingService: ErrorHandlingService
  ) { }
  ngOnInit(): void {
    this.initData();
    this.initValidators()
  }
  initData() {
    this.documentClassificationsService.getAll().subscribe(
      value => this.documentClassificationsList = value,
      err => this.errorHandlingService.showHttpResponseError(err)
    );
  }
  // TODO: Have this mechanism offer the use of custom validators too.
  initValidators() {
    if (!this.requiredFields) { return; }
    // In a true/false case.
    if (typeof this.requiredFields == 'boolean') {
      // If true, enable the required validator for all controls and sub-controls.
      if (this.requiredFields) {
        this.setRequiredValidatorRecursively(this.categoryForm);
      }
      // If false, do nothing.
      return;
    }
    // If it was a string array, enable the validators for all provided field-names. TODO: This ONLY supports 1st level controls and not nested ones.
    (<string[]>this.requiredFields).forEach(field => this.categoryForm.controls[field].setValidators(Validators.required))
  }
  setRequiredValidatorRecursively(group: FormGroup) {
    Object.keys(group.controls).forEach(key => {
      group.controls[key].setValidators(Validators.required);
      if (group.controls[key]['controls']) {
        this.setRequiredValidatorRecursively(<FormGroup>group.controls[key])
      }
    });
  }
  /*
   * Auto-suggest & Auto-complete Category
   */
  autosuggestCategoryName(event) {
    if (!event.query || event.query.length < 3) {
      this.categoryNameSuggestions = [];
      return;
    }
    let classId = this.categoryForm.get('documentClassification').value ? this.categoryForm.get('documentClassification').value.classificationId : null;
    this.categoriesService.autosuggestCategoryName(event.query, classId).subscribe(
      (values: Category[]) => {
        let temp: string[] = [];
        this.categorySuggestions = values;
        values.map(val => temp.push(val.categoryName));
        this.categoryNameSuggestions = temp
      },
      err => this.errorHandlingService.showHttpResponseError(err)
    );
  }
  autosuggestCategoryCode(event) {
    if (event.query.length < 3) {
      this.categoryCodeSuggestions = [];
      return;
    }
    let classId = this.categoryForm.get('documentClassification').value ? this.categoryForm.get('documentClassification').value.classificationId : null;
    this.categoriesService.autosuggestCategoryCode(event.query, classId).subscribe(
      (values: Category[]) => {
        let temp: string[] = [];
        this.categorySuggestions = values;
        values.map(val => temp.push(val.categoryCode));
        this.categoryCodeSuggestions = temp
      },
      err => this.errorHandlingService.showHttpResponseError(err)
    );
  }
  categoryNameSelected(name: string) {
    this.selectedCategory = this.categorySuggestions.find(cat => cat.categoryName == name);
    this.categoryForm.get('categoryCode').patchValue(this.selectedCategory.categoryCode);
    this.categoryForm.updateValueAndValidity();
  }
  categoryCodeSelected(code: string) {
    this.selectedCategory = this.categorySuggestions.find(cat => cat.categoryCode == code);
    this.categoryForm.get('categoryName').patchValue(this.selectedCategory.categoryName);
    this.categoryForm.updateValueAndValidity();
  }
  /*
   * API methods
   */
  public resetForm(): void {
    this.categoryForm.reset();
  }
  public formValue(): Category {
    let formValue: Category = {
      id: this.setFormValue ? this.setFormValue.id : null,
      documentClassification: this.categoryForm.get('documentClassification').value,
      categoryName: this.categoryForm.get('categoryName').value,
      categoryCode: this.categoryForm.get('categoryCode').value
    };
    return formValue;
  }
  public setValue(value: Category): void {
    if (!value) {
      return;
    }
    this.setFormValue = value;
    this.categoryForm.get('documentClassification').setValue(value.documentClassification);
    this.categoryForm.get('categoryName').setValue(value.categoryName);
    this.categoryForm.get('categoryCode').setValue(value.categoryCode);
    this.categoryForm.updateValueAndValidity();
  }
  public isValid(): boolean {
    return this.categoryForm.valid;
  }
 }
--- a/app/features/administration/forms/configurator-form/configurator-form.component.html
+++ b/app/features/administration/forms/configurator-form/configurator-form.component.html
@ -1,60 +0,0 @@
 <div [formGroup]="configuratorForm">
  <div class="p-fluid p-formgrid"
       [ngClass]="{'p-grid': !dialogLayout}">
    <!-- Configurator Form - Start -->
    <div class="p-field p-col-12"
         [ngClass]="{'p-lg-4': !dialogLayout}">
      <label for="parameterName">Parameter Name</label>
      <input id="parameterName"
             type="text"
             pInputText
             disabled
             formControlName="parameterName"
             value="{{editableParameter?.configurationVariable}}">
      <app-validation-message [control]="configuratorForm.get('parameterName')"
                              [validationMessage]="'This field is required.'"
                              [displayEvenIfPristine]="displayValidationMessagesEvenIfPristine">
      </app-validation-message>
    </div>
    <div class="p-field p-col-12 "
         [ngClass]="{'p-col-12 p-lg-4': !dialogLayout}">
      <label for="parameterType">Parameter Type</label>
      <input id="parameterType"
             type="text"
             pInputText
             disabled
             formControlName="parameterType"
             value="{{editableParameter?.variableType}}">
      <app-validation-message [control]="configuratorForm.get('parameterType')"
                              [validationMessage]="'This field is required.'"
                              [displayEvenIfPristine]="displayValidationMessagesEvenIfPristine">
      </app-validation-message>
    </div>
    <div class="p-field p-col-12 "
         [ngClass]="{'p-col-12 p-lg-4': !dialogLayout}">
      <label for="parameterValue">Parameter Value</label>
      <input id="parameterValue"
             type="text"
             pInputText
             formControlName="parameterValue"
             value="{{editableParameter?.variableType == 'Integer' ?  editableParameter?.integerValue :  editableParameter?.stringValue}}">
      <app-validation-message [control]="configuratorForm.get('parameterValue')"
                              [validationMessage]="'This field is required.'"
                              [displayEvenIfPristine]="displayValidationMessagesEvenIfPristine">
      </app-validation-message>
    </div>
  </div>
  <div class="p-formgroup-inline p-jc-center p-mt-3">
    <p-button (onClick)="updateButtonClicked()"
              label="Update"
              styleClass="p-button-primary"
              [disabled]="!canEditParameterValue()">
    </p-button>
  </div>
 </div>
--- a/app/features/administration/forms/configurator-form/configurator-form.component.scss
+++ b/app/features/administration/forms/configurator-form/configurator-form.component.scss
@ -1 +0,0 @@
@import 'src/styles';
--- a/app/features/administration/forms/configurator-form/configurator-form.component.spec.ts
+++ b/app/features/administration/forms/configurator-form/configurator-form.component.spec.ts
@ -1,25 +0,0 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ConfiguratorFormComponent } from './configurator-form.component';
 describe('ConfiguratorFormComponent', () => {
  let component: ConfiguratorFormComponent;
  let fixture: ComponentFixture<ConfiguratorFormComponent>;
  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [ ConfiguratorFormComponent ]
    })
    .compileComponents();
  });
  beforeEach(() => {
    fixture = TestBed.createComponent(ConfiguratorFormComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });
  it('should create', () => {
    expect(component).toBeTruthy();
  });
 });
--- a/app/features/administration/forms/configurator-form/configurator-form.component.ts
+++ b/app/features/administration/forms/configurator-form/configurator-form.component.ts
@ -1,69 +0,0 @@
 import { AfterViewChecked, Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { FormBuilder } from '@angular/forms';
 import { ConfiguratorParameter } from '../../../../shared/models/configurator-parameter.interface';
 import { ConfiguratorService } from "../../../../shared/services/administration/configurator.service";
 import { Category } from "../../../../shared/models/category.interface";
 import { Router } from "@angular/router";
 import { NotificationsHandlingService } from 'src/app/shared/services/notifications-handling/notifications-handling.service';
 import { AuthService } from 'src/app/shared/services/auth.service';
 import { USER_RIGHTS } from 'src/app/shared/enums/USER_RIGHTS.enum';
 import { environment } from 'src/environments/environment';
@Component({
  selector: 'app-configurator-form',
  templateUrl: './configurator-form.component.html',
  styleUrls: ['./configurator-form.component.scss']
 })
 export class ConfiguratorFormComponent implements OnInit {
  @Input() dialogLayout: boolean = false;   // Controls .scss classes to allow for better dispay in a dialog.
  @Input() displayValidationMessagesEvenIfPristine: boolean = false;  // Serves for manually treating the controls as dirty.
  @Input() editableParameter: ConfiguratorParameter;
  @Output() valueChange = new EventEmitter<ConfiguratorParameter>();
  /*
   * Reactive Form
   */
  configuratorForm = this.fb.group({
    parameterName: null,
    parameterType: null,
    parameterValue: null
  });
  constructor(private fb: FormBuilder, private configuratorService: ConfiguratorService, private router: Router, private notificationService: NotificationsHandlingService,
    private authService: AuthService) { }
  ngOnInit(): void {
  }
  ngOnChanges(): void {
  }
  public formValue(): ConfiguratorParameter {
    let formValue: ConfiguratorParameter = {
      configurationId: this.editableParameter.configurationId,
      configurationVariable: this.editableParameter.configurationVariable,
      variableType: this.editableParameter.variableType,
      integerValue: this.editableParameter.variableType === 'Integer' ? Number(this.configuratorForm.get('parameterValue').value) : null,
      stringValue: this.editableParameter.variableType === 'String' ? String(this.configuratorForm.get('parameterValue').value) : null
    };
    return formValue;
  }
  updateButtonClicked(): void {
    if (this.editableParameter.configurationId !== null) {
      this.configuratorService.updateConfiguratorParameter(this.formValue()).subscribe(result => {
        this.valueChange.emit(this.formValue());
        this.notificationService.showUpdateConfiguratorParameterSuccess();
      },
        error => {
        });
    }
  }
  canEditParameterValue(): boolean {
    return this.authService.userHasRightForClient(USER_RIGHTS.J01, environment.globalRightsClientID) && this.editableParameter.configurationVariable != null;
  }
 }
--- a/app/features/administration/forms/template-form/template-form.component.html
+++ b/app/features/administration/forms/template-form/template-form.component.html
@ -1,138 +0,0 @@
 <div [formGroup]="templateForm">
  <div class="p-fluid p-formgrid"
       [ngClass]="{'p-grid': !dialogLayout}">
    <div class="p-field"
          *ngIf="!excludedFormControls?.includes('documentClassification')"
          [ngClass]="{'p-col-12 p-lg-4': !dialogLayout}">
      <label for="documentClassification">
        Document Classification
      </label>
      <p-dropdown inputId="documentClassification"
                  [options]="documentClassificationsList"
                  optionLabel="classificationName"
                  placeholder="Select"
                  formControlName="documentClassification"
                  (onChange)="documentClassificationSelected($event.value)"
                  [showClear]="true">
      </p-dropdown>
      <app-validation-message [control]="templateForm.get('documentClassification')"
                              [validationMessage]="'This field is required.'"
                              [displayEvenIfPristine]="displayValidationMessagesEvenIfPristine">
      </app-validation-message>
    </div>
    <div class="p-field"
         *ngIf="!excludedFormControls?.includes('categoryName')"
         [ngClass]="{'p-col-12 p-lg-4': !dialogLayout}">
      <label for="categoryName">
        Category Name
      </label>
      <p-autoComplete id="categoryName"
                      formControlName="categoryName"
                      [suggestions]="categoryNameSuggestions"
                      [forceSelection]="true"
                      (completeMethod)="autosuggestCategoryName($event)"
                      (onSelect)="categoryNameSelected($event)">
      </p-autoComplete>
      <app-validation-message [control]="templateForm.get('categoryName')"
                              [validationMessage]="'This field is required.'"
                              [displayEvenIfPristine]="displayValidationMessagesEvenIfPristine">
      </app-validation-message>
    </div>
    <div class="p-field"
         *ngIf="!excludedFormControls?.includes('categoryName')"
         [ngClass]="{'p-col-12 p-lg-4': !dialogLayout}">
      <label for="categoryCode">
        Category Code
      </label>
      <p-autoComplete id="categoryCode"
                      formControlName="categoryCode"
                      [suggestions]="categoryCodeSuggestions"
                      [forceSelection]="true"
                      (completeMethod)="autosuggestCategoryCode($event)"
                      (onSelect)="categoryCodeSelected($event)">
      </p-autoComplete>
      <app-validation-message [control]="templateForm.get('categoryCode')"
                              [validationMessage]="'This field is required.'"
                              [displayEvenIfPristine]="displayValidationMessagesEvenIfPristine">
      </app-validation-message>
    </div>
    <div class="p-field"
          *ngIf="!excludedFormControls?.includes('iPowerClient')"
          [ngClass]="{'p-col-12 p-lg-4': !dialogLayout}">
      <label for="iPowerClientName">
        iPower Client Name
      </label>
      <p-autoComplete id="iPowerClientName"
                      formControlName="iPowerClientName"
                      [suggestions]="iPowerClientNameSuggestions"
                      [forceSelection]="true"
                      (completeMethod)="autosuggestIPowerClientName($event)"
                      (onSelect)="iPowerClientNameSelected($event)">
      </p-autoComplete>
      <app-validation-message [control]="templateForm.get('iPowerClientName')"
                              [validationMessage]="'This field is required.'"
                              [displayEvenIfPristine]="displayValidationMessagesEvenIfPristine">
      </app-validation-message>
    </div>
    <div class="p-field"
          *ngIf="!excludedFormControls?.includes('iPowerClient')"
          [ngClass]="{'p-col-12 p-lg-4': !dialogLayout}">
      <label for="iPowerClientCode">
        iPower Client Code
      </label>
      <p-autoComplete id="iPowerClientCode"
                      formControlName="iPowerClientCode"
                      [suggestions]="iPowerClientCodeSuggestions"
                      [forceSelection]="true"
                      (completeMethod)="autosuggestIPowerClientCode($event)"
                      (onSelect)="iPowerClientCodeSelected($event)">
      </p-autoComplete>
      <app-validation-message [control]="templateForm.get('iPowerClientCode')"
                              [validationMessage]="'This field is required.'"
                              [displayEvenIfPristine]="displayValidationMessagesEvenIfPristine">
      </app-validation-message>
    </div>
    <div class="p-field"
         *ngIf="!excludedFormControls?.includes('documentSubclassification')"
         [ngClass]="{'p-col-12 p-lg-4': !dialogLayout}">
      <label for="documentSubclassification">
        Sub-Category Name
      </label>
      <p-dropdown inputId="documentSubclassification"
                  [options]="availableDocumentSubclassifications"
                  [disabled]="subCategoryCodeDisabled"
                  optionLabel="subclassificationName"
                  placeholder="Select a Document Classification first"
                  formControlName="documentSubclassification">
      </p-dropdown>
      <app-validation-message [control]="templateForm.get('documentSubclassification')"
                              [validationMessage]="'This field is required.'"
                              [displayEvenIfPristine]="displayValidationMessagesEvenIfPristine">
      </app-validation-message>
    </div>
    <div class="p-field"
         *ngIf="!excludedFormControls?.includes('abbyyTemplateCode')"
         [ngClass]="{'p-col-12 p-lg-4': !dialogLayout}">
      <label for="abbyyTemplateCode"
             >
        ABBYY Template Code
      </label>
      <input id="abbyyTemplateCode"
             type="text"
             pInputText
             formControlName="abbyyTemplateCode">
      <app-validation-message [control]="templateForm.get('abbyyTemplateCode')"
                              [validationMessage]="'This field is required.'"
                              [displayEvenIfPristine]="displayValidationMessagesEvenIfPristine">
      </app-validation-message>
    </div>
  </div>
 </div>
--- a/app/features/administration/forms/template-form/template-form.component.scss
+++ b/app/features/administration/forms/template-form/template-form.component.scss
@ -1 +0,0 @@
@import 'src/styles';
--- a/app/features/administration/forms/template-form/template-form.component.spec.ts
+++ b/app/features/administration/forms/template-form/template-form.component.spec.ts
@ -1,25 +0,0 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { TemplateFormComponent } from './template-form.component';
 describe('TemplateFormComponent', () => {
  let component: TemplateFormComponent;
  let fixture: ComponentFixture<TemplateFormComponent>;
  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [ TemplateFormComponent ]
    })
    .compileComponents();
  });
  beforeEach(() => {
    fixture = TestBed.createComponent(TemplateFormComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });
  it('should create', () => {
    expect(component).toBeTruthy();
  });
 });
--- a/app/features/administration/forms/template-form/template-form.component.ts
+++ b/app/features/administration/forms/template-form/template-form.component.ts
@ -1,369 +0,0 @@
 import { DocumentClassification } from './../../../../shared/models/document-classification.interface';
 import { Category } from './../../../../shared/models/category.interface';
 import { DocumentSubclassificationsService } from './../../../../shared/services/administration/document-subclassifications.service';
 import { DocumentSubclassification } from './../../../../shared/models/document-subclassification.interface';
 import { IPowerClient } from './../../../../shared/models/ipower-client.interface';
 import { Template } from './../../../../shared/models/template.interface';
 import { Component, Input, OnInit } from '@angular/core';
 import { FormBuilder, Validators } from '@angular/forms';
 import { CategoriesService } from 'src/app/shared/services/administration/categories.service';
 import { DocumentClassificationsService } from 'src/app/shared/services/administration/document-classifications.service';
 import { IpowerClientsService } from 'src/app/shared/services/administration/ipower-clients.service';
 import { ErrorHandlingService } from 'src/app/shared/services/error-handling/error-handling.service';
@Component({
  selector: 'app-template-form',
  templateUrl: './template-form.component.html',
  styleUrls: ['./template-form.component.scss']
 })
 export class TemplateFormComponent implements OnInit {
  /*
   * Inputs
   */
  @Input() dialogLayout: boolean = false;   // Controls .scss classes to allow for better dispay in a dialog.
  @Input() requiredFields: string[] | boolean = false;  // True/False indicates that all/none are required. String[] specifies the form controls required.
  @Input() displayValidationMessagesEvenIfPristine: boolean = false;  // Serves for manually treating the controls as dirty.
  @Input() excludedFormControls: string[];  // Specifies the form controls to be removed and NOT displayed.
  /*
   * Reactive Form
   */
  templateForm = this.fb.group({
    documentClassification: [null],
    categoryName: [null],
    categoryCode: [null],
    iPowerClientName: [null],
    iPowerClientCode: [null],
    documentSubclassification: [null],
    abbyyTemplateCode: [null]
  });
  initiallySetFormValue: Template;
  /*
   * Other Variables
   */
  documentClassificationsList: DocumentClassification[];
  categoryNameSuggestions: string[];
  categoryCodeSuggestions: string[];
  categorySuggestions: Category[];
  selectedCategory: Category;
  iPowerClientNameSuggestions: string[];
  iPowerClientCodeSuggestions: string[];
  iPowerClientSuggestions: IPowerClient[];
  selectedIPowerClient: IPowerClient;
  documentSubclassificationsList: DocumentSubclassification[];
  availableDocumentSubclassifications: DocumentSubclassification[];
  subCategoryCodeDisabled: boolean = true;
  /*
   * Constructor & Initialisers
   */
  constructor(
    private fb: FormBuilder,
    private documentClassificationsService: DocumentClassificationsService,
    private categoriesService: CategoriesService,
    private iPowerClientsService: IpowerClientsService,
    private documentSubclassificationsService: DocumentSubclassificationsService,
    private errorHandlingService: ErrorHandlingService
  ) { }
  ngOnInit(): void {
    this.initData();
    this.initValidators()
    this.excludeFields();
  }
  initData() {
    this.documentClassificationsService.getAll().subscribe(
      value => this.documentClassificationsList = value,
      err => this.errorHandlingService.showHttpResponseError(err)
    );
    // This is NOT the list of Subclassifications used for the dropdown.
    this.documentSubclassificationsService.getAll().subscribe(
      value => this.documentSubclassificationsList = value,
      err => this.errorHandlingService.showHttpResponseError(err)
    );
  }
  // TODO: Have this mechanism offer the use of custom validators too.
  initValidators() {
    if (!this.requiredFields) { return; }
    // In a true/false case.
    if (typeof this.requiredFields == 'boolean') {
      // If true, enable the required validator for all controls.
      if (this.requiredFields) {
        Object.keys(this.templateForm.controls).forEach(key => this.templateForm.controls[key].setValidators(Validators.required));
      }
      // If false, do nothing.
      return;
    }
    // If it was a string array, enable the validators for all provided field-names.
    (<string[]>this.requiredFields).forEach(field => this.templateForm.controls[field].setValidators(Validators.required))
  }
  excludeFields() {
    if (!this.excludedFormControls) { return; }
    this.excludedFormControls.forEach(field => this.templateForm.removeControl(field));
  }
  /*
   * Auto-suggest & Auto-complete Category
   */
  autosuggestCategoryName(event) {
    if (!event.query || event.query.length < 3) {
      this.categoryNameSuggestions = [];
      return;
    }
    let classId = this.templateForm.get('documentClassification').value ? this.templateForm.get('documentClassification').value.classificationId : null;
    this.categoriesService.autosuggestCategoryName(event.query, classId).subscribe(
      (values: Category[]) => {
        let temp: string[] = [];
        this.categorySuggestions = values;
        values.map(val => temp.push(val.categoryName));
        this.categoryNameSuggestions = temp
      },
      err => this.errorHandlingService.showHttpResponseError(err)
    );
  }
  autosuggestCategoryCode(event) {
    if (event.query.length < 3) {
      this.categoryCodeSuggestions = [];
      return;
    }
    let classId = this.templateForm.get('documentClassification').value ? this.templateForm.get('documentClassification').value.classificationId : null;
    this.categoriesService.autosuggestCategoryCode(event.query, classId).subscribe(
      (values: Category[]) => {
        let temp: string[] = [];
        this.categorySuggestions = values;
        values.map(val => temp.push(val.categoryCode));
        this.categoryCodeSuggestions = temp
      },
      err => this.errorHandlingService.showHttpResponseError(err)
    );
  }
  categoryNameSelected(name: string) {
    this.selectedCategory = this.categorySuggestions.find(cat => cat.categoryName == name);
    this.templateForm.get('categoryCode')?.patchValue(this.selectedCategory.categoryCode);
    this.templateForm.updateValueAndValidity();
  }
  categoryCodeSelected(code: string) {
    this.selectedCategory = this.categorySuggestions.find(cat => cat.categoryCode == code);
    this.templateForm.get('categoryName')?.patchValue(this.selectedCategory?.categoryName);
    this.templateForm.updateValueAndValidity();
  }
   /*
  * Auto-suggest & Auto-complete IPower Client
  */
 autosuggestIPowerClientName(event): void {
  if (!event.query || event.query.length < 3) {
    this.iPowerClientNameSuggestions = [];
    return;
  }
  this.iPowerClientsService.getClientsByNameOnly(event.query).subscribe(
    (values: IPowerClient[]) => {
      this.iPowerClientSuggestions = values;
      const temp: string[] = [];
      values.map(val => temp.push(val.name));
      this.iPowerClientNameSuggestions = temp;
    },
    err => this.errorHandlingService.showHttpResponseError(err)
  );
 }
  autosuggestIPowerClientCode(event): void {
    if (event.query.length < 3) {
      this.iPowerClientCodeSuggestions = [];
      return;
    }
    this.iPowerClientsService.getClientsByCodeOnly(event.query).subscribe(
      (values: IPowerClient[]) => {
        this.iPowerClientSuggestions = values;
        const temp: string[] = [];
        values.map(val => temp.push(val.clientCode));
        this.iPowerClientCodeSuggestions = temp;
      },
      err => this.errorHandlingService.showHttpResponseError(err)
    );
  }
  iPowerClientNameSelected(name: string) {
    this.selectedIPowerClient = this.iPowerClientSuggestions.find(client => client.name == name);
    this.templateForm.get('iPowerClientCode')?.patchValue(this.selectedIPowerClient ? this.selectedIPowerClient.clientCode : '');
    this.templateForm.updateValueAndValidity();
  }
  iPowerClientCodeSelected(code: string) {
    this.selectedIPowerClient = this.iPowerClientSuggestions.find(client => client.clientCode == code);
    this.templateForm.get('iPowerClientName')?.patchValue(this.selectedIPowerClient ? this.selectedIPowerClient.name : '');
    this.templateForm.updateValueAndValidity();
  }
  /*
   * Other Methods
   */
  documentClassificationSelected(selection: DocumentClassification) {
    this.availableDocumentSubclassifications = this.documentSubclassificationsList.filter(element => element.documentClassification.classificationId == selection.classificationId);
    this.templateForm.get('documentSubclassification')?.setValue(this.availableDocumentSubclassifications[0]); //TODO CHECK
    this.subCategoryCodeDisabled = false;
  }
  /*
   * Utility Methods
   */
  // Auto-suggest inputs  - We have to ensure our reactive form holds values that represent the selectedCategory, otherwise truncate it.
  syncSelectedCategory() {
    // Ιf our form has no value, truncate the selectedCategory either way.
    if (!this.templateForm.get('categoryName')?.value && !this.templateForm.get('categoryCode').value) {
      this.selectedCategory = null;
      return;
    }
    // If both or either of our form's values match the selectedCategory's and the other one doesn't have a value, all is good.
    // Just sync the values in case one is missing. Otherwise truncate the selectedCategory.
    if (
      this.templateForm.get('categoryName')?.value == this.selectedCategory.categoryName
      || this.templateForm.get('categoryCode')?.value == this.selectedCategory.categoryCode
    ) {
      this.selectedCategory.categoryName = this.templateForm.get('categoryName')?.value;
      this.selectedCategory.categoryCode = this.templateForm.get('categoryCode')?.value;
    }
    // If both our values were different from the selectedCategory's, truncate it. This is an extremely abnormal scenario.
    else {
      console.error('WARNING - syncSelectedCategory()', 'Both of our form\'s values were different from the selectedCategory\'s.');
      this.selectedCategory = null;
      this.templateForm.get('categoryName')?.setValue('');
      this.templateForm.get('categoryCode')?.setValue('');
      this.templateForm.updateValueAndValidity();
    }
  }
  // Auto-suggest inputs  - We have to ensure our reactive form holds values that represent the selectedIPowerClient, otherwise truncate it.
  syncSelectedIPowerClient() {
    // Ιf our form has no value, truncate the selectedIPowerClient either way.
    if (!this.templateForm.get('iPowerClientName')?.value && !this.templateForm.get('iPowerClientCode')?.value) {
      this.selectedIPowerClient = null;
      return;
    }
    // If both or either of our form's values match the selectedIPowerClient's and the other one doesn't have a value, all is good.
    // Just sync the values in case one is missing. Otherwise truncate the selectedIPowerClient.
    if (
      this.templateForm.get('iPowerClientName')?.value == this.selectedIPowerClient.name
      || this.templateForm.get('iPowerClientCode')?.value == this.selectedIPowerClient.clientCode
    ) {
      this.selectedIPowerClient.name = this.templateForm.get('iPowerClientName')?.value;
      this.selectedIPowerClient.clientCode = this.templateForm.get('iPowerClientCode')?.value;
    }
    // If both our values were different from the selectedIPowerClient's, truncate it. This is an extremely abnormal scenario.
    else {
      console.error('WARNING - syncSelectedIPowerClient()', 'Both of our form\'s values were different from the selectedIPowerClient\'s.');
      this.selectedIPowerClient = null;
      this.templateForm.get('iPowerClientName')?.setValue('');
      this.templateForm.get('iPowerClientCode')?.setValue('');
      this.templateForm.updateValueAndValidity();
    }
  }
  /*
   * API methods
   */
  public resetForm(): void {
    this.templateForm.reset();
    this.selectedCategory = null;
    this.selectedIPowerClient = null;
  }
  public formValue(): Template {
    // A field ('documentSubclassification') may be excluded, so we have to check for that too.
    let subCatCode = this.templateForm.get('documentSubclassification') ? this.templateForm.get('documentSubclassification').value : null;
    let abbyy = this.templateForm.get('abbyyTemplateCode') ? this.templateForm.get('abbyyTemplateCode').value : null;
    let docClass = this.templateForm.get('documentClassification') ? this.templateForm.get('documentClassification').value : null;
    // We keep track of those two using object-variables separate from our ReactiveForm.
    // Thus, we now have to make sure the ReactiveForm really has values that match those objects, before we forward them.
    // Also, keep in mind that our auto-suggest inputs limit the user in choosing one of their values.
    this.syncSelectedCategory();
    this.syncSelectedIPowerClient();
    let formValue: Template = {
      id: this.initiallySetFormValue ? this.initiallySetFormValue.id : null,
      category: this.selectedCategory,
      subCategoryCode: subCatCode ? subCatCode.subclassificationName : '',
      abbyyTemplate: abbyy,
      client: this.selectedIPowerClient,
      documentClassification: docClass
    };
    return formValue;
  }
  public setValue(value: Template): void {
    if (!value) {
      return;
    }
    this.initiallySetFormValue = value;
    // If a documentClassification is already selected, enable the subclassification dropdown.
    this.subCategoryCodeDisabled = !value.documentClassification;
    this.templateForm.get('documentClassification')?.setValue(value.documentClassification);
    // Having set the documentClassification -and provided there was one- we must also set the availableDocumentSubclassifications.
    this.availableDocumentSubclassifications = this.documentSubclassificationsList.filter(element =>
      element.documentClassification.classificationId == value.documentClassification.classificationId
    );
    this.selectedCategory = value.category;
    this.templateForm.get('categoryName')?.setValue(value.category.categoryName);
    this.templateForm.get('categoryCode')?.setValue(value.category.categoryCode);
    this.selectedIPowerClient = value.client;
    this.templateForm.get('iPowerClientName')?.setValue(value.client.name);
    this.templateForm.get('iPowerClientCode')?.setValue(value.client.clientCode);
    this.templateForm.get('abbyyTemplateCode')?.setValue(value.abbyyTemplate);
    // To set the subcategory/subclassification we also have to make sure the documentClassification is the same.
    // WARNING: Since we have enabled the [forceSelection] option of the <p-autoComplete>,
    // if the availableDocumentSubclassifications are not set, documentSubclassification won't be displayed.
    this.templateForm.get('documentSubclassification').setValue(
      this.documentSubclassificationsList.find(subClass => (
        subClass.subclassificationName == value.subCategoryCode && subClass.documentClassification.classificationId == value.documentClassification.classificationId
      ))
    );
    this.templateForm.updateValueAndValidity();
  }
  public isValid(): boolean {
    return this.templateForm.valid;
  }
 }
--- a/app/features/administration/forms/verification-rule-form/create-verification-rule-form-value.interface.ts
+++ b/app/features/administration/forms/verification-rule-form/create-verification-rule-form-value.interface.ts
@ -1,16 +0,0 @@
 import { JournalVerification } from './../../../../shared/models/journal-verification.interface';
 import { CapturingVerification } from './../../../../shared/models/capturing-verification.interface';
 import { Template } from 'src/app/shared/models/template.interface';
 export interface CreateVerificationRuleFormValue {
  id: number;
  confidenceLevelMinThreshold: number;
  clientId: string
  categoryId: number;
  subCategoryCode: string;
  verificationRuleStatus: string;
  capturingVerification: CapturingVerification;
  journalVerification: JournalVerification;
  alteryxRoutineId: string;
  template: Template;
 }
--- a/app/features/administration/forms/verification-rule-form/verification-rule-form.component.html
+++ b/app/features/administration/forms/verification-rule-form/verification-rule-form.component.html
@ -1,200 +0,0 @@
 <div [formGroup]="verificationRuleForm">
  <div class="p-fluid"
       [ngClass]="{'p-formgrid': !dialogLayout}">
    <div class="p-grid">
      <div class="p-field p-col-12 p-lg-6">
        <label for="document-classification">
          Document Classification
        </label>
        <p-dropdown inputId="document-classification"
                    [options]="documentClassificationsList"
                    optionLabel="classificationName"
                    placeholder="Select"
                    formControlName="documentClassification"
                    [disabled]="editMode"
                    (onChange)="documentClassificationSelected($event)">
        </p-dropdown>
        <app-validation-message [control]="verificationRuleForm.get('documentClassification')"
                                [validationMessage]="'This field is required.'"
                                [displayEvenIfPristine]="displayValidationMessagesEvenIfPristine">
        </app-validation-message>
      </div>
    </div>
    <div class="p-grid">
      <div class="p-field p-col-12 p-lg-6">
        <label for="ipower-name">
          iPower Client Name
        </label>
        <p-autoComplete id="ipower-name"
                        formControlName="ipowerName"
                        [suggestions]="iPowerClientNameSuggestions"
                        [forceSelection]="true"
                        (completeMethod)="autosuggestIPowerClientName($event)"
                        [disabled]="editMode"
                        (onSelect)="iPowerClientNameSelected($event)">
        </p-autoComplete>
        <app-validation-message [control]="verificationRuleForm.get('ipowerName')"
                                [validationMessage]="'This field is required.'"
                                [displayEvenIfPristine]="displayValidationMessagesEvenIfPristine">
        </app-validation-message>
      </div>
      <div class="p-field p-col-12 p-lg-6">
        <label for="ipower-code">
          iPower Client Code
        </label>
        <p-autoComplete id="ipower-code"
                        formControlName="ipowerCode"
                        [suggestions]="iPowerClientCodeSuggestions"
                        [forceSelection]="true"
                        (completeMethod)="autosuggestIPowerClientCode($event)"
                        [disabled]="editMode"
                        (onSelect)="iPowerClientCodeSelected($event)">
        </p-autoComplete>
        <app-validation-message [control]="verificationRuleForm.get('ipowerCode')"
          [validationMessage]="'This field is required.'"
          [displayEvenIfPristine]="displayValidationMessagesEvenIfPristine">
        </app-validation-message>
      </div>
    </div>
    <div class="p-grid">
      <div class="p-field p-col-12 p-lg-6">
        <label for="category-name">
          Category Name
        </label>
        <p-autoComplete id="category-name"
                        formControlName="categoryName"
                        [suggestions]="categoryNameSuggestions"
                        [forceSelection]="true"
                        (completeMethod)="autosuggestCategoryName($event)"
                        [disabled]="editMode"
                        (onSelect)="categoryNameSelected($event)">
        </p-autoComplete>
        <app-validation-message [control]="verificationRuleForm.get('categoryName')"
                                [validationMessage]="'This field is required.'"
                                [displayEvenIfPristine]="displayValidationMessagesEvenIfPristine">
        </app-validation-message>
      </div>
      <div class="p-field p-col-12 p-lg-6">
        <label for="category-code">
          Category Code
        </label>
        <p-autoComplete id="category-code"
                        formControlName="categoryCode"
                        [suggestions]="categoryCodeSuggestions"
                        [forceSelection]="true"
                        (completeMethod)="autosuggestCategoryCode($event)"
                        [disabled]="editMode"
                        (onSelect)="categoryCodeSelected($event)">
        </p-autoComplete>
        <app-validation-message [control]="verificationRuleForm.get('categoryCode')"
                                [validationMessage]="'This field is required.'"
                                [displayEvenIfPristine]="displayValidationMessagesEvenIfPristine">
        </app-validation-message>
      </div>
    </div>
    <div class="p-grid">
      <div class="p-field p-col-12 p-lg-6">
        <label for="document-subclassification">
          Sub-Category Name
        </label>
        <p-dropdown inputId="document-subclassification"
                    [options]="availableDocumentSubclassifications"
                    [disabled]="subCategoryCodeDisabled || editMode"
                    optionLabel="subclassificationName"
                    placeholder="Select a Document Classification first"
                    formControlName="subCategoryCode">
        </p-dropdown>
        <app-validation-message [control]="verificationRuleForm.get('subCategoryCode')"
                                [validationMessage]="'This field is required.'"
                                [displayEvenIfPristine]="displayValidationMessagesEvenIfPristine">
        </app-validation-message>
      </div>
    </div>
    <div class="p-grid"
         [ngClass]="{'p-pt-4': (initiallySetFormValue && initiallySetFormValue.id)}">
      <div class="p-field p-col-12 p-lg-6">
        <label for="capturing-verification">
          Capturing Verification
        </label>
        <p-dropdown inputId="capturing-verification"
                    formControlName="capturingVerification"
                    [options]="capturingVerificationsList"
                    optionLabel="capturingVerificationName"
                    placeholder="Select">
        </p-dropdown>
        <app-validation-message [control]="verificationRuleForm.get('capturingVerification')"
                                [validationMessage]="'This field is required.'"
                                [displayEvenIfPristine]="displayValidationMessagesEvenIfPristine">
        </app-validation-message>
      </div>
      <div class="p-field p-col-12 p-lg-6">
        <label for="journal-verification">
          Journal Verification
        </label>
        <p-dropdown inputId="journal-verification"
                    formControlName="journalVerification"
                    [options]="journalVerificationsList"
                    optionLabel="journalVerificationName"
                    placeholder="Select">
        </p-dropdown>
        <app-validation-message [control]="verificationRuleForm.get('journalVerification')"
                                [validationMessage]="'This field is required.'"
                                [displayEvenIfPristine]="displayValidationMessagesEvenIfPristine">
        </app-validation-message>
      </div>
    </div>
    <div class="p-grid">
      <div class="p-field p-col-12 p-lg-6">
        <label for="confidence-level">
          Confidence Level
        </label>
        <input id="confidence-level"
               type="number"
               pInputText
               formControlName="confidenceLevelMinThreshold">
        <app-validation-message [control]="verificationRuleForm.get('confidenceLevelMinThreshold')"
                                [validationMessage]="'This field is required.'"
                                [displayEvenIfPristine]="displayValidationMessagesEvenIfPristine">
        </app-validation-message>
      </div>
      <div class="p-field p-col-12 p-lg-6">
        <label for="alteryx-routine-id">
          Alteryx Routine Name
        </label>
        <input id="alteryx-routine-id"
               type="text"
               pInputText
               formControlName="alteryxRoutineId">
        <app-validation-message [control]="verificationRuleForm.get('alteryxRoutineId')"
                                [validationMessage]="'This field is required.'"
                                [displayEvenIfPristine]="displayValidationMessagesEvenIfPristine">
        </app-validation-message>
      </div>
    </div>
    <div class="p-grid p-jc-center" *ngIf="editMode">
      <div class="p-field p-col-5 p-m-2">
      </div>
      <div class="p-field p-col-5 p-m-2">
        <p-checkbox id="verification-rule-status" name="verification-rule-status"
          [formControl]="verificationRuleForm.get('verificationRuleStatus')" binary="true" label="Rule Status"
          [disabled]="!canEditRuleStatus()">
        </p-checkbox>
      </div>
    </div>
  </div>
 </div>
--- a/app/features/administration/forms/verification-rule-form/verification-rule-form.component.scss
+++ b/app/features/administration/forms/verification-rule-form/verification-rule-form.component.scss
@ -1 +0,0 @@
@import 'src/styles';
--- a/app/features/administration/forms/verification-rule-form/verification-rule-form.component.spec.ts
+++ b/app/features/administration/forms/verification-rule-form/verification-rule-form.component.spec.ts
@ -1,25 +0,0 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { VerificationRuleFormComponent } from './verification-rule-form.component';
 describe('VerificationRuleFormComponent', () => {
  let component: VerificationRuleFormComponent;
  let fixture: ComponentFixture<VerificationRuleFormComponent>;
  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [ VerificationRuleFormComponent ]
    })
    .compileComponents();
  });
  beforeEach(() => {
    fixture = TestBed.createComponent(VerificationRuleFormComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });
  it('should create', () => {
    expect(component).toBeTruthy();
  });
 });
--- a/app/features/administration/forms/verification-rule-form/verification-rule-form.component.ts
+++ b/app/features/administration/forms/verification-rule-form/verification-rule-form.component.ts
@ -1,527 +0,0 @@
 import { Right } from './../../../../shared/models/right.interface';
 import { environment } from './../../../../../environments/environment';
 import { USER_RIGHTS } from './../../../../shared/enums/USER_RIGHTS.enum';
 import { AuthService } from 'src/app/shared/services/auth.service';
 import { CreateVerificationRuleFormValue } from './create-verification-rule-form-value.interface';
 import { JournalVerificationsService } from './../../../../shared/services/administration/journal-verifications.service';
 import { CapturingVerificationsService } from './../../../../shared/services/administration/capturing-verifications.service';
 import { DocumentSubclassificationsService } from 'src/app/shared/services/administration/document-subclassifications.service';
 import { IpowerClientsService } from 'src/app/shared/services/administration/ipower-clients.service';
 import { CategoriesService } from 'src/app/shared/services/administration/categories.service';
 import { DocumentClassificationsService } from 'src/app/shared/services/administration/document-classifications.service';
 import { FormBuilder, Validators } from '@angular/forms';
 import { DocumentSubclassification } from 'src/app/shared/models/document-subclassification.interface';
 import { Component, Input, OnInit } from '@angular/core';
 import { CapturingVerification } from '../../../../shared/models/capturing-verification.interface';
 import { Category } from '../../../../shared/models/category.interface';
 import { IPowerClient } from '../../../../shared/models/ipower-client.interface';
 import { JournalVerification } from '../../../../shared/models/journal-verification.interface';
 import { VerificationRule } from './../../../../shared/models/verification-rule.interface';
 import { DocumentClassification } from '../../../../shared/models/document-classification.interface';
 import { ErrorHandlingService } from 'src/app/shared/services/error-handling/error-handling.service';
 import { Observable } from 'rxjs';
@Component({
  selector: 'app-verification-rule-form',
  templateUrl: './verification-rule-form.component.html',
  styleUrls: ['./verification-rule-form.component.scss']
 })
 export class VerificationRuleFormComponent implements OnInit {
  /*
    * Inputs
    */
  @Input() dialogLayout: boolean = false;   // Controls .scss classes to allow for better dispay in a dialog.
  @Input() requiredFields: string[] | boolean = false;  // True/False indicates that all/none are required. String[] specifies the form controls required.
  @Input() displayValidationMessagesEvenIfPristine: boolean = false;  // Serves for manually treating the controls as dirty.
  @Input() excludedFormControls: string[];  // Specifies the form controls to be removed and NOT displayed.
  /*
   * Reactive Form
   */
  verificationRuleForm = this.fb.group({
    documentClassification: [null],
    ipowerName: [null],
    ipowerCode: [null],
    categoryName: [null],
    categoryCode: [null],
    subCategoryCode: [null],   // This actually represents the complete DocumentSubclassification object.
    confidenceLevelMinThreshold: [null],
    capturingVerification: [null],
    journalVerification: [null],
    alteryxRoutineId: [null],
    verificationRuleStatus: [true],
    template: [null]
  });
  initiallySetFormValue: VerificationRule;
  editMode: boolean = false;
  /*
   * Other Variables
   */
  documentClassificationsList: DocumentClassification[];
  categoryNameSuggestions: string[];
  categoryCodeSuggestions: string[];
  categorySuggestions: Category[];
  selectedCategory: Category;
  iPowerClientNameSuggestions: string[];
  iPowerClientCodeSuggestions: string[];
  iPowerClientSuggestions: IPowerClient[];
  selectedIPowerClient: IPowerClient;
  capturingVerificationsList: CapturingVerification[];
  journalVerificationsList: JournalVerification[];
  documentSubclassificationsList: DocumentSubclassification[];
  availableDocumentSubclassifications: DocumentSubclassification[];
  subCategoryCodeDisabled: boolean = true;
  /*
   * Constructor & Initialisers
   */
  constructor(
    private fb: FormBuilder,
    private documentClassificationsService: DocumentClassificationsService,
    private categoriesService: CategoriesService,
    private iPowerClientsService: IpowerClientsService,
    private documentSubclassificationsService: DocumentSubclassificationsService,
    private capturingVerificationsService: CapturingVerificationsService,
    private journalVerificationsService: JournalVerificationsService,
    private authService: AuthService,
    private errorHandlingService: ErrorHandlingService
  ) { }
  ngOnInit(): void {
    this.initData();
    this.initValidators()
    this.excludeFields();
  }
  initData() {
    this.documentClassificationsService.getAll().subscribe(
      value => this.documentClassificationsList = value,
      err => this.errorHandlingService.showHttpResponseError(err)
    );
    // This is NOT the list of Subclassifications used for the dropdown.
    this.documentSubclassificationsService.getAll().subscribe(
      value => this.documentSubclassificationsList = value,
      err => this.errorHandlingService.showHttpResponseError(err)
    );
    this.journalVerificationsService.getJournalVerifications().subscribe(
      values => this.journalVerificationsList = values,
      err => this.errorHandlingService.showHttpResponseError(err)
    );
    this.capturingVerificationsService.getCapturingVerifications().subscribe(
      values => this.capturingVerificationsList = values,
      err => this.errorHandlingService.showHttpResponseError(err)
    );
  }
  // TODO: Have this mechanism offer the use of custom validators too.
  initValidators() {
    if (!this.requiredFields) { return; }
    // In a true/false case.
    if (typeof this.requiredFields == 'boolean') {
      // If true, enable the required validator for all controls.
      if (this.requiredFields) {
        Object.keys(this.verificationRuleForm.controls).forEach(key => this.verificationRuleForm.controls[key].setValidators(Validators.required));
      }
      // If false, do nothing.
      return;
    }
    // If it was a string array, enable the validators for all provided field-names.
    (<string[]>this.requiredFields).forEach(field => this.verificationRuleForm.controls[field].setValidators(Validators.required))
  }
  excludeFields() {
    if (!this.excludedFormControls) { return; }
    this.excludedFormControls.forEach(field => this.verificationRuleForm.removeControl(field));
  }
  /*
   * Auto-suggest & Auto-complete Category
   */
  autosuggestCategoryName(event) {
    if (!event.query || event.query.length < 3) {
      this.categoryNameSuggestions = [];
      return;
    }
    let classId = this.verificationRuleForm.get('documentClassification').value ? this.verificationRuleForm.get('documentClassification').value.classificationId : null;
    this.categoriesService.autosuggestCategoryName(event.query, classId).subscribe(
      (values: Category[]) => {
        let temp: string[] = [];
        this.categorySuggestions = values;
        values.map(val => temp.push(val.categoryName));
        this.categoryNameSuggestions = temp
      },
      err => this.errorHandlingService.showHttpResponseError(err)
    );
  }
  autosuggestCategoryCode(event) {
    if (event.query.length < 3) {
      this.categoryCodeSuggestions = [];
      return;
    }
    let classId = this.verificationRuleForm.get('documentClassification').value ? this.verificationRuleForm.get('documentClassification').value.classificationId : null;
    this.categoriesService.autosuggestCategoryCode(event.query, classId).subscribe(
      (values: Category[]) => {
        let temp: string[] = [];
        this.categorySuggestions = values;
        values.map(val => temp.push(val.categoryCode));
        this.categoryCodeSuggestions = temp
      },
      err => this.errorHandlingService.showHttpResponseError(err)
    );
  }
  categoryNameSelected(name: string) {
    this.selectedCategory = this.categorySuggestions.find(cat => cat.categoryName == name);
    this.verificationRuleForm.get('categoryCode').patchValue(this.selectedCategory.categoryCode);
    this.verificationRuleForm.updateValueAndValidity();
  }
  categoryCodeSelected(code: string) {
    this.selectedCategory = this.categorySuggestions.find(cat => cat.categoryCode == code);
    this.verificationRuleForm.get('categoryName').patchValue(this.selectedCategory.categoryName);
    this.verificationRuleForm.updateValueAndValidity();
  }
  // /*
  //  * Auto-suggest & Auto-complete IPower Client
  //  */
  // /*
  //  * Rights-check Warning:
  //  * If we are NOT in editMode (and are thus on "addMode"), we should only suggest clients for which we actually CAN add a new rule.
  //  * Note:
  //  * I know that if on editMode the client-input is disabled and thus this check is redundant,
  //  * but I think it is better to work with as an abstract perspective as possible, not entailing business logic that may either be unrelated or prone to changes.
  //  */
  // autosuggestIPowerClientName(event) {
  //   if (!event.query || event.query.length < 3) {
  //     this.iPowerClientNameSuggestions = [];
  //     return;
  //   }
  //   // If the user has the right to preview all rules (B01), we use the endpoint that returns all iPowerClients,
  //   // otherwise, the one that checks for the user's User_Access too. Whether the user can see ANY rule has already been handled by the 'search' button.
  //   let endpointToSubscribeTo: Observable<IPowerClient[]> = USER_RIGHTS.B01.isGrantedToUser(
  //     this.authService.userRights.find(rbc => rbc.client.id == environment.globalRightsClientID)?.rights
  //   )
  //     ? this.iPowerClientsService.getClientsByNameOnly(event.query)
  //     : this.iPowerClientsService.getClientsByNameDistinct(event.query);
  //   endpointToSubscribeTo.subscribe(
  //     (values: IPowerClient[]) => {
  //       // ***See comment at method level***
  //       if (!this.editMode) {
  //         values = values.filter(client => USER_RIGHTS.B03.isGrantedToUser(
  //           this.authService.userRights.find(rdc => rdc.client.id == client.id)?.rights
  //         ));
  //       }
  //       let temp: string[] = [];
  //       this.iPowerClientSuggestions = values;
  //       values.map(val => temp.push(val.name));
  //       this.iPowerClientNameSuggestions = temp
  //     },
  //     err => this.errorHandlingService.showHttpResponseError(err)
  //   );
  // }
  // /*
  //  * Rights-check Warning:
  //  * If we are NOT in editMode (and are thus on "addMode"), we should only suggest clients for which we actually CAN add a new rule.
  //  * Note:
  //  * I know that if on editMode the client-input is disabled and thus this check is redundant,
  //  * but I think it is better to work with as an abstract perspective as possible, not entailing business logic that may either be unrelated or prone to changes.
  //  */
  // autosuggestIPowerClientCode(event) {
  //   if (event.query.length < 3) {
  //     this.iPowerClientCodeSuggestions = [];
  //     return;
  //   }
  //   // If the user has the right to preview all rules (B01), we use the endpoint that returns all iPowerClients,
  //   // otherwise, the one that checks for the user's User_Access too. Whether the user can see ANY rule has already been handled by the 'search' button.
  //   let endpointToSubscribeTo: Observable<IPowerClient[]> = USER_RIGHTS.B01.isGrantedToUser(
  //     this.authService.userRights.find(rbc => rbc.client.id == environment.globalRightsClientID)?.rights
  //   )
  //     ? this.iPowerClientsService.getClientsByCodeOnly(event.query): null;
  //   endpointToSubscribeTo.subscribe(
  //     (values: IPowerClient[]) => {
  //       // ***See comment at method level***
  //       if (!this.editMode) {
  //         values = values;
  //       }
  //       let temp: string[] = [];
  //       this.iPowerClientSuggestions = values;
  //       values.map(val => temp.push(val.clientCode));
  //       this.iPowerClientCodeSuggestions = temp
  //     },
  //     err => this.errorHandlingService.showHttpResponseError(err)
  //   );
  // }
   /*
  * Auto-suggest & Auto-complete IPower Client
  */
 autosuggestIPowerClientName(event): void {
  if (!event.query || event.query.length < 3) {
    this.iPowerClientNameSuggestions = [];
    return;
  }
  this.iPowerClientsService.getClientsByNameOnly(event.query).subscribe(
    (values: IPowerClient[]) => {
      this.iPowerClientSuggestions = values;
      const temp: string[] = [];
      values.map(val => temp.push(val.name));
      this.iPowerClientNameSuggestions = temp;
    },
    err => this.errorHandlingService.showHttpResponseError(err)
  );
 }
  autosuggestIPowerClientCode(event): void {
    if (event.query.length < 3) {
      this.iPowerClientCodeSuggestions = [];
      return;
    }
    this.iPowerClientsService.getClientsByCodeOnly(event.query).subscribe(
      (values: IPowerClient[]) => {
        this.iPowerClientSuggestions = values;
        const temp: string[] = [];
        values.map(val => temp.push(val.clientCode));
        this.iPowerClientCodeSuggestions = temp;
      },
      err => this.errorHandlingService.showHttpResponseError(err)
    );
  }
  iPowerClientNameSelected(name: string) {
    this.selectedIPowerClient = this.iPowerClientSuggestions.find(client => client.name == name);
    this.verificationRuleForm.get('ipowerCode').patchValue(this.selectedIPowerClient.clientCode);
    this.verificationRuleForm.updateValueAndValidity();
  }
  iPowerClientCodeSelected(code: string) {
    this.selectedIPowerClient = this.iPowerClientSuggestions.find(client => client.clientCode == code);
    this.verificationRuleForm.get('ipowerName').patchValue(this.selectedIPowerClient.name);
    this.verificationRuleForm.updateValueAndValidity();
  }
  /*
   * Other Methods
   */
  documentClassificationSelected(selection) {
    this.availableDocumentSubclassifications = this.documentSubclassificationsList.filter(element => element.documentClassification.classificationId == selection.value.classificationId);
    this.verificationRuleForm.get('subCategoryCode').setValue(this.availableDocumentSubclassifications[0]);
    this.subCategoryCodeDisabled = false;
  }
  /*
   * Utility Methods
   */
  initiateEditMode() {
    // let controlsToDisableInEditMode = ['documentClassification', 'ipowerName', 'ipowerCode', 'categoryName', 'categoryCode', 'subCategoryCode']
    // controlsToDisableInEditMode.forEach(ctrl => this.verificationRuleForm.get(ctrl).disable());
  }
  // Auto-suggest inputs  - We have to ensure our reactive form holds values that represent the selectedCategory, otherwise truncate it.
  syncSelectedCategory() {
    // Ιf our form has no value, truncate the selectedCategory either way.
    if (!this.verificationRuleForm.get('categoryName').value && !this.verificationRuleForm.get('categoryCode').value) {
      this.selectedCategory = null;
      return;
    }
    // If both or either of our form's values match the selectedCategory's and the other one doesn't have a value, all is good.
    // Just sync the values in case one is missing. Otherwise truncate the selectedCategory.
    if (
      this.verificationRuleForm.get('categoryName').value == this.selectedCategory.categoryName
      || this.verificationRuleForm.get('categoryCode').value == this.selectedCategory.categoryCode
    ) {
      this.selectedCategory.categoryName = this.verificationRuleForm.get('categoryName').value;
      this.selectedCategory.categoryCode = this.verificationRuleForm.get('categoryCode').value;
    }
    // If both our values were different from the selectedCategory's, truncate it. This is an extremely abnormal scenario.
    else {
      console.error('WARNING - syncSelectedCategory()', 'Both of our form\'s values were different from the selectedCategory\'s.');
      this.selectedCategory = null;
      this.verificationRuleForm.get('categoryName').setValue('');
      this.verificationRuleForm.get('categoryCode').setValue('');
      this.verificationRuleForm.updateValueAndValidity();
    }
  }
  // Auto-suggest inputs  - We have to ensure our reactive form holds values that represent the selectedIPowerClient, otherwise truncate it.
  syncSelectedIPowerClient() {
    // Ιf our form has no value, truncate the selectedIPowerClient either way.
    if (!this.verificationRuleForm.get('ipowerName').value && !this.verificationRuleForm.get('ipowerCode').value) {
      this.selectedIPowerClient = null;
      return;
    }
    // If both or either of our form's values match the selectedIPowerClient's and the other one doesn't have a value, all is good.
    // Just sync the values in case one is missing. Otherwise truncate the selectedIPowerClient.
    if (
      this.verificationRuleForm.get('ipowerName').value == this.selectedIPowerClient.name
      || this.verificationRuleForm.get('ipowerCode').value == this.selectedIPowerClient.clientCode
    ) {
      this.selectedIPowerClient.name = this.verificationRuleForm.get('ipowerName').value;
      this.selectedIPowerClient.clientCode = this.verificationRuleForm.get('ipowerCode').value;
    }
    // If both our values were different from the selectedIPowerClient's, truncate it. This is an extremely abnormal scenario.
    else {
      console.error('WARNING - syncSelectedIPowerClient()', 'Both of our form\'s values were different from the selectedIPowerClient\'s.');
      this.selectedIPowerClient = null;
      this.verificationRuleForm.get('ipowerName').setValue('');
      this.verificationRuleForm.get('ipowerCode').setValue('');
      this.verificationRuleForm.updateValueAndValidity();
    }
  }
  /*
   * Rights-check Methods
   */
  canEditRuleStatus(): boolean {
    if (this.initiallySetFormValue) {
      return this.authService.userHasRightForClient(USER_RIGHTS.B06, environment.globalRightsClientID);
    }
    return false;
  }
  // canEditConfidenceLevel(): boolean {
  //   if (this.initiallySetFormValue) {
  //     return this.authService.userHasRightForClient(USER_RIGHTS.B07, this.initiallySetFormValue.client.id);
  //   }
  //   return false;
  // }
  /*
   * API methods
   */
  public resetForm(): void {
    this.verificationRuleForm.reset();
    this.selectedCategory = null;
    this.selectedIPowerClient = null;
    this.editMode = null;
  }
  public formValue(): CreateVerificationRuleFormValue {
    // We keep track of those two using object-variables separate from our ReactiveForm.
    // Thus, we now have to make sure the ReactiveForm really has values that match those objects, before we forward them.
    // Also, keep in mind that our auto-suggest inputs limit the user in choosing one of their values.
    this.syncSelectedCategory();
    this.syncSelectedIPowerClient();
    let formValue: CreateVerificationRuleFormValue = {
      id: this.initiallySetFormValue ? this.initiallySetFormValue.id : null,
      confidenceLevelMinThreshold: this.verificationRuleForm.get('confidenceLevelMinThreshold').value,
      clientId: this.selectedIPowerClient ? this.selectedIPowerClient.id : null,
      categoryId: this.selectedCategory ? this.selectedCategory.id : null,
      // The backend only requires the subcategory's name, and not the whole object. Don't ask me.
      subCategoryCode: this.verificationRuleForm.get('subCategoryCode').value ? this.verificationRuleForm.get('subCategoryCode').value['subclassificationName'] : '',
      capturingVerification: this.verificationRuleForm.get('capturingVerification').value,
      journalVerification: this.verificationRuleForm.get('journalVerification').value,
      alteryxRoutineId: this.verificationRuleForm.get('alteryxRoutineId').value,
      template: this.verificationRuleForm.get('template').value,
      // Convert 'verificationRuleStatus' from boolean to string.
      verificationRuleStatus: this.verificationRuleForm.get('verificationRuleStatus').value ? 'Enabled' : 'Disabled'
    };
    return formValue;
  }
  public setValue(value: VerificationRule): void {
    if (!value) {
      return;
    }
    this.editMode = true;
    this.initiateEditMode();
    this.initiallySetFormValue = value
    // If a documentClassification is already selected, enable the subclassification dropdown.
    this.subCategoryCodeDisabled = !value.docClassificationCategory;
    this.verificationRuleForm.get('documentClassification').setValue(value.docClassificationCategory);
    // Having set the documentClassification -and provided there was one- we must also set the availableDocumentSubclassifications.
    this.availableDocumentSubclassifications = this.documentSubclassificationsList.filter(element =>
      element.documentClassification.classificationId == value.docClassificationCategory.classificationId
    );
    this.verificationRuleForm.get('ipowerName').setValue(value.client.name);
    this.verificationRuleForm.get('ipowerCode').setValue(value.client.clientCode);
    this.selectedIPowerClient = value.client;
    this.verificationRuleForm.get('categoryName').setValue(value.template.category.categoryName);
    this.verificationRuleForm.get('categoryCode').setValue(value.template.category.categoryCode);
    this.selectedCategory = value.template.category;
    this.verificationRuleForm.get('confidenceLevelMinThreshold').setValue(value.confidenceLevelMinThreshold);
    this.verificationRuleForm.get('capturingVerification').setValue(value.capturingVerification);
    this.verificationRuleForm.get('journalVerification').setValue(value.journalVerification);
    this.verificationRuleForm.get('alteryxRoutineId').setValue(value.alteryxRoutineId);
    this.verificationRuleForm.get('template').setValue(value.template);
    // Convert 'verificationRuleStatus' from string to boolean.
    this.verificationRuleForm.get('verificationRuleStatus').setValue(value.verificationRuleStatus.trim().toLowerCase() == 'enabled');
    // To set the subcategory/subclassification we also have to make sure the documentClassification is the same.
    // WARNING: Since we have enabled the [forceSelection] option of the <p-autoComplete>,
    // if the availableDocumentSubclassifications are not set, documentSubclassification won't be displayed.
    this.verificationRuleForm.get('subCategoryCode').setValue(
      this.documentSubclassificationsList.find(subClass =>
        subClass.subclassificationName == value.template.subCategoryCode && subClass.documentClassification.classificationId == value.docClassificationCategory.classificationId
      )
    );
    this.verificationRuleForm.updateValueAndValidity();
  }
  public isValid(): boolean {
    return this.verificationRuleForm.valid;
  }
  public initForCreation() {
    this.editMode = false;
    this.verificationRuleForm.get('verificationRuleStatus').setValue(true); // The default value in creation mode.
    this.verificationRuleForm.get('template').setValidators(null);  // 'template' is not required during the creation.
  }
 }
--- a/app/features/administration/forms/verification-rule-search-form/verification-rule-search-form-value.interface.ts
+++ b/app/features/administration/forms/verification-rule-search-form/verification-rule-search-form-value.interface.ts
@ -1,6 +0,0 @@
 export interface VerificationRuleSearchFormValue {
  clientId: string;
  categoryId: number;
  docClassificationId: number;
  docSubcategory: string;
 }
--- a/app/features/administration/forms/verification-rule-search-form/verification-rule-search-form.component.html
+++ b/app/features/administration/forms/verification-rule-search-form/verification-rule-search-form.component.html
@ -1,93 +0,0 @@
 <div [formGroup]="verificationRuleForm">
  <div class="p-fluid p-grid">
    <div class="p-col-12 p-lg-8">
      <div class="p-grid p-formgrid">
        <div class="p-field p-col-12 p-lg-6">
          <label for="ipower-name">
            iPower Client Name
          </label>
          <p-autoComplete id="ipower-name"
                          formControlName="ipowerName"
                          [suggestions]="ipowerClientNameSuggestions"
                          (completeMethod)="autosuggestIPowerClientName($event)"
                          (onSelect)="ipowerClientNameSelected($event)"
                          [forceSelection]="true">
          </p-autoComplete>
        </div>
        <div class="p-field p-col-12 p-lg-6">
          <label for="ipower-code">
            iPower Client Code
          </label>
          <p-autoComplete id="ipower-code"
                          formControlName="ipowerCode"
                          [suggestions]="ipowerClientCodeSuggestions"
                          (completeMethod)="autosuggestIPowerClientCode($event)"
                          (onSelect)="ipowerClientCodeSelected($event)"
                          [forceSelection]="true">
          </p-autoComplete>
        </div>
        <div class="p-field p-col-12 p-lg-6">
          <label for="category-name">
            Category Name
          </label>
          <p-autoComplete id="category-name"
                          formControlName="categoryName"
                          [suggestions]="categoryNameSuggestions"
                          (completeMethod)="autosuggestCategoryName($event)"
                          (onSelect)="categoryNameSelected($event)"
                          [forceSelection]="true">
          </p-autoComplete>
        </div>
        <div class="p-field p-col-12 p-lg-6">
          <label for="category-code">
            Category Code
          </label>
          <p-autoComplete id="category-code"
                          formControlName="categoryCode"
                          [suggestions]="categoryCodeSuggestions"
                          (completeMethod)="autosuggestCategoryCode($event)"
                          (onSelect)="categoryCodeSelected($event)"
                          [forceSelection]="true">
          </p-autoComplete>
        </div>
      </div>
    </div>
    <div class="p-col-12 p-lg-4">
      <div class="p-grid p-formgrid">
        <div class="p-field p-col-12">
          <label for="document-classification">
            Document Classification
          </label>
          <p-dropdown inputId="document-classification"
                      [options]="documentClassificationsList"
                      optionLabel="classificationName"
                      placeholder="Select"
                      formControlName="documentClassification"
                      (onChange)="documentClassificationSelected($event.value)"
                      [showClear]="true">
          </p-dropdown>
        </div>
        <div class="p-field p-col-12">
          <label for="subCategoryCode">
            Document Subclassification
          </label>
          <p-dropdown inputId="subCategoryCode"
                      [options]="availableDocumentSubclassifications"
                      optionLabel="subclassificationName"
                      placeholder="Select"
                      formControlName="subCategoryCode"
                      (onChange)="documentSubclassificationSelected($event.value)"
                      [showClear]="true">
          </p-dropdown>
        </div>
      </div>
    </div>
  </div>
 </div>
--- a/app/features/administration/forms/verification-rule-search-form/verification-rule-search-form.component.scss
+++ b/app/features/administration/forms/verification-rule-search-form/verification-rule-search-form.component.scss
@ -1 +0,0 @@
@import 'src/styles';
--- a/app/features/administration/forms/verification-rule-search-form/verification-rule-search-form.component.spec.ts
+++ b/app/features/administration/forms/verification-rule-search-form/verification-rule-search-form.component.spec.ts
@ -1,25 +0,0 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { VerificationRuleSearchFormComponent } from './verification-rule-search-form.component';
 describe('VerificationRuleSearchFormComponent', () => {
  let component: VerificationRuleSearchFormComponent;
  let fixture: ComponentFixture<VerificationRuleSearchFormComponent>;
  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [ VerificationRuleSearchFormComponent ]
    })
    .compileComponents();
  });
  beforeEach(() => {
    fixture = TestBed.createComponent(VerificationRuleSearchFormComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });
  it('should create', () => {
    expect(component).toBeTruthy();
  });
 });
--- a/app/features/administration/forms/verification-rule-search-form/verification-rule-search-form.component.ts
+++ b/app/features/administration/forms/verification-rule-search-form/verification-rule-search-form.component.ts
@ -1,358 +0,0 @@
 import { VerificationRulesService } from './../../../../shared/services/administration/verification-rules.service';
 import { VerificationRule } from './../../../../shared/models/verification-rule.interface';
 import { Component, Input, OnInit } from '@angular/core';
 import { AbstractControl, FormBuilder } from '@angular/forms';
 import { Category } from 'src/app/shared/models/category.interface';
 import { DocumentClassification } from 'src/app/shared/models/document-classification.interface';
 import { DocumentSubclassification } from 'src/app/shared/models/document-subclassification.interface';
 import { IPowerClient } from 'src/app/shared/models/ipower-client.interface';
 import { CategoriesService } from 'src/app/shared/services/administration/categories.service';
 import { DocumentClassificationsService } from 'src/app/shared/services/administration/document-classifications.service';
 import { DocumentSubclassificationsService } from 'src/app/shared/services/administration/document-subclassifications.service';
 import { IpowerClientsService } from 'src/app/shared/services/administration/ipower-clients.service';
 import { VerificationRuleSearchFormValue } from './verification-rule-search-form-value.interface';
 import { ErrorHandlingService } from 'src/app/shared/services/error-handling/error-handling.service';
 import { USER_RIGHTS } from 'src/app/shared/enums/USER_RIGHTS.enum';
 import { AuthService } from 'src/app/shared/services/auth.service';
 import { Observable } from 'rxjs';
 import { environment } from 'src/environments/environment';
@Component({
  selector: 'app-verification-rule-search-form',
  templateUrl: './verification-rule-search-form.component.html',
  styleUrls: ['./verification-rule-search-form.component.scss']
 })
 export class VerificationRuleSearchFormComponent implements OnInit {
  @Input() disabled: boolean = false;
  documentClassificationsList: DocumentClassification[];
  documentSubclassificationsList: DocumentSubclassification[];
  availableDocumentSubclassifications: DocumentSubclassification[];
  previouslySelectedClassificationId: number;
  categoryNameSuggestions: string[];
  categoryCodeSuggestions: string[];
  categorySuggestions: Category[];
  selectedCategory: Category = null;
  ipowerClientNameSuggestions: string[];
  ipowerClientCodeSuggestions: string[];
  ipowerClientSuggestions: IPowerClient[];
  selectedIPowerClient: IPowerClient = null;
  displayValidationMessagesEvenIfPristine: boolean;
  verificationRuleForm = this.fb.group({
    ipowerName: [null],
    ipowerCode: [null],
    categoryName: [null],
    categoryCode: [null],
    documentClassification: [null],
    subCategoryCode: [null]   // This actually represents the complete DocumentSubclassification object.
  });
  constructor(
    private fb: FormBuilder,
    private documentClassificationsService: DocumentClassificationsService,
    private documentSubclassificationsService: DocumentSubclassificationsService,
    private verificationRulesService: VerificationRulesService,
    private categoriesService: CategoriesService,
    private ipowerClientsService: IpowerClientsService,
    private errorHandlingService: ErrorHandlingService,
    private authService: AuthService
  ) { }
  ngOnInit(): void {
    if (this.disabled) {
      Object.keys(this.verificationRuleForm.controls).forEach(ctrl => this.verificationRuleForm.get(ctrl).disable());
      return;   // Don't even bother initialising or requesting anything.
    }
    this.initData();
  }
  initData() {
    this.documentClassificationsService.getAll().subscribe(
      value => this.documentClassificationsList = value,
      err => this.errorHandlingService.showHttpResponseError(err)
    );
    // This is NOT the list of Subclassifications used for the dropdown.
    this.documentSubclassificationsService.getAll().subscribe(
      value => {
        this.documentSubclassificationsList = value;
        this.availableDocumentSubclassifications = value;
      },
      err => this.errorHandlingService.showHttpResponseError(err)
    );
  }
  clear() {
    this.verificationRuleForm.reset();
    this.selectedCategory = null;
    this.selectedIPowerClient = null;
  }
  documentClassificationSelected(selection: DocumentClassification) {
    // If a different Classification has been selected, reset the Subclassification's value.
    if (this.previouslySelectedClassificationId && selection.classificationId != this.previouslySelectedClassificationId) {
      this.verificationRuleForm.get('subCategoryCode').reset();
    }
    this.previouslySelectedClassificationId = this.verificationRuleForm.get('documentClassification').value.classificationId;
    this.availableDocumentSubclassifications = this.documentSubclassificationsList.filter(element => element.documentClassification.classificationId == selection.classificationId);
  }
  documentSubclassificationSelected(selection: DocumentSubclassification) {
    this.verificationRuleForm.get('documentClassification').setValue(selection.documentClassification);
  }
  /*
   * Auto-suggest/complete Categories
   */
  autosuggestCategoryName(event) {
    if (!event.query || event.query.length < 3) {
      this.categoryNameSuggestions = [];
      return;
    }
    let classId = this.verificationRuleForm.get('documentClassification').value ? this.verificationRuleForm.get('documentClassification').value.classificationId : null;
    this.categoriesService.autosuggestCategoryName(event.query, classId).subscribe(
      (values: Category[]) => {
        let temp: string[] = [];
        this.categorySuggestions = values;
        values.map(val => temp.push(val.categoryName));
        this.categoryNameSuggestions = temp
      },
      err => this.errorHandlingService.showHttpResponseError(err)
    );
  }
  autosuggestCategoryCode(event) {
    if (event.query.length < 3) {
      this.categoryCodeSuggestions = [];
      return;
    }
    let classId = this.verificationRuleForm.get('documentClassification').value ? this.verificationRuleForm.get('documentClassification').value.classificationId : null;
    this.categoriesService.autosuggestCategoryCode(event.query, classId).subscribe(
      (values: Category[]) => {
        let temp: string[] = [];
        this.categorySuggestions = values;
        values.map(val => temp.push(val.categoryCode));
        this.categoryCodeSuggestions = temp
      },
      err => this.errorHandlingService.showHttpResponseError(err)
    );
  }
  categoryNameSelected(name: string) {
    this.selectedCategory = this.categorySuggestions.find(cat => cat.categoryName == name);
    this.verificationRuleForm.get('categoryCode').patchValue(this.selectedCategory.categoryCode);
    this.verificationRuleForm.updateValueAndValidity();
  }
  categoryCodeSelected(code: string) {
    this.selectedCategory = this.categorySuggestions.find(cat => cat.categoryCode == code);
    this.verificationRuleForm.get('categoryName').patchValue(this.selectedCategory.categoryName);
    this.verificationRuleForm.updateValueAndValidity();
  }
  // /*
  // * Auto-suggest/complete iPower Clients
  // */
  // autosuggestIPowerClientName(event) {
  //   if (!event.query || event.query.length < 3) {
  //     this.ipowerClientNameSuggestions = [];
  //     return;
  //   }
  //   this.ipowerClientsService.getClientsByNameDistinct(event.query).subscribe(
  //     (values: IPowerClient[]) => {
  //       let temp: string[] = [];
  //       this.ipowerClientSuggestions = values;
  //       values.map(val => temp.push(val.name));
  //       this.ipowerClientNameSuggestions = temp
  //     },
  //     err => this.errorHandlingService.showHttpResponseError(err)
  //   );
  // }
  // autosuggestIPowerClientCode(event) {
  //   if (!event.query || event.query.length < 3) {
  //     this.ipowerClientCodeSuggestions = [];
  //     return;
  //   }
  //   this.ipowerClientsService.getClientsByCodeDistinct(event.query).subscribe(
  //     (values: IPowerClient[]) => {
  //       let temp: string[] = [];
  //       this.ipowerClientSuggestions = values;
  //       values.map(val => temp.push(val.clientCode));
  //       this.ipowerClientCodeSuggestions = temp
  //     },
  //     err => this.errorHandlingService.showHttpResponseError(err)
  //   );
  // }
  autosuggestIPowerClientCode(event) {
    if (event.query.length < 3) {
      this.ipowerClientCodeSuggestions = [];
      return;
    }
    // If the user has the right to Preview of Scheduling Procedure (A02), we use the endpoint that returns all iPowerClients,
    // otherwise, the one that checks for the user's User_Access too. Whether the user can see ANY rule has already been handled by the 'search' button.
    let endpointToSubscribeTo: Observable<IPowerClient[]> = this.authService.userHasRightForClient(USER_RIGHTS.B01, environment.globalRightsClientID)
      ? this.ipowerClientsService.getClientsByCodeOnly(event.query)
      : this.authService.userRights.find(rdc => USER_RIGHTS.B02.isGrantedToUser(rdc.rights)) != null ? this.ipowerClientsService.getClientsByCodeDistinct(event.query) : null;
    endpointToSubscribeTo.subscribe(
      (values: IPowerClient[]) => {
        let temp: string[] = [];
        this.ipowerClientSuggestions = values;
        values.map(val => temp.push(val.clientCode));
        this.ipowerClientCodeSuggestions = temp
      },
      err => this.errorHandlingService.showHttpResponseError(err)
    );
  }
  /*
  * Auto-suggest & Auto-complete IPower Client
  */
 autosuggestIPowerClientName(event): void {
  if (!event.query || event.query.length < 3) {
    this.ipowerClientNameSuggestions = [];
    return;
  }
  // If the user has the right to Preview of Scheduling Procedure (A02), we use the endpoint that returns all iPowerClients,
    // otherwise, the one that checks for the user's User_Access too. Whether the user can see ANY rule has already been handled by the 'search' button.
    let endpointToSubscribeTo: Observable<IPowerClient[]> = this.authService.userHasRightForClient(USER_RIGHTS.B01, environment.globalRightsClientID)
      ? this.ipowerClientsService.getClientsByNameOnly(event.query)
      : this.authService.userRights.find(rdc => USER_RIGHTS.B02.isGrantedToUser(rdc.rights)) != null ? this.ipowerClientsService.getClientsByNameDistinct(event.query) : null;
      endpointToSubscribeTo.subscribe(
        (values: IPowerClient[]) => {
      this.ipowerClientSuggestions = values;
      const temp: string[] = [];
      values.map(val => temp.push(val.name));
      this.ipowerClientNameSuggestions = temp;
    },
    err => this.errorHandlingService.showHttpResponseError(err)
  );
 }
  ipowerClientNameSelected(name: string) {
    this.selectedIPowerClient = this.ipowerClientSuggestions.find(client => client.name == name);
    this.verificationRuleForm.get('ipowerCode').patchValue(this.selectedIPowerClient.clientCode);
    this.verificationRuleForm.updateValueAndValidity();
  }
  ipowerClientCodeSelected(code: string) {
    this.selectedIPowerClient = this.ipowerClientSuggestions.find(client => client.clientCode == code);
    this.verificationRuleForm.get('ipowerName').patchValue(this.selectedIPowerClient.name);
    this.verificationRuleForm.updateValueAndValidity();
  }
  /*
   * Utility Methods
   */
  // Auto-suggest inputs  - We have to ensure our reactive form holds values that represent the selectedCategory, otherwise truncate it.
  syncSelectedCategory() {
    // Ιf our form has no value, truncate the selectedCategory either way.
    if (!this.verificationRuleForm.get('categoryName').value && !this.verificationRuleForm.get('categoryCode').value) {
      this.selectedCategory = null;
      return;
    }
    // If both or either of our form's values match the selectedCategory's and the other one doesn't have a value, all is good.
    // Just sync the values in case one is missing. Otherwise truncate the selectedCategory.
    if (
      this.verificationRuleForm.get('categoryName').value == this.selectedCategory.categoryName
      || this.verificationRuleForm.get('categoryCode').value == this.selectedCategory.categoryCode
    ) {
      this.selectedCategory.categoryName = this.verificationRuleForm.get('categoryName').value;
      this.selectedCategory.categoryCode = this.verificationRuleForm.get('categoryCode').value;
    }
    // If both our values were different from the selectedCategory's, truncate it. This is an extremely abnormal scenario.
    else {
      console.error('WARNING - syncSelectedCategory()', 'Both of our form\'s values were different from the selectedCategory\'s.');
      this.selectedCategory = null;
      this.verificationRuleForm.get('categoryName').setValue('');
      this.verificationRuleForm.get('categoryCode').setValue('');
      this.verificationRuleForm.updateValueAndValidity();
    }
  }
  // Auto-suggest inputs  - We have to ensure our reactive form holds values that represent the selectedIPowerClient, otherwise truncate it.
  syncSelectedIPowerClient() {
    // Ιf our form has no value, truncate the selectedIPowerClient either way.
    if (!this.verificationRuleForm.get('ipowerName').value && !this.verificationRuleForm.get('ipowerCode').value) {
      this.selectedIPowerClient = null;
      return;
    }
    // If both or either of our form's values match the selectedIPowerClient's and the other one doesn't have a value, all is good.
    // Just sync the values in case one is missing. Otherwise truncate the selectedIPowerClient.
    if (
      this.verificationRuleForm.get('ipowerName').value == this.selectedIPowerClient.name
      || this.verificationRuleForm.get('ipowerCode').value == this.selectedIPowerClient.clientCode
    ) {
      this.selectedIPowerClient.name = this.verificationRuleForm.get('ipowerName').value;
      this.selectedIPowerClient.clientCode = this.verificationRuleForm.get('ipowerCode').value;
    }
    // If both our values were different from the selectedIPowerClient's, truncate it. This is an extremely abnormal scenario.
    else {
      console.error('WARNING - syncSelectedIPowerClient()', 'Both of our form\'s values were different from the selectedIPowerClient\'s.');
      this.selectedIPowerClient = null;
      this.verificationRuleForm.get('ipowerName').setValue('');
      this.verificationRuleForm.get('ipowerCode').setValue('');
      this.verificationRuleForm.updateValueAndValidity();
    }
  }
  /*
   * API methods
   */
  public resetForm(): void {
    this.verificationRuleForm.reset();
  }
  // TODO: Set type
  public formValue(): VerificationRuleSearchFormValue {
    this.syncSelectedCategory();
    this.syncSelectedIPowerClient();
    let formValue: VerificationRuleSearchFormValue = {
      clientId: this.selectedIPowerClient ? this.selectedIPowerClient.id : '',
      categoryId: this.selectedCategory ? this.selectedCategory.id : null,
      docClassificationId: this.verificationRuleForm.get('documentClassification').value ? this.verificationRuleForm.get('documentClassification').value.classificationId : '',
      // The backend only requires the subcategory's name, and not the whole object. Don't ask me.
      docSubcategory: this.verificationRuleForm.get('subCategoryCode').value ? this.verificationRuleForm.get('subCategoryCode').value['subclassificationName'] : ''
    }
    return formValue;
  }
  public isValid(): boolean {
    return this.verificationRuleForm.valid;
  }
 }
--- a/app/features/administration/templates-management/create-template-dialog/create-template-dialog.component.html
+++ b/app/features/administration/templates-management/create-template-dialog/create-template-dialog.component.html
@ -1,30 +0,0 @@
 <p-dialog [header]= "header"
          [(visible)]="displayDialog"
          [closable]="false"
          [draggable]="false"
          [modal]="true"
          (onHide)="reset()"
          (onShow)="onShow()"
          appendTo="body">
  <div class="p-grid p-nogutter">
    <app-template-form [dialogLayout]="true"></app-template-form>
  </div>
  <div class="p-grid p-nogutter p-jc-center">
    <div class="p-formgroup-inline p-mt-3">
      <p-button (onClick)="cancel()"
                label="Cancel"
                styleClass="p-mr-2 p-button-warning">
      </p-button>
      <p-button *ngIf="!templateToEdit"
                (onClick)="addTemplate()"
                label="Add"
                styleClass="p-ml-2 p-mr-2 p-button-primary">
      </p-button>
      <p-button *ngIf="templateToEdit && templateToEdit.id"
                (onClick)="editTemplate()"
                label="Update"
                styleClass="p-ml-2 p-button-primary">
      </p-button>
    </div>
  </div>
 </p-dialog>
--- a/app/features/administration/templates-management/create-template-dialog/create-template-dialog.component.scss
+++ b/app/features/administration/templates-management/create-template-dialog/create-template-dialog.component.scss
@ -1 +0,0 @@
@import 'src/styles';
--- a/app/features/administration/templates-management/create-template-dialog/create-template-dialog.component.spec.ts
+++ b/app/features/administration/templates-management/create-template-dialog/create-template-dialog.component.spec.ts
@ -1,25 +0,0 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { CreateTemplateDialogComponent } from './create-template-dialog.component';
 describe('CreateTemplateDialogComponent', () => {
  let component: CreateTemplateDialogComponent;
  let fixture: ComponentFixture<CreateTemplateDialogComponent>;
  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [ CreateTemplateDialogComponent ]
    })
    .compileComponents();
  });
  beforeEach(() => {
    fixture = TestBed.createComponent(CreateTemplateDialogComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });
  it('should create', () => {
    expect(component).toBeTruthy();
  });
 });
--- a/app/features/administration/templates-management/create-template-dialog/create-template-dialog.component.ts
+++ b/app/features/administration/templates-management/create-template-dialog/create-template-dialog.component.ts
@ -1,92 +0,0 @@
 import { TemplateFormComponent } from './../../forms/template-form/template-form.component';
 import { CategoriesService } from 'src/app/shared/services/administration/categories.service';
 import { IpowerClientsService } from './../../../../shared/services/administration/ipower-clients.service';
 import { Component, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';
 import { FormBuilder, Validators } from '@angular/forms';
 import { Category } from 'src/app/shared/models/category.interface';
 import { DocumentClassification } from 'src/app/shared/models/document-classification.interface';
 import { DocumentSubclassification } from 'src/app/shared/models/document-subclassification.interface';
 import { IPowerClient } from 'src/app/shared/models/ipower-client.interface';
 import { Template } from 'src/app/shared/models/template.interface';
 import { DocumentClassificationsService } from 'src/app/shared/services/administration/document-classifications.service';
 import { DocumentSubclassificationsService } from 'src/app/shared/services/administration/document-subclassifications.service';
 import { TemplatesService } from 'src/app/shared/services/administration/templates.service';
 import { NotificationsHandlingService } from 'src/app/shared/services/notifications-handling/notifications-handling.service';
@Component({
  selector: 'app-create-template-dialog',
  templateUrl: './create-template-dialog.component.html',
  styleUrls: ['./create-template-dialog.component.scss']
 })
 export class CreateTemplateDialogComponent implements OnInit {
  @ViewChild(TemplateFormComponent) templateForm: TemplateFormComponent;
  @Input() displayDialog: boolean;
  @Input() header: string;
  @Input() templateToEdit: Template;
  @Output() cancelled = new EventEmitter<boolean>();
  @Output() valueChange = new EventEmitter<any>();
  displayValidationMessagesEvenIfPristine: boolean;
  constructor(private templatesService: TemplatesService, private notificationService: NotificationsHandlingService) { }
  ngOnInit(): void {
    this.reset();   // Make sure everything is cleanly initialised.
  }
  reset() {
    this.displayValidationMessagesEvenIfPristine = false;
    if (this.templateForm) {
      this.templateForm.resetForm();
    }
  }
  onShow() {
    // If a categoryToEdit was provided.
    if (this.templateToEdit) {
      this.templateForm.setValue(this.templateToEdit);
    }
  }
  cancel() {
    this.cancelled.emit(true);
  }
  addTemplate() {
    // If the form is not valid, make sure validator messages are displayed and then return without doing anything.
    if (!this.templateForm.isValid()) {
      this.displayValidationMessagesEvenIfPristine = true;
      return;
    }
    // TODO: What is returned from backend on create()??
    this.templatesService.createNewTemplate(this.templateForm.formValue()).subscribe(result => {
  this.valueChange.emit(result);
 	this.cancel();
 	this.notificationService.showCreateNewTemplateSuccess();
     },
      error => {
      });
  }
  editTemplate() {
    // If the form is not valid, make sure validator messages are displayed and then return without doing anything.
    if (!this.templateForm.isValid()) {
      this.displayValidationMessagesEvenIfPristine = true;
      return;
    }
    // TODO: What is returned from backend on create()??
    this.templatesService.updateTemplate(this.templateForm.formValue()).subscribe(result => {
  this.valueChange.emit(result);
 	this.cancel();
 	this.notificationService.showUpdateTemplateSuccess();
     },
      error => {
      });
  }
 }
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Konstantinos Spyrou	c9740cdf35	deleted unused method	2021-07-19 12:42:45 +00:00
Konstantinos Spyrou	a34bed1d62	removed openAIREUser cookie	2021-07-19 11:38:24 +00:00
Konstantinos Spyrou	026747dcaa	fixed role created from repository in production mode	2021-07-19 09:07:45 +00:00
Konstantinos Spyrou	6d492ae919	added functionality to hide repos/roles from beta to production and vice versa	2021-07-16 09:25:15 +00:00
Konstantinos Spyrou	940fd326ad	removed roles from user info cookie	2021-07-16 09:21:46 +00:00
Konstantinos Spyrou	27d6111874	added role statuses	2021-07-16 09:09:56 +00:00
Konstantinos Spyrou	cb9d651f89	replaced english name with official name in emails	2021-07-15 13:10:30 +00:00
Konstantinos Spyrou	443c936ce0	restored RepositorySnippet field names	2021-07-14 10:50:11 +00:00
Konstantinos Spyrou	d2c45c2db7	minor refactoring	2021-07-14 10:15:49 +00:00
Konstantinos Spyrou	b8c1e18d27	added method documentation	2021-07-13 15:30:54 +00:00
Konstantinos Spyrou	aaecacd58b	1. optimization in retrieval time of repositories/snippets of authenticated user 2. Marked with FIXME methods that need attention	2021-07-13 15:22:08 +00:00
Konstantinos Spyrou	90827f99d3	1. changed user roles defined in the project to authorities given by the aai. 2. created method returning user roles with desired status (active, deleted).	2021-07-13 13:56:27 +00:00
Konstantinos Spyrou	95929e6587	fixed method deleting repository admin by email	2021-07-12 14:07:37 +00:00
Konstantinos Spyrou	301e680136	changed repoId to id	2021-07-12 11:51:10 +00:00
Konstantinos Spyrou	e0c193f86b	1. refactoring and changes of rest api	2021-07-09 19:01:49 +00:00
Konstantinos Spyrou	fc4b182e0f	1. fixed authorization when requesting for repository interfaces	2021-07-07 08:25:51 +00:00
Konstantinos Spyrou	7b9e1ef4a7	1. update user authorities when adding/removing repositories 2. fixed some authorization expressions 3. refactoring	2021-07-06 13:31:27 +00:00
Konstantinos Spyrou	f05ccb0b43	1. fixed authorization in RepositoryController 2. created new methods and classes 3. made authorities mapping the same as with other openaire projects 4. refactoring	2021-07-02 12:10:06 +00:00
Konstantinos Spyrou	b58d9d38f0	1. fixed authorization in RepositoryController 2. created new methods and classes 3. made authorities mapping the same as with other openaire projects 4. refactoring	2021-07-02 11:52:20 +00:00
Antonis Koulalis	f9b12e56f5	New Add Repository Functionality	2021-03-30 09:38:41 +00:00
Antonis Koulalis	4f7cc920da		2021-03-30 09:37:40 +00:00