From 98a689de2e38fbde25cf56ade2f0ca73de7e53d1 Mon Sep 17 00:00:00 2001
From: Timo Bejan <timo@devplant.ro>
Date: Tue, 22 Sep 2020 11:55:01 +0300
Subject: [PATCH] notes panel auto toggle

---
 .../file-preview-screen.component.html             |  2 +-
 .../file/pdf-viewer/pdf-viewer.component.ts        | 14 ++++++++------
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/apps/red-ui/src/app/screens/file/file-preview-screen/file-preview-screen.component.html b/apps/red-ui/src/app/screens/file/file-preview-screen/file-preview-screen.component.html
index 01f048a6f..cefeeb86a 100644
--- a/apps/red-ui/src/app/screens/file/file-preview-screen/file-preview-screen.component.html
+++ b/apps/red-ui/src/app/screens/file/file-preview-screen/file-preview-screen.component.html
@@ -8,7 +8,7 @@
     </mat-button-toggle-group>
   </div>
 </div>
-<redaction-pdf-viewer [fileId]="fileId" [fileType]="group.value"></redaction-pdf-viewer>
+<redaction-pdf-viewer [fileId]="fileId" [fileType]="group.value" [fileStatus]="appStateService.activeFile"></redaction-pdf-viewer>
 
 <button (click)="showDetailsDialog($event)" aria-label="details" class="details-button" color="primary" mat-fab>
   <mat-icon svgIcon="red:info"></mat-icon>
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 de958602e..c7569000d 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
@@ -4,8 +4,8 @@ import {AppConfigService} from "../../../app-config/app-config.service";
 import {FileStatus, FileUploadControllerService} from "@redaction/red-ui-http";
 import {Observable, of} from "rxjs";
 import {tap} from "rxjs/operators";
+import WebViewer, {WebViewerInstance} from "@pdftron/webviewer";
 
-declare const WebViewer: any;
 
 export enum FileType {
   ORIGINAL = 'ORIGINAL',
@@ -25,7 +25,7 @@ export class PdfViewerComponent implements OnInit, AfterViewInit, OnChanges {
   @Input() fileStatus: FileStatus;
 
   @ViewChild('viewer', {static: true}) viewer: ElementRef;
-  wvInstance: any;
+  wvInstance: WebViewerInstance;
 
   _annotatedFileData: Blob;
   _originalFileData: Blob;
@@ -42,8 +42,10 @@ export class PdfViewerComponent implements OnInit, AfterViewInit, OnChanges {
   }
 
   wvDocumentLoadedHandler(): void {
-    const docViewer = this.wvInstance;
-    const annotManager = this.wvInstance.annotManager;
+    this.wvInstance.setFitMode('FitWidth');
+    if(this.fileType === FileType.ANNOTATED){
+      this.wvInstance.toggleElement('notesPanel')
+    }
   }
 
   ngAfterViewInit(): void {
@@ -55,7 +57,7 @@ export class PdfViewerComponent implements OnInit, AfterViewInit, OnChanges {
   ngOnChanges(changes: SimpleChanges): void {
     if (this.wvInstance) {
       this._loadFile().subscribe(data => {
-        this.wvInstance.loadDocument(data, {filename: 'myfile.pdf'});
+        this.wvInstance.loadDocument(data, {filename: this.fileStatus.filename});
       });
     }
   }
@@ -66,7 +68,7 @@ export class PdfViewerComponent implements OnInit, AfterViewInit, OnChanges {
     }, this.viewer.nativeElement).then(instance => {
       this.wvInstance = instance;
       instance.docViewer.on('documentLoaded', this.wvDocumentLoadedHandler)
-      instance.loadDocument(pdfBlob, {filename: 'myfile.pdf'});
+      instance.loadDocument(pdfBlob, {filename: this.fileStatus.filename});
     })
   }