@unifylib/ui-lib 1.0.3 → 1.1.4

package/src/lib/components/activity-report-form/activity-report-form.component.ts

@@ -1,605 +0,0 @@
-import {
-  Component,
-  EventEmitter,
-  Injector,
-  Input,
-  OnInit,
-  Output
-} from '@angular/core';
-import {FieldInfo} from "../../base-model/field-info";
-import {EMPTY_PAGE_INFO, PageInfo} from "../../base-model/page-info";
-import {TableColumn} from "../../base-model/table-column.interface";
-import {FieldMessage} from "../../base-model/api-response";
-import {TranslateModule, TranslateService} from "@ngx-translate/core";
-import {BackendService} from "../../services/backend-service";
-import {ActivatedRoute, Router} from "@angular/router";
-import {FormBuilder, FormGroup} from "@angular/forms";
-import {formatDate, NgForOf, NgIf} from "@angular/common";
-import {FlexLayoutModule} from "@angular/flex-layout";
-import {MatMenu, MatMenuItem, MatMenuTrigger} from "@angular/material/menu";
-import {MatButton, MatButtonModule} from "@angular/material/button";
-import {BaseTableComponent} from "../base-table/base-table.component";
-import {MatIconModule} from "@angular/material/icon";
-import {FilterRequest} from "../../base-model/filter-request";
-import {ReportRequest} from "../../base-model/report-request.model";
-import {Filter} from "../../base-model/filter.model";
-import {TitleBarComponent} from "../title-bar/title-bar.component";
-import {BaseFormCanvasComponent} from "../base-form-canvas/base-form-canvas.component";
-import {DRILL_DOWN_ACTION, JUNIOR_DOWN_ACTION, SnackMessage, TablePageUserAction} from "../../base-model";
-import {} from "../audit-log-details-dialog/audit-log-details-dialog.component";
-import {MatDialog} from "@angular/material/dialog";
-import {ReportDetailsDialogComponent} from "../report-details-dialog/report-details-dialog.component";
-import { cloneDeep } from 'lodash';
-import {Directionality} from "@angular/cdk/bidi";
-import {MatTooltip} from "@angular/material/tooltip";
-
-
-const NON_REPORT_COLUMNS = ['listAction', 'button', 'checkbox'];
-
-@Component({
-  selector: 'app-report-form',
-  standalone: true,
-  imports: [
-    FlexLayoutModule,
-    TitleBarComponent,
-    BaseFormCanvasComponent,
-    MatMenu,
-    MatMenuItem,
-    NgForOf,
-    MatMenuTrigger,
-    MatButtonModule,
-    TranslateModule,
-    BaseTableComponent,
-    NgIf,
-    MatIconModule,
-    MatButton,
-    MatTooltip
-  ],
-  templateUrl: './activity-report-form.component.html',
-  styleUrl: './activity-report-form.component.scss'
-})
-export class ActivityReportFormComponent implements OnInit{
-  @Input()
-  showDetails : any = [];
-
-  @Input()
-  showExtractButton: boolean = true;
-
-  @Input()
-  columns: TableColumn<any>[] =[];
-  private originalColumns: any[] = [];
-
-
-  @Input() actionRequestCallback!: (actionRequest: TablePageUserAction) => TablePageUserAction;
-  @Input() enrichDrillDownReportRequest!: (actionRequest: TablePageUserAction, reportRequest: ReportRequest) => TablePageUserAction;
-  @Input() enrichHyperLinkReportRequest!: (actionRequest: TablePageUserAction, reportRequest: ReportRequest) => TablePageUserAction;
-  @Input() enrichJuniorReportRequest!: (actionRequest: TablePageUserAction, reportRequest: ReportRequest) => TablePageUserAction;
-
-  @Output()
-  userAction: EventEmitter<TablePageUserAction> = new EventEmitter<TablePageUserAction>();
-  activeLevel: number = 1;
-  items = [4, 5,6,7];
-  private filterRequest: FilterRequest;
-  x: any;
-  isEditable: boolean = true;
-  fields: FieldInfo[] = [];
-  pageInfo: PageInfo = EMPTY_PAGE_INFO;
-  drillDownPageInfo: PageInfo = EMPTY_PAGE_INFO;
-  drillDownColumns: TableColumn<any>[] = [];
-  hideDrillDownButton: false;
-
-  juniorPageInfo: PageInfo = EMPTY_PAGE_INFO;
-  juniorColumns: TableColumn<any>[] = [];
-
-  columnsDefinition: TableColumn<any>[] = [];
-  types: string[] = ["pdf", "csv", "xlsx"]
-  searchStr: string = '';
-
-  errors: FieldMessage[] = [];
-
-  reloadData: boolean = false;
-  drillDownRequestStack: any[] = [];
-  reportRequest: ReportRequest = new ReportRequest({});
-  childReportRequest: ReportRequest = new ReportRequest({});
-  juniorReportRequest: ReportRequest = new ReportRequest({});
-  public reportForm: FormGroup;
-  readyToSearch = false;
-  private pageSize: any;
-  private dialogReportRequest: any;
-  currentDirection: 'ltr' | 'rtl';
-  protected isComparisonReport: boolean = false;
-  constructor(private translateService: TranslateService,
-              public backendService: BackendService,
-              private activatedRoute: ActivatedRoute,
-              private injector: Injector,
-              private router: Router,
-              private route: ActivatedRoute,
-              public dialog: MatDialog,
-              private directionality: Directionality,
-              private fb: FormBuilder) {
-  }
-
-  ngOnInit(): void {
-
-    this.currentDirection = this.directionality.value;
-    this.directionality.change.subscribe((value) => {
-      this.currentDirection = value;
-    })
-
-    this.activatedRoute.data.subscribe(data => {
-      this.pageInfo = data['pageInfo'];
-      this.pageSize = this.pageInfo.pageSize ?? 10;
-      this.filterRequest= new FilterRequest(this.pageSize);
-      data['pageInfo'].lazyLoadData = true;
-      this.drillDownPageInfo = data['drillDownPageInfo'];
-      this.drillDownColumns = data['drillDownColumns'];
-      this.originalColumns = [...this.drillDownColumns];
-      this.hideDrillDownButton = data['hideDrillDownButton'] ?? false;
-      this.juniorPageInfo = data['juniorPageInfo'];
-      this.juniorColumns = data['juniorColumns'];
-      this.columnsDefinition = data['columnsDefinition'].filter(c => (this.drillDownPageInfo && this.drillDownColumns || (!NON_REPORT_COLUMNS.includes(c.type))));
-      this.fields = data['fields'];
-      if (data['enrichDrillDownReportRequest']) {
-        this.enrichDrillDownReportRequest = data['enrichDrillDownReportRequest'](this.injector);
-      }
-      if (data['enrichJuniorReportRequest']) {
-        this.enrichJuniorReportRequest = data['enrichJuniorReportRequest'](this.injector);
-      }
-
-      if (data['enrichHyperLinkReportRequest']) {
-        this.enrichHyperLinkReportRequest = data['enrichHyperLinkReportRequest'](this.injector);
-      }
-    });
-
-    this.route.queryParamMap.subscribe(params => {
-      this.isComparisonReport = params.get('comparisonReport') === 'true';
-      if (!this.isComparisonReport) return;
-
-      const comparisonStr = sessionStorage.getItem('comparisonReportPageInfo');
-      if (!comparisonStr) return;
-
-      const comparisonData = JSON.parse(comparisonStr);
-      this.initializeComparisonReport(comparisonData);
-    });
-  }
-
-  private initializeComparisonReport(data: any): void {
-    this.pageInfo.lazyLoadData = data.lazyLoadData ?? false;
-    this.activeLevel = data.activeLevel ?? 2;
-    this.isEditable = false;
-    this.drillDownPageInfo = data.drillDownPageInfo;
-    this.drillDownColumns = data.drillDownColumns;
-
-    const reportRequest = data.reportRequest;
-
-    this.reportRequest = this.backendService.buildReportRequest(
-      this.drillDownColumns,
-      `${this.drillDownPageInfo.labelsSection}.${this.drillDownPageInfo.id}`,
-      reportRequest,
-      '',
-      this.drillDownPageInfo,
-      'LANDSCAPE'
-    );
-
-    this.setupForm(data.form);
-    this.removeCheckboxFields();
-    this.setupFilters(data.reportRequest, data.item);
-    this.setupJuniorReportRequest();
-  }
-
-  private setupForm(formData: any): void {
-    this.reportForm = this.fb.group({
-      directorate: [[]],
-      fromDate: [''],
-      toDate: [''],
-      sector: {},
-    });
-
-    if (formData) {
-      this.reportForm.patchValue(formData);
-    }
-  }
-
-  private removeCheckboxFields(): void {
-    this.fields = this.fields.filter(field => field.type !== 'checkbox');
-  }
-
-  private setupFilters(reportRequest: any, item: any): void {
-    this.filterRequest.filters = [];
-
-    this.addOrUpdateFilter(reportRequest, {
-      key: 'iSecLevel',
-      fieldName: 'iSecLevel',
-      value: this.activeLevel
-    });
-
-    this.addOrUpdateFilter(reportRequest, {
-      id: 'iSecValue',
-      key: 'iSecValue',
-      fieldName: 'iSecValue',
-      value: item?.isec_value
-    });
-
-    this.addOrUpdateFilter(reportRequest, {
-      id: 'period',
-      key: 'period',
-      fieldName: 'period',
-      value: item?.period
-    });
-
-    this.addOrUpdateFilter(reportRequest, {
-      id: 'year',
-      key: 'year',
-      fieldName: 'year',
-      value: item?.year
-    });
-
-    this.reportRequest.filterRequest = reportRequest;
-  }
-
-  private setupJuniorReportRequest(): void {
-    this.juniorReportRequest = this.backendService.buildReportRequest(
-      this.juniorColumns,
-      `${this.juniorPageInfo.labelsSection}.${this.juniorPageInfo.id}`,
-      this.reportRequest.filterRequest,
-      '',
-      this.juniorPageInfo,
-      'LANDSCAPE'
-    );
-
-    this.juniorReportRequest.filterRequest.pageSize = 500;
-  }
-
-  isMatchHeight() {
-    return this.pageInfo.pageHeight === 'match';
-  }
-
-
-  doAction(type: string) {
-    if (this.backendService.parentForm.valid) {
-      this.reloadData = !this.reloadData;
-      const filterRequest: FilterRequest = new FilterRequest(this.pageSize);
-      filterRequest.filters = [];
-      this.addOrUpdateFilter(filterRequest, {
-        key: 'iSecLevel',
-        fieldName: 'iSecLevel',
-        value: this.activeLevel
-      });
-      let paramsString: string[] = [];
-      this.fields.filter(x => x.type !== 'spacer').forEach(f => {
-        if (this.getParamValue(f) != null && this.getParamValue(f).toString().trim() !== '')
-        {
-          if (f.type === 'multi-select' || f.type === 'lookup') {
-            // do not filter if this field as cascading for another one and the other one got selected values
-            const childFieldIdx = this.fields.findIndex(field => field.cascadedBy === f.property);
-            if (childFieldIdx > -1 && this.backendService.parentForm.get(this.fields[childFieldIdx].property)?.value?.length > 0) {
-              return;
-            }
-            const idz: number[] = [];
-            const param: string[] = [];
-            if (this.backendService.parentForm.get(f.property)?.value && Array.isArray(this.backendService.parentForm.get(f.property)?.value)
-              && this.backendService.parentForm.get(f.property)?.value.length > 0) {
-              this.backendService.parentForm.get(f.property)?.value.forEach((a: {
-                channelId: number;
-                englishName: string;
-                id: number;
-              }) => {
-                if (f.flattenBySubAttribute) {
-                  idz.push(a[f.flattenBySubAttribute]);
-                  param.push(a[f.flattenBySubAttribute]);
-                } else if (this.fields.find(s => s.property === 'terminalId')) {
-                  idz.push(a.channelId);
-                  param.push(a.englishName);
-                } else {
-                  idz.push(a.id);
-                  param.push(a.englishName);
-                }
-              })
-              filterRequest.filters?.push(new Filter({
-                id: f.property, fieldName: f.property, label: this.translateService.instant(f.label),
-                filterType: 'FILED_FILTER', operator: f.filterOperator,
-                valueObject: idz
-              }));
-              paramsString.push(this.translateService.instant(f.label) + ' : ' + param.join(','));
-            } else if (this.backendService.parentForm.get(f.property)?.value && f.flattenBySubAttribute) {
-              filterRequest.filters?.push(new Filter({
-                id: f.property, fieldName: f.property, label: this.translateService.instant(f.label),
-                filterType: 'FILED_FILTER', operator: f.filterOperator,
-                valueObject: this.getParamValue(f)[f.flattenBySubAttribute]
-              }));
-            }
-          } else {
-            if (this.backendService.parentForm.get(f.property)?.value !== null &&
-              this.backendService.parentForm.get(f.property)?.value !== undefined &&
-              this.backendService.parentForm.get(f.property)?.value !== "") {
-              filterRequest.filters?.push(new Filter({
-                id: f.property, fieldName: f.property, label: this.translateService.instant(f.label),
-                filterType: 'FILED_FILTER', operator: f.filterOperator,
-                valueObject: this.getParamValue(f)
-              }));
-            }
-            paramsString.push(this.translateService.instant(f.label) + ' : ' + this.getParamValueLabel(f));
-          }
-        }})
-      const reportRequest = this.backendService.buildReportRequest(this.columnsDefinition, this.pageInfo.labelsSection + '.' + this.pageInfo.id,
-        filterRequest, type, this.pageInfo, 'LANDSCAPE');
-      reportRequest.searchStr = paramsString.join(' , ');
-      this.reportRequest = reportRequest;
-      // this.activeLevel = 1;
-    } else {
-      this.backendService.topPanelMessage$.next(new SnackMessage('INVALID_REPORT_FORM', true, 'error'));
-    }
-  }
-
-  private getParamValue(f: FieldInfo) {
-    if (f.type === 'date' && this.backendService.parentForm.get(f.property)?.value) {
-      return formatDate(this.backendService.parentForm.get(f.property)?.value, 'yyyy-MM-dd', 'en_US')
-    }else if (f.type === 'checkbox') {
-      return !!this.backendService.parentForm.get(f.property)?.value;
-    }else {
-      return this.backendService.parentForm.get(f.property)?.value;
-    }
-  }
-
-  private getParamValueLabel(f: FieldInfo) {
-    if (f.type === 'checkbox') {
-      return this.backendService.parentForm.get(f.property)?.value ? this.translateService.instant('yes') : this.translateService.instant('no');
-    }else {
-      return this.backendService.parentForm.get(f.property)?.value;
-    }
-  }
-
-  getTitle() {
-    const pageInfoMap = {
-      1: this.pageInfo,
-      2: this.drillDownPageInfo,
-      3: this.juniorPageInfo
-    };
-
-    const currentInfo = pageInfoMap[this.activeLevel] || this.pageInfo;
-    return `${currentInfo.labelsSection}.${currentInfo.id}`;
-  }
-
-  updateForm($event: FormGroup) {
-    this.reportForm = $event;
-    this.backendService.parentForm = $event;
-    this.backendService.parentForm.valueChanges.subscribe(x => {
-        this.readyToSearch = this.backendService.parentForm.valid;
-      }
-
-    );
-  }
-
-  isValidForm() {
-    return this.readyToSearch ;
-
-  }
-
-
-
-  emitUserAction($event: TablePageUserAction) {
-    $event.pageInfo = this.pageInfo;
-    this.doADrillDownAction($event);
-  }
-
-  emitHyperLinkAction($event: TablePageUserAction) {
-    if (this.shouldProcessEventItem($event.item)) {
-      this.dialogReportRequest = cloneDeep(this.reportRequest);
-      const reportRequest1 = this.backendService.buildReportRequest(
-        this.juniorColumns,
-        this.juniorPageInfo.labelsSection + '.' + this.juniorPageInfo.id,
-        { ...this.dialogReportRequest.filterRequest },
-        '',
-        this.juniorPageInfo,
-        'LANDSCAPE'
-      );
-      reportRequest1.filterRequest.pageIndex = 0
-      const dialogRef = this.dialog.open(ReportDetailsDialogComponent, {
-        data: {
-          pageInfo: this.juniorPageInfo,
-          request: reportRequest1,
-          columns: this.juniorColumns,
-          item :$event.item
-        },
-        height: '50vw',
-        maxWidth: '120vw',
-        direction: this.currentDirection,
-        disableClose: false,
-      });
-
-      dialogRef.afterOpened().subscribe(() => {
-        this.doHyperLinkAction($event);
-      });
-
-      dialogRef.afterClosed().subscribe(() => {
-      });
-    }
-  }
-
-
-
-  emitJuniorAction($event: TablePageUserAction) {
-    console.log('$event call junior', $event);
-    const juniorAction = JUNIOR_DOWN_ACTION;
-    juniorAction.pageInfo = this.drillDownPageInfo;
-    this.doJuniorAction($event);
-  }
-
-  drillDown() {
-    const drilldownaction = DRILL_DOWN_ACTION;
-    drilldownaction.pageInfo = this.drillDownPageInfo;
-    this.doADrillDownAction(drilldownaction);
-  }
-
-  private doJuniorAction($event: TablePageUserAction) {
-    this.juniorColumns = this.originalColumns
-    if (this.juniorColumns && this.juniorPageInfo) {
-      if (this.enrichJuniorReportRequest) {
-
-        this.isEditable = false;
-        this.juniorReportRequest = this.backendService.buildReportRequest(this.juniorColumns,
-          this.juniorPageInfo.labelsSection + '.' + this.juniorPageInfo.id,
-          this.reportRequest.filterRequest, '', this.juniorPageInfo, 'LANDSCAPE');
-        this.enrichJuniorReportRequest($event, this.juniorReportRequest);
-      }
-      this.activeLevel = this.activeLevel +1;
-      this.addOrUpdateFilter(this.reportRequest.filterRequest, {
-        key: 'iSecLevel',
-        fieldName: 'iSecLevel',
-        value: this.activeLevel
-      });
-    }
-  }
-  private doADrillDownAction($event: TablePageUserAction) {
-
-    if (this.drillDownColumns && this.drillDownPageInfo) {
-      this.drillDownRequestStack.push(cloneDeep(this.reportRequest));
-      if (this.enrichDrillDownReportRequest) {
-        this.isEditable = false;
-        this.childReportRequest = this.backendService.buildReportRequest(this.drillDownColumns,
-          this.drillDownPageInfo.labelsSection + '.' + this.drillDownPageInfo.id,
-          this.reportRequest.filterRequest, '', this.drillDownPageInfo, 'LANDSCAPE');
-        this.enrichDrillDownReportRequest($event, this.childReportRequest);
-
-      }
-      this.childReportRequest.filterRequest.pageSize = 500
-      this.activeLevel = this.activeLevel +1;
-      this.addOrUpdateFilter(this.reportRequest.filterRequest, {
-        key: 'iSecLevel',
-        fieldName: 'iSecLevel',
-        value: this.activeLevel
-      });
-      if (this.isComparisonReport){
-        this.addOrUpdateFilter(this.reportRequest.filterRequest, {
-          id: 'iSecValue',
-          key: 'iSecValue',
-          fieldName: 'iSecValue',
-          value: $event.item.isec_value
-        });
-
-      }
-      if (this.activeLevel === 4) {
-        this.drillDownColumns = this.drillDownColumns.filter(item => item.type !== 'button');
-      }
-      this.reloadData = true
-    }
-  }
-
-  private addOrUpdateFilter(
-    filterRequest: FilterRequest,
-    options: {
-      id?: string;
-      key: string;
-      fieldName: string;
-      value: any;
-    }
-  ): void {
-    const { id, key, fieldName, value } = options;
-
-    const existingFilterIndex = filterRequest.filters.findIndex((filter: Filter) =>
-      id ? filter.id === id : filter.key === key
-    );
-
-    const newFilter = new Filter({
-      ...(id && { id }),
-      key,
-      fieldName,
-      label: '',
-      filterType: 'FILED_FILTER',
-      operator: 'EQUALS',
-      valueObject: value
-    });
-
-    if (existingFilterIndex !== -1) {
-      filterRequest.filters[existingFilterIndex] = newFilter;
-    } else {
-      filterRequest.filters.push(newFilter);
-    }
-  }
-
-  private doHyperLinkAction($event: TablePageUserAction) {
-    if (this.enrichHyperLinkReportRequest) {
-      this.juniorReportRequest = this.backendService.buildReportRequest(this.juniorColumns,
-        this.juniorPageInfo.labelsSection + '.' + this.juniorPageInfo.id,
-        this.dialogReportRequest.filterRequest, '', this.juniorPageInfo, 'LANDSCAPE');
-      this.enrichHyperLinkReportRequest($event, this.juniorReportRequest);
-    }
-  }
-
-  extractReport(reportType: any) {
-    this.reportRequest.reportType = reportType;
-    this.backendService.downloadReport(this.reportRequest, this.drillDownPageInfo.apiUri );
-
-  }
-
-  goUp() {
-    Object.keys(this.reportForm.controls).forEach(controlName => {
-      const control = this.reportForm.get(controlName);
-      control?.clearValidators();
-      control?.updateValueAndValidity();
-    });
-    this.isEditable = true;
-    this.activeLevel = this.activeLevel - 1;
-    if (this.activeLevel > 1 ) {
-      this.isEditable = false;
-    }
-    this.doAction(this.x);
-    this.reportRequest = this.drillDownRequestStack.pop();
-    this.addOrUpdateFilter(this.reportRequest.filterRequest, {
-      key: 'iSecLevel',
-      fieldName: 'iSecLevel',
-      value: this.activeLevel
-    });
-    this.reloadData = true;
-    if (this.activeLevel !== 4) {
-      this.drillDownColumns = [...this.originalColumns];
-    }
-  }
-
-
-  drillDownEnabled() {
-    return this.drillDownPageInfo && !this.hideDrillDownButton && !this.getIsEmptyList();
-  }
-
-  drillDownLabel() {
-    return `${this.pageInfo.labelsSection}.drillDownLabel` ;
-  }
-  getIsEmptyList() {
-    return this.backendService.isEmptyItems;
-  }
-  clear() {
-    const currentUrl = this.router.url;
-    this.router.navigateByUrl('/', { skipLocationChange: true }).then(() => {
-      this.router.navigate([currentUrl]);
-    });
-  }
-
-
-  isFormEmpty(): boolean {
-    if (!this.reportForm || !this.reportForm.value) {
-      return true;
-    }
-
-    return Object.values(this.reportForm.value).every(value => {
-      if (value === null || value === undefined || value === '') {
-        return true;
-      }
-      return Array.isArray(value) && value.length === 0;
-
-    });
-  }
-
-  shouldProcessEventItem(item: any): boolean {
-    const groupByProp = this.pageInfo?.groupByProperty;
-    const groupByValues = this.pageInfo?.groupByValue;
-
-    if (!groupByProp || !groupByValues || !item[groupByProp]) {
-      return true;
-    }
-
-    const value = item[groupByProp].toString();
-
-    return !groupByValues.some(v => value.includes(v) && value.length >= v.length);
-  }
-
-}

package/src/lib/components/audit-log-details-dialog/audit-log-details-dialog.component.css

@@ -1,51 +0,0 @@
-.m-0{
-  margin: 0 !important;
-}
-.w-100{
-  width: 100%;
-}
-.form-style{
-  min-height: 12vh !important;
-  height: auto !important;
-}
-.text-red{
-  color: red !important;
-}
-.modal-footer{
-  margin-top: 5vh;
-}
-.overflow-hidden{
-  overflow: hidden;
-}
-.pad-top{
-  margin-top: -7px;
-  display: block;
-}
-.action-comment {
-  /*direction: rtl;*/
-  display: flex;
-  justify-content: space-between;
-}
-.material-icons {
-  color: #E22222;
-}
-textarea#warn::placeholder {
-  color: red;
-}
-.invoice-label {
-  color: var(--primary-color);
-  margin: 0px;
-  font-weight: bold;
-  padding-bottom: 10px !important;
-  padding-top: 6px !important;
-  border-bottom: none !important;
-
-}
-
-.invoice-label-text {
-  color: var(--accent-color);
-  font-weight: normal;
-  word-wrap: break-word;
-  white-space: pre-wrap;
-  width: 100%;
-}

package/src/lib/components/audit-log-details-dialog/audit-log-details-dialog.component.html

@@ -1,23 +0,0 @@
-<mat-dialog-content class="mat-typography overflow-hidden">
-  <div style="'padding': '10px 30px 10px 0'">
-    <h2 mat-dialog-title>{{ getTitle()| translate }}</h2>
-    <app-base-form-canvas
-      [pageInfo]="pageInfo"
-      [fields]="fields"
-      [editable]="false"
-      [item]="item"
-    ></app-base-form-canvas>
-
-    <p>
-      <span class="invoice-label">{{ 'audit-log.reason_dialog' | translate }} :</span>
-      <span class="invoice-label-text">{{ comment }}</span>
-    </p>
-    <mat-divider style="width: 97%"></mat-divider>
-    <br>
-    <button mat-stroked-button color='accent' style="margin: 5px"
-            (click)="cancel()" id="acceptActionLabel">
-      {{ 'audit-log.close' | translate }}
-    </button>
-    <br>
-  </div>
-</mat-dialog-content>

package/src/lib/components/audit-log-details-dialog/audit-log-details-dialog.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { AuditLogDetailsDialogComponent } from './audit-log-details-dialog.component';
-
-describe('ActionCommentComponent', () => {
-  let component: AuditLogDetailsDialogComponent;
-  let fixture: ComponentFixture<AuditLogDetailsDialogComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [AuditLogDetailsDialogComponent]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(AuditLogDetailsDialogComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});