diff --git a/apps/red-ui/src/app/screens/file/pdf-viewer/pdf-viewer.component.html b/apps/red-ui/src/app/screens/file/pdf-viewer/pdf-viewer.component.html index af7ce7b13..20289a70b 100644 --- a/apps/red-ui/src/app/screens/file/pdf-viewer/pdf-viewer.component.html +++ b/apps/red-ui/src/app/screens/file/pdf-viewer/pdf-viewer.component.html @@ -1,3 +1,5 @@
+ + diff --git a/apps/red-ui/src/app/screens/file/pdf-viewer/pdf-viewer.component.scss b/apps/red-ui/src/app/screens/file/pdf-viewer/pdf-viewer.component.scss index eefc57fcf..af86d5f27 100644 --- a/apps/red-ui/src/app/screens/file/pdf-viewer/pdf-viewer.component.scss +++ b/apps/red-ui/src/app/screens/file/pdf-viewer/pdf-viewer.component.scss @@ -8,3 +8,9 @@ .viewer { height: 100%; } + +.searching { + position: absolute; + bottom: 30px; + right: 30px; +} diff --git a/apps/red-ui/src/app/screens/file/pdf-viewer/pdf-viewer.component.ts b/apps/red-ui/src/app/screens/file/pdf-viewer/pdf-viewer.component.ts index 687994358..e653b7378 100644 --- a/apps/red-ui/src/app/screens/file/pdf-viewer/pdf-viewer.component.ts +++ b/apps/red-ui/src/app/screens/file/pdf-viewer/pdf-viewer.component.ts @@ -1,4 +1,17 @@ -import { AfterViewInit, Component, ElementRef, EventEmitter, Input, NgZone, OnChanges, OnInit, Output, SimpleChanges, ViewChild } from '@angular/core'; +import { + AfterViewInit, + ChangeDetectorRef, + Component, + ElementRef, + EventEmitter, + Input, + NgZone, + OnChanges, + OnInit, + Output, + SimpleChanges, + ViewChild +} from '@angular/core'; import { AppConfigService } from '../../../app-config/app-config.service'; import { ManualRedactionEntry, Rectangle } from '@redaction/red-ui-http'; import WebViewer, { Annotations, WebViewerInstance } from '@pdftron/webviewer'; @@ -34,6 +47,8 @@ export class PdfViewerComponent implements OnInit, AfterViewInit, OnChanges { private _viewerState: ViewerState = null; // no initial state private _selectedText = ''; + public searching = false; + @Input() fileData: Blob; @Input() fileStatus: FileStatusWrapper; @Input() canPerformActions = false; @@ -63,7 +78,8 @@ export class PdfViewerComponent implements OnInit, AfterViewInit, OnChanges { private readonly _ngZone: NgZone, private readonly _userPreferenceService: UserPreferenceService, private readonly _annotationDrawService: AnnotationDrawService, - private readonly _annotationActionsService: AnnotationActionsService + private readonly _annotationActionsService: AnnotationActionsService, + private readonly _changeDetectorRef: ChangeDetectorRef ) {} ngOnInit() { @@ -111,7 +127,8 @@ export class PdfViewerComponent implements OnInit, AfterViewInit, OnChanges { }); instance.docViewer.on('searchInProgress', (inProgress) => { - console.log(inProgress); + this.searching = inProgress; + this._changeDetectorRef.detectChanges(); }); instance.docViewer.on('pageNumberUpdated', (p) => {