@hmcts/media-viewer 4.2.4-exui-3994-f → 4.2.4-exui-3994-g

package/projects/media-viewer/src/lib/annotations/comment-set/comment/comment.component.spec.ts

@@ -1,315 +0,0 @@
-import { RpxTranslationModule } from 'rpx-xui-translation';
-import { ComponentFixture, fakeAsync, inject, TestBed, tick } from '@angular/core/testing';
-import { CUSTOM_ELEMENTS_SCHEMA, provideNgReflectAttributes } from '@angular/core';
-import { CommentComponent } from './comment.component';
-import { FormsModule } from '@angular/forms';
-import { CommentService } from './comment.service';
-import { TextHighlightDirective } from './text-highlight/text-highlight.directive';
-import { TagsServices } from '../../services/tags/tags.services';
-import { HttpClientTestingModule } from '@angular/common/http/testing';
-import { MomentDatePipe } from '../../pipes/date/date.pipe';
-import { StoreModule } from '@ngrx/store';
-import { reducers } from '../../../store/reducers/reducers';
-
-describe('CommentComponent', () => {
-  let component: CommentComponent;
-  let fixture: ComponentFixture<CommentComponent>;
-  let nativeElement;
-  const mockComment = {
-    id: '16d5c513-15f9-4c39-8102-88bdb85d8831',
-    annotationId: '4f3f9361-6d17-4689-81dd-5cb2e317b329',
-    createdDate: '2018-05-28T08:48:33.206Z',
-    createdBy: 'ea6d959c-b6c9-48af-89c2-6f7bd796524d',
-    createdByDetails: {
-      'forename': 'Linus',
-      'surname': 'Norton',
-      'email': 'linus.norton@hmcts.net'
-    },
-    lastModifiedDate: '2019-05-28T08:48:33.206Z',
-    lastModifiedBy: 'ea6d959c-b6c9-48af-89c2-6f7bd796524d',
-    lastModifiedByDetails: {
-      'forename': 'Jeroen',
-      'surname': 'Rijks',
-      'email': 'jeroen.rijks@hmcts.net'
-    },
-    content: 'This is a comment.',
-    tags: [],
-    selected: true,
-    editable: true,
-    page: 1,
-    pageHeight: 1122,
-    pages: { 1: { styles: { height: 200 } } }
-  };
-
-  const mockRectangle = {
-    x: 10, y: 20, width: 100, height: 50,
-    id: '16d5c513-15f9-4c39-8102-88bdb85d8831',
-    annotationId: '4f3f9361-6d17-4689-81dd-5cb2e317b329',
-    createdDate: '2018-05-28T08:48:33.206Z',
-    createdBy: 'ea6d959c-b6c9-48af-89c2-6f7bd796524d',
-    createdByDetails: {
-      'forename': 'Linus',
-      'surname': 'Norton',
-      'email': 'linus.norton@hmcts.net'
-    },
-    lastModifiedDate: '2019-05-28T08:48:33.206Z',
-    lastModifiedBy: 'ea6d959c-b6c9-48af-89c2-6f7bd796524d',
-    lastModifiedByDetails: {
-      'forename': 'Jeroen',
-      'surname': 'Rijks',
-      'email': 'jeroen.rijks@hmcts.net'
-    },
-  };
-
-  const mockAnnotation = {
-    annotationSetId: 'annotationSetId',
-    annotationId: '4f3f9361-6d17-4689-81dd-5cb2e317b329',
-    page: 1,
-    color: 'yellow',
-    comments: [mockComment],
-    rectangles: [mockRectangle],
-    type: 'annotation',
-    tags: []
-  };
-
-  const waitForChanges = () => {
-    tick(10);
-    fixture.detectChanges();
-  };
-
-  beforeEach(() => {
-    return TestBed.configureTestingModule({
-      declarations: [
-        CommentComponent, TextHighlightDirective, MomentDatePipe
-      ],
-      imports: [
-        FormsModule,
-        HttpClientTestingModule,
-        StoreModule.forRoot({}),
-        StoreModule.forFeature('media-viewer', reducers),
-        RpxTranslationModule.forRoot({
-          baseUrl: '',
-          debounceTimeMs: 300,
-          validity: {
-            days: 1
-          },
-          testMode: true
-        })
-      ],
-      providers: [
-        CommentService,
-        CommentService,
-        TagsServices,
-        provideNgReflectAttributes()
-      ],
-      schemas: [
-        CUSTOM_ELEMENTS_SCHEMA
-      ]
-    })
-      .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(CommentComponent);
-    component = fixture.componentInstance;
-    component.comment = { ...mockComment };
-    component.annotation = { ...mockAnnotation } as any;
-    nativeElement = fixture.debugElement.nativeElement;
-    nativeElement.style.position = 'absolute';
-    nativeElement.style.width = '100px';
-    nativeElement.style.height = '100px';
-    fixture.detectChanges();
-  });
-
-  it('should be created', () => {
-    expect(component).toBeTruthy();
-  });
-
-
-  it('should set comment if date modified exists', () => {
-    component.comment = { ...mockComment };
-
-    expect(component.lastUpdate).toEqual(mockComment.lastModifiedDate);
-    expect(component.author).toEqual(mockComment.createdByDetails);
-    expect(component.editor).toEqual(mockComment.lastModifiedByDetails);
-    expect(component.fullComment).toEqual(mockComment.content);
-  });
-
-  it('should get comment', () => {
-    component.comment = { ...mockComment };
-    expect(component.comment).toEqual({ ...mockComment });
-  });
-
-  it('should set the unsavedChanges value',
-    inject([CommentService], (commentService: CommentService) => {
-      spyOn(commentService, 'onCommentChange');
-      component.onCommentChange('new comment');
-      expect(commentService.onCommentChange).toHaveBeenCalledWith(true);
-    })
-  );
-
-  it('should set the unsavedChanges value to true', () => {
-    component.originalComment = 'old comment';
-    component.onCommentChange('new comment');
-    expect(component.hasUnsavedChanges).toBeTruthy();
-  });
-
-  it('should set the unsavedChanges value to false', () => {
-    component.originalComment = 'old comment';
-
-    component.onCommentChange('old comment');
-
-    expect(component.hasUnsavedChanges).toBeFalsy();
-  });
-
-  it('should set comment with lastUpdate set to createdDate if there has been no update', () => {
-    const modifiedMockComment = { ...mockComment };
-    modifiedMockComment.lastModifiedDate = null;
-    modifiedMockComment.lastModifiedBy = null;
-    modifiedMockComment.lastModifiedByDetails = null;
-
-    component.comment = modifiedMockComment;
-    fixture.detectChanges();
-
-    expect(component.lastUpdate).toEqual(modifiedMockComment.createdDate);
-    expect(component.author).toEqual(modifiedMockComment.createdByDetails);
-    expect(component.editor).toEqual(modifiedMockComment.lastModifiedByDetails);
-    expect(component.fullComment).toEqual(modifiedMockComment.content);
-  });
-
-  it('should emit changes event when comment editing cancelled', fakeAsync(() => {
-    const commentChangesEmitEventSpy = spyOn(component.changes, 'emit');
-    component.editableComment = { nativeElement: ({ focus: () => ({}) }) } as any;
-    component._editable = true;
-    waitForChanges();
-
-    component.deleteOrCancel();
-
-    expect(commentChangesEmitEventSpy).toHaveBeenCalledTimes(1);
-  }));
-
-  it('should emit changes event when comment is saved', () => {
-    const commentChangesEmitEventSpy = spyOn(component.changes, 'emit');
-    component._editable = true;
-
-    component.editOrSave();
-
-    expect(commentChangesEmitEventSpy).toHaveBeenCalledTimes(1);
-  });
-
-  it('should emit a click', () => {
-    const clickEmitEventSpy = spyOn(component.commentClick, 'emit');
-    component.selected = false;
-    component.onCommentClick();
-    expect(clickEmitEventSpy).toHaveBeenCalledTimes(1);
-  });
-
-  it('should emit a delete', () => {
-    const deleteEmitEventSpy = spyOn(component.delete, 'emit');
-    component.author = 'Test user' as any;
-    component.fullComment = 'Test';
-    component._editable = false;
-    component.deleteOrCancel();
-    expect(deleteEmitEventSpy).toHaveBeenCalledTimes(1);
-  });
-
-  it('should set comments to editable', () => {
-    component._editable = false;
-    component.editOrSave();
-    expect(component._editable).toBe(true);
-  });
-
-  it('should set comments to non-editable', fakeAsync(() => {
-    component.editableComment = { nativeElement: ({ focus: () => ({}) }) } as any;
-    component._editable = true;
-    component.selected = true;
-    waitForChanges();
-
-    component.deleteOrCancel();
-
-    expect(component._editable).toBe(false);
-  }));
-
-  it('should set hasUnsavedChanges to false when changes cancelled', fakeAsync(() => {
-    component.editableComment = { nativeElement: ({ focus: () => ({}) }) } as any;
-    component.hasUnsavedChanges = true;
-    component._editable = true;
-
-    waitForChanges();
-    component.deleteOrCancel();
-
-    expect(component.hasUnsavedChanges).toBe(false);
-  }));
-
-  it('should not set focus on textArea when comment made non-editable', fakeAsync(() => {
-    component.editableComment = { nativeElement: ({ focus: () => ({}) }) } as any;
-    component._editable = true;
-    component.selected = true;
-    component.fullComment = 'test comment';
-
-    waitForChanges();
-    component.editOrSave();
-
-    expect(component.selected).toBe(true);
-    expect(component.editable).toBe(false);
-    expect(component.hasUnsavedChanges).toBe(false);
-  }));
-
-  it('should get selected short comment', () => {
-    component.selected = true;
-    component._editable = true;
-    component.fullComment = 'short comment';
-
-    fixture.detectChanges();
-
-    const expectedText = fixture.debugElement
-      .query(element => element.name === 'textarea').attributes['ng-reflect-model'];
-    expect(expectedText.trim()).toBe('short comment');
-  });
-
-  it('should get unselected short comment', () => {
-    component._editable = false;
-    component.fullComment = 'short comment';
-
-    fixture.detectChanges();
-
-    expect(nativeElement.querySelector('.commentText').textContent.trim()).toBe('short comment');
-  });
-
-  it('should emit a comment rendered', () => {
-    const commentRenderedEmitEventSpy = spyOn(component.renderComments, 'emit');
-    component.reRenderComments();
-    expect(commentRenderedEmitEventSpy).toHaveBeenCalledTimes(1);
-  });
-
-  it('should set rectTop and rectLeft', () => {
-    component.annotation = mockAnnotation as any;
-
-    expect(component.rectLeft).toBe(10);
-    expect(component.rectTop).toBe(20);
-  });
-
-  it('should set rectTop and rectLeft when rotated 90deg', () => {
-    component.rotate = 90;
-    component.annotation = mockAnnotation as any;
-
-    expect(component.rectLeft).toBe(10);
-    expect(component.rectTop).toBe(10);
-  });
-
-  it('should set rectTop and rectLeft when rotated 180deg', () => {
-    component.rotate = 180;
-    component.annotation = mockAnnotation as any;
-
-    expect(component.rectLeft).toBe(10);
-    expect(component.rectTop).toBe(130);
-  });
-
-  it('should set rectTop and rectLeft when rotated 270deg', () => {
-    component.rotate = 270;
-    component.annotation = mockAnnotation as any;
-
-    expect(component.rectLeft).toBe(10);
-    expect(component.rectTop).toBe(90);
-  });
-});

package/projects/media-viewer/src/lib/annotations/comment-set/comment/comment.component.ts

@@ -1,202 +0,0 @@
-import {
-  AfterContentInit,
-  Component,
-  ElementRef,
-  EventEmitter,
-  Input,
-  OnDestroy,
-  OnInit,
-  Output,
-  ViewChild
-} from '@angular/core';
-import {Comment} from './comment.model';
-import {User} from '../../models/user.model';
-import {Rectangle} from '../../annotation-set/annotation-view/rectangle/rectangle.model';
-import {SelectionAnnotation} from '../../models/event-select.model';
-import {CommentService} from './comment.service';
-import {TagsModel} from '../../models/tags.model';
-import {TagsServices} from '../../services/tags/tags.services';
-import { Observable, Subscription } from 'rxjs';
-import { distinctUntilChanged } from 'rxjs/operators';
-import {Store} from '@ngrx/store';
-import * as fromStore from '../../../store/reducers/reducers';
-import * as fromSelector from '../../../store/selectors/annotation.selectors';
-import { AnnotationSet } from '../../annotation-set/annotation-set.model';
-import { Annotation } from '../../annotation-set/annotation-view/annotation.model';
-import { HtmlTemplatesHelper } from '../../../shared/util/helpers/html-templates.helper';
-
-@Component({
-    selector: 'mv-anno-comment',
-    templateUrl: './comment.component.html',
-    standalone: false
-})
-export class CommentComponent implements OnInit, OnDestroy, AfterContentInit {
-
-  CHAR_LIMIT = 5000;
-  lastUpdate: string;
-  originalComment: string;
-  fullComment: string;
-  author: User;
-  createdBy: string;
-  editor: User;
-  _comment: Comment;
-  _editable: boolean;
-  _rectangle;
-  totalPrevPagesHeight = 0;
-  rectTop;
-  rectLeft;
-  pageHeight: number;
-  hasUnsavedChanges = false;
-  selected: boolean;
-  searchString: string;
-  public tagItems: TagsModel[];
-  marginToComment$: Observable<boolean> ;
-
-
-
-  @Output() commentClick = new EventEmitter<SelectionAnnotation>();
-  @Output() renderComments = new EventEmitter<Comment>();
-  @Output() delete = new EventEmitter<Comment>();
-  @Output() updated = new EventEmitter<{comment: Comment, tags: TagsModel[]}>();
-  @Output() changes = new EventEmitter<boolean>();
-  @Input() rotate = 0;
-  @Input() zoom = 1;
-  @Input() index: number;
-  @Input() page: number;
-
-  @ViewChild('form', {static: false}) form: ElementRef;
-  @ViewChild('editableComment', {static: false}) editableComment: ElementRef<HTMLElement>;
-
-  private subscriptions: Subscription;
-
-  constructor(
-    private store: Store<fromStore.AnnotationSetState>,
-    private readonly commentService: CommentService,
-    private tagsServices: TagsServices
-  ) {}
-
-
-  ngOnInit(): void {
-    this.subscriptions = this.store.select(fromSelector.getComponentSearchText)
-      .pipe(distinctUntilChanged()).subscribe(searchString => this.searchString = searchString);
-    this.reRenderComments();
-    this.marginToComment$ = this.commentService.marginToCommentEmitter.asObservable();
-  }
-
-  ngAfterContentInit(): void {
-    if (this.tagItems && this.tagItems.length) {
-      this.tagsServices.updateTagItems(this.tagItems, this._comment.annotationId);
-    }
-  }
-
-  ngOnDestroy(): void {
-    this.subscriptions.unsubscribe();
-  }
-
-  @Input()
-  set comment(comment: Comment) {
-    this._comment = {...comment};
-    this.page = this._comment.page;
-    this.lastUpdate = comment.lastModifiedDate ? comment.lastModifiedDate : comment.createdDate;
-    this.author = comment.createdByDetails;
-    this.createdBy = comment.createdBy;
-    this.editor = comment.lastModifiedByDetails;
-    this.originalComment = comment.content;
-    this.fullComment = this.originalComment;
-    this.selected = this._comment.selected;
-    this._editable = this._comment.editable;
-    this.tagItems = this._comment.tags;
-    const pageMarginBottom = 10;
-    this.totalPrevPagesHeight = 0;
-    for (let i = 0; i < this.page - 1; i++) {
-      const height = this._comment.pages[i + 1] ? this._comment.pages[i + 1].styles.height : undefined;
-      if (height) {
-        this.totalPrevPagesHeight += height + pageMarginBottom;
-      }
-    }
-
-  }
-
-  get comment() {
-    return this._comment;
-  }
-
-  @Input()
-  set annotation(annotation: Annotation) {
-    this._rectangle = annotation.rectangles
-      .reduce((prev, current) => prev.y < current.y ? prev : current);
-    const actualHeight = this._comment.pages[this.page].styles.height / this.zoom;
-    switch (this.rotate) {
-      case 90: this.rectTop = this._rectangle.x;
-      break;
-      case 180: this.rectTop = actualHeight - (this._rectangle.y + this._rectangle.height);
-      break;
-      case 270: this.rectTop = actualHeight - (this._rectangle.x + this._rectangle.width);
-      break;
-      default: this.rectTop = this._rectangle.y;
-    }
-    this.rectLeft = this._rectangle.x;
-  }
-
-  get editable(): boolean {
-    return this._editable;
-  }
-
-  onCommentChange(updatedComment) {
-    this.hasUnsavedChanges =
-      this.originalComment.substring(0, this.CHAR_LIMIT) !== updatedComment.substring(0, this.CHAR_LIMIT);
-    this.commentService.onCommentChange(this.hasUnsavedChanges);
-  }
-
-  deleteOrCancel() {
-    if (!this.editable) {
-      this.delete.emit(this._comment);
-    } else {
-      this.hasUnsavedChanges = false;
-      this._editable = false;
-      this.fullComment = this.originalComment;
-      this.changes.emit(false);
-      if (!this.author && !this.fullComment) {
-        this.delete.emit(this._comment);
-      }
-    }
-  }
-
-  public editOrSave() {
-    if (!this.editable) {
-      this._editable = true;
-    } else {
-      this._comment.content = this.fullComment.substring(0, this.CHAR_LIMIT);
-      const tags = this.tagsServices.getNewTags(this._comment.annotationId);
-      const payload = {
-        comment: this._comment,
-        tags
-      };
-      this.updated.emit(payload);
-      this.hasUnsavedChanges = false;
-      this._editable = false;
-      this.changes.emit(false);
-    }
-  }
-
-  onCommentClick() {
-    if (!this.selected) {
-      this.selected = true;
-      this._editable = false;
-      this.commentClick.emit({ annotationId: this._comment.annotationId, editable: this._editable, selected: true });
-    }
-  }
-
-  reRenderComments() {
-    this.renderComments.emit(this._comment);
-  }
-
-  get commentTop(): number {
-    return this.totalPrevPagesHeight + (this.rectTop * this.zoom);
-  }
-
-
-  get height() {
-    return HtmlTemplatesHelper.getAdjustedBoundingRect(this.form.nativeElement).height / this.zoom;
-  }
-}

package/projects/media-viewer/src/lib/annotations/comment-set/comment/comment.model.ts

@@ -1,13 +0,0 @@
-import { ApiPersisted } from '../../models/api-persisted.model';
-import { TagsModel } from '../../models/tags.model';
-
-export interface Comment extends ApiPersisted {
-  annotationId: string;
-  content: string;
-  tags: TagsModel[];
-  page: number;
-  pages: object;
-  pageHeight: number;
-  selected: boolean;
-  editable: boolean;
-}

package/projects/media-viewer/src/lib/annotations/comment-set/comment/comment.service.spec.ts

@@ -1,107 +0,0 @@
-import { CommentService } from './comment.service';
-import { CommentSetComponent } from '../comment-set.component';
-import { Annotation } from '../../annotation-set/annotation-view/annotation.model';
-import { ComponentFixture, fakeAsync, TestBed } from '@angular/core/testing';
-import { NO_ERRORS_SCHEMA } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { HttpClientTestingModule } from '@angular/common/http/testing';
-import { ToolbarEventService } from '../../../toolbar/toolbar-event.service';
-import { CommentSetRenderService } from '../comment-set-render.service';
-import { annotationSet } from '../../../../assets/annotation-set';
-import {StoreModule} from '@ngrx/store';
-import {reducers} from '../../../store/reducers/reducers';
-
-describe('CommentService', () => {
-  let component: CommentSetComponent;
-  let fixture: ComponentFixture<CommentSetComponent>;
-  let commentService: CommentService;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      declarations: [CommentSetComponent],
-      imports: [
-        FormsModule,
-        HttpClientTestingModule,
-        StoreModule.forRoot({}),
-        StoreModule.forFeature('media-viewer', reducers)
-      ],
-      providers: [
-        ToolbarEventService,
-        CommentService,
-        CommentSetRenderService,
-      ],
-      schemas: [NO_ERRORS_SCHEMA]
-    }).compileComponents();
-  });
-
-  beforeEach(() => {
-    commentService = new CommentService();
-    fixture = TestBed.createComponent(CommentSetComponent);
-    component = fixture.componentInstance;
-    component.annotationSet = JSON.parse(JSON.stringify(annotationSet));
-    commentService.setCommentSet(component);
-  });
-
-  it('should initialise comment set component', () => {
-    expect(commentService.commentSetComponent).not.toBeNull();
-  });
-
-  it('should update unsavedChange status to true', () => {
-    spyOn(commentService.unsavedChanges, 'next');
-    commentService.onCommentChange(true);
-
-    expect(commentService.unsavedChanges.next).toHaveBeenCalledTimes(1);
-    expect(commentService.unsavedChanges.next).toHaveBeenCalledWith(true);
-  });
-
-  it('should update unsavedChange status to false', () => {
-    spyOn(commentService.unsavedChanges, 'next');
-    commentService.onCommentChange(false);
-
-    expect(commentService.unsavedChanges.next).toHaveBeenCalledTimes(1);
-    expect(commentService.unsavedChanges.next).toHaveBeenCalledWith(false);
-  });
-
-  it('should get the unsavedChanges state', fakeAsync((done) => {
-    let changes = false;
-    commentService.getUnsavedChanges()
-      .subscribe(
-        rsp => changes = rsp
-        , error => done(error)
-      );
-    commentService.unsavedChanges.next(true);
-
-    expect(changes).toBe(true);
-  }));
-
-  it('should reset the commentSets list', () => {
-    commentService.commentSetComponent = {} as CommentSetComponent;
-
-    commentService.resetCommentSet();
-    expect(commentService.commentSetComponent).toBeNull();
-  });
-
-  it('hasUnsavedComments should return false when annotation comments are empty', () => {
-    const annotation = {
-      comments: []
-    } as Annotation;
-
-    expect(commentService.hasUnsavedComments(annotation)).toBeFalsy();
-  });
-
-  it('should update marginToCommentEmitter status to true', () => {
-    spyOn(commentService.marginToCommentEmitter, 'next');
-    commentService.createMarginToCommentEvent(true);
-
-    expect(commentService.marginToCommentEmitter.next).toHaveBeenCalledTimes(1);
-    expect(commentService.marginToCommentEmitter.next).toHaveBeenCalledWith(true);
-  });
-
-  it('should update marginToCommentEmitter status to false', () => {
-    spyOn(commentService.marginToCommentEmitter, 'next');
-    commentService.createMarginToCommentEvent(false);
-
-    expect(commentService.marginToCommentEmitter.next).toHaveBeenCalledTimes(1);
-    expect(commentService.marginToCommentEmitter.next).toHaveBeenCalledWith(false);
-  });
-});

package/projects/media-viewer/src/lib/annotations/comment-set/comment/comment.service.ts

@@ -1,57 +0,0 @@
-import { Injectable } from '@angular/core';
-import { BehaviorSubject, Observable, Subject } from 'rxjs';
-import type { CommentSetComponent } from '../comment-set.component';
-import { Annotation } from '../../annotation-set/annotation-view/annotation.model';
-import type { CommentComponent } from './comment.component';
-
-// TODO: replace by NgRx
-@Injectable()
-export class CommentService {
-
-  public readonly unsavedChanges = new Subject<boolean>();
-  public readonly marginToCommentEmitter = new BehaviorSubject<boolean>(false);
-  commentSetComponent: CommentSetComponent;
-
-  setCommentSet(commentSetComponent) {
-    this.commentSetComponent = commentSetComponent;
-  }
-
-  onCommentChange(changes: boolean): void {
-    this.unsavedChanges.next(changes);
-  }
-
-  getUnsavedChanges(): Observable<boolean> {
-    return this.unsavedChanges.asObservable();
-  }
-
-  hasUnsavedComments(annotation: Annotation): boolean {
-    if (annotation.comments.length > 0) {
-      const comment = this.getComment(annotation);
-      return comment.hasUnsavedChanges;
-    }
-    return false;
-  }
-
-  updateUnsavedCommentsStatus(annotation: Annotation, hasUnsavedChanges: boolean): void {
-    const comment = this.getComment(annotation);
-    comment.hasUnsavedChanges = hasUnsavedChanges;
-    this.allCommentsSaved();
-  }
-
-  getComment(annotation: Annotation): CommentComponent {
-    return this.commentSetComponent.commentComponents
-      .find(c => c.comment.annotationId === annotation.comments[0].annotationId);
-  }
-
-  resetCommentSet(): void {
-    this.commentSetComponent = null;
-  }
-
-  allCommentsSaved(): void {
-    this.onCommentChange(this.commentSetComponent.commentComponents.some(comment => comment.hasUnsavedChanges === true));
-  }
-
-  createMarginToCommentEvent(margin: boolean) {
-    this.marginToCommentEmitter.next(margin);
-  }
-}