Prettier code cleanup for .ts files

See #182

src-ui/src/app/components/document-detail/document-detail.component.ts

@@ -1,38 +1,55 @@
-import { Component, OnInit, OnDestroy, ViewChild, ElementRef } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { ActivatedRoute, Router } from '@angular/router';
-import { NgbModal, NgbNav } from '@ng-bootstrap/ng-bootstrap';
-import { PaperlessCorrespondent } from 'src/app/data/paperless-correspondent';
-import { PaperlessDocument } from 'src/app/data/paperless-document';
-import { PaperlessDocumentMetadata } from 'src/app/data/paperless-document-metadata';
-import { PaperlessDocumentType } from 'src/app/data/paperless-document-type';
-import { DocumentTitlePipe } from 'src/app/pipes/document-title.pipe';
-import { DocumentListViewService } from 'src/app/services/document-list-view.service';
-import { OpenDocumentsService } from 'src/app/services/open-documents.service';
-import { CorrespondentService } from 'src/app/services/rest/correspondent.service';
-import { DocumentTypeService } from 'src/app/services/rest/document-type.service';
-import { DocumentService } from 'src/app/services/rest/document.service';
-import { ConfirmDialogComponent } from '../common/confirm-dialog/confirm-dialog.component';
-import { CorrespondentEditDialogComponent } from '../manage/correspondent-list/correspondent-edit-dialog/correspondent-edit-dialog.component';
-import { DocumentTypeEditDialogComponent } from '../manage/document-type-list/document-type-edit-dialog/document-type-edit-dialog.component';
-import { PDFDocumentProxy } from 'ng2-pdf-viewer';
-import { ToastService } from 'src/app/services/toast.service';
-import { TextComponent } from '../common/input/text/text.component';
-import { SettingsService, SETTINGS_KEYS } from 'src/app/services/settings.service';
-import { dirtyCheck, DirtyComponent } from '@ngneat/dirty-check-forms';
-import { Observable, Subject, BehaviorSubject } from 'rxjs';
-import { first, takeUntil, switchMap, map, debounceTime, distinctUntilChanged } from 'rxjs/operators';
-import { PaperlessDocumentSuggestions } from 'src/app/data/paperless-document-suggestions';
-import { FILTER_FULLTEXT_MORELIKE } from 'src/app/data/filter-rule-type';
+import {
+  Component,
+  OnInit,
+  OnDestroy,
+  ViewChild,
+  ElementRef,
+} from '@angular/core'
+import { FormControl, FormGroup } from '@angular/forms'
+import { ActivatedRoute, Router } from '@angular/router'
+import { NgbModal, NgbNav } from '@ng-bootstrap/ng-bootstrap'
+import { PaperlessCorrespondent } from 'src/app/data/paperless-correspondent'
+import { PaperlessDocument } from 'src/app/data/paperless-document'
+import { PaperlessDocumentMetadata } from 'src/app/data/paperless-document-metadata'
+import { PaperlessDocumentType } from 'src/app/data/paperless-document-type'
+import { DocumentTitlePipe } from 'src/app/pipes/document-title.pipe'
+import { DocumentListViewService } from 'src/app/services/document-list-view.service'
+import { OpenDocumentsService } from 'src/app/services/open-documents.service'
+import { CorrespondentService } from 'src/app/services/rest/correspondent.service'
+import { DocumentTypeService } from 'src/app/services/rest/document-type.service'
+import { DocumentService } from 'src/app/services/rest/document.service'
+import { ConfirmDialogComponent } from '../common/confirm-dialog/confirm-dialog.component'
+import { CorrespondentEditDialogComponent } from '../manage/correspondent-list/correspondent-edit-dialog/correspondent-edit-dialog.component'
+import { DocumentTypeEditDialogComponent } from '../manage/document-type-list/document-type-edit-dialog/document-type-edit-dialog.component'
+import { PDFDocumentProxy } from 'ng2-pdf-viewer'
+import { ToastService } from 'src/app/services/toast.service'
+import { TextComponent } from '../common/input/text/text.component'
+import {
+  SettingsService,
+  SETTINGS_KEYS,
+} from 'src/app/services/settings.service'
+import { dirtyCheck, DirtyComponent } from '@ngneat/dirty-check-forms'
+import { Observable, Subject, BehaviorSubject } from 'rxjs'
+import {
+  first,
+  takeUntil,
+  switchMap,
+  map,
+  debounceTime,
+  distinctUntilChanged,
+} from 'rxjs/operators'
+import { PaperlessDocumentSuggestions } from 'src/app/data/paperless-document-suggestions'
+import { FILTER_FULLTEXT_MORELIKE } from 'src/app/data/filter-rule-type'
 
 @Component({
   selector: 'app-document-detail',
   templateUrl: './document-detail.component.html',
-  styleUrls: ['./document-detail.component.scss']
+  styleUrls: ['./document-detail.component.scss'],
 })
-export class DocumentDetailComponent implements OnInit, OnDestroy, DirtyComponent {
-
-  @ViewChild("inputTitle")
+export class DocumentDetailComponent
+  implements OnInit, OnDestroy, DirtyComponent
+{
+  @ViewChild('inputTitle')
   titleInput: TextComponent
 
   expandOriginalMetadata = false
@@ -63,7 +80,7 @@ export class DocumentDetailComponent implements OnInit, OnDestroy, DirtyComponen
     correspondent: new FormControl(),
     document_type: new FormControl(),
     archive_serial_number: new FormControl(),
-    tags: new FormControl([])
+    tags: new FormControl([]),
   })
 
   previewCurrentPage: number = 1
@@ -76,8 +93,13 @@ export class DocumentDetailComponent implements OnInit, OnDestroy, DirtyComponen
   @ViewChild('nav') nav: NgbNav
   @ViewChild('pdfPreview') set pdfPreview(element) {
     // this gets called when compontent added or removed from DOM
-    if (element && element.nativeElement.offsetParent !== null && this.nav?.activeId == 4) { // its visible
-      setTimeout(()=> this.nav?.select(1));
+    if (
+      element &&
+      element.nativeElement.offsetParent !== null &&
+      this.nav?.activeId == 4
+    ) {
+      // its visible
+      setTimeout(() => this.nav?.select(1))
     }
   }
 
@@ -92,16 +114,19 @@ export class DocumentDetailComponent implements OnInit, OnDestroy, DirtyComponen
     private documentListViewService: DocumentListViewService,
     private documentTitlePipe: DocumentTitlePipe,
     private toastService: ToastService,
-    private settings: SettingsService) {
-      this.titleSubject.pipe(
+    private settings: SettingsService
+  ) {
+    this.titleSubject
+      .pipe(
         debounceTime(1000),
         distinctUntilChanged(),
         takeUntil(this.unsubscribeNotifier)
-      ).subscribe(titleValue => {
+      )
+      .subscribe((titleValue) => {
         this.title = titleValue
-        this.documentForm.patchValue({'title': titleValue})
+        this.documentForm.patchValue({ title: titleValue })
       })
-    }
+  }
 
   titleKeyUp(event) {
     this.titleSubject.next(event.target?.value)
@@ -112,180 +137,291 @@ export class DocumentDetailComponent implements OnInit, OnDestroy, DirtyComponen
   }
 
   getContentType() {
-    return this.metadata?.has_archive_version ? 'application/pdf' : this.metadata?.original_mime_type
+    return this.metadata?.has_archive_version
+      ? 'application/pdf'
+      : this.metadata?.original_mime_type
   }
 
   ngOnInit(): void {
-    this.documentForm.valueChanges.pipe(takeUntil(this.unsubscribeNotifier)).subscribe(wow => {
-      Object.assign(this.document, this.documentForm.value)
-    })
-
-    this.correspondentService.listAll().pipe(first()).subscribe(result => this.correspondents = result.results)
-    this.documentTypeService.listAll().pipe(first()).subscribe(result => this.documentTypes = result.results)
-
-    this.route.paramMap.pipe(switchMap(paramMap => {
-      const documentId = +paramMap.get('id')
-      return this.documentsService.get(documentId)
-    })).pipe(switchMap((doc) => {
-      this.documentId = doc.id
-      this.previewUrl = this.documentsService.getPreviewUrl(this.documentId)
-      this.downloadUrl = this.documentsService.getDownloadUrl(this.documentId)
-      this.downloadOriginalUrl = this.documentsService.getDownloadUrl(this.documentId, true)
-      this.suggestions = null
-      if (this.openDocumentService.getOpenDocument(this.documentId)) {
-        this.updateComponent(this.openDocumentService.getOpenDocument(this.documentId))
-      } else {
-        this.openDocumentService.openDocument(doc)
-        this.updateComponent(doc)
-      }
-
-      // Initialize dirtyCheck
-      this.store = new BehaviorSubject({
-        title: doc.title,
-        content: doc.content,
-        created: doc.created,
-        correspondent: doc.correspondent,
-        document_type: doc.document_type,
-        archive_serial_number: doc.archive_serial_number,
-        tags: [...doc.tags]
+    this.documentForm.valueChanges
+      .pipe(takeUntil(this.unsubscribeNotifier))
+      .subscribe((wow) => {
+        Object.assign(this.document, this.documentForm.value)
       })
 
-      this.isDirty$ = dirtyCheck(this.documentForm, this.store.asObservable())
+    this.correspondentService
+      .listAll()
+      .pipe(first())
+      .subscribe((result) => (this.correspondents = result.results))
+    this.documentTypeService
+      .listAll()
+      .pipe(first())
+      .subscribe((result) => (this.documentTypes = result.results))
 
-      return this.isDirty$.pipe(map(dirty => ({doc, dirty})))
-    }))
-    .pipe(takeUntil(this.unsubscribeNotifier))
-    .subscribe(({doc, dirty}) => {
-      this.openDocumentService.setDirty(doc.id, dirty)
-    }, error => {this.router.navigate(['404'])})
+    this.route.paramMap
+      .pipe(
+        switchMap((paramMap) => {
+          const documentId = +paramMap.get('id')
+          return this.documentsService.get(documentId)
+        })
+      )
+      .pipe(
+        switchMap((doc) => {
+          this.documentId = doc.id
+          this.previewUrl = this.documentsService.getPreviewUrl(this.documentId)
+          this.downloadUrl = this.documentsService.getDownloadUrl(
+            this.documentId
+          )
+          this.downloadOriginalUrl = this.documentsService.getDownloadUrl(
+            this.documentId,
+            true
+          )
+          this.suggestions = null
+          if (this.openDocumentService.getOpenDocument(this.documentId)) {
+            this.updateComponent(
+              this.openDocumentService.getOpenDocument(this.documentId)
+            )
+          } else {
+            this.openDocumentService.openDocument(doc)
+            this.updateComponent(doc)
+          }
+
+          // Initialize dirtyCheck
+          this.store = new BehaviorSubject({
+            title: doc.title,
+            content: doc.content,
+            created: doc.created,
+            correspondent: doc.correspondent,
+            document_type: doc.document_type,
+            archive_serial_number: doc.archive_serial_number,
+            tags: [...doc.tags],
+          })
+
+          this.isDirty$ = dirtyCheck(
+            this.documentForm,
+            this.store.asObservable()
+          )
+
+          return this.isDirty$.pipe(map((dirty) => ({ doc, dirty })))
+        })
+      )
+      .pipe(takeUntil(this.unsubscribeNotifier))
+      .subscribe(
+        ({ doc, dirty }) => {
+          this.openDocumentService.setDirty(doc.id, dirty)
+        },
+        (error) => {
+          this.router.navigate(['404'])
+        }
+      )
   }
 
-  ngOnDestroy() : void {
-    this.unsubscribeNotifier.next();
-    this.unsubscribeNotifier.complete();
+  ngOnDestroy(): void {
+    this.unsubscribeNotifier.next()
+    this.unsubscribeNotifier.complete()
   }
 
   updateComponent(doc: PaperlessDocument) {
     this.document = doc
-    this.documentsService.getMetadata(doc.id).pipe(first()).subscribe(result => {
-      this.metadata = result
-    }, error => {
-      this.metadata = null
-    })
-    this.documentsService.getSuggestions(doc.id).pipe(first()).subscribe(result => {
-      this.suggestions = result
-    }, error => {
-      this.suggestions = null
-    })
+    this.documentsService
+      .getMetadata(doc.id)
+      .pipe(first())
+      .subscribe(
+        (result) => {
+          this.metadata = result
+        },
+        (error) => {
+          this.metadata = null
+        }
+      )
+    this.documentsService
+      .getSuggestions(doc.id)
+      .pipe(first())
+      .subscribe(
+        (result) => {
+          this.suggestions = result
+        },
+        (error) => {
+          this.suggestions = null
+        }
+      )
     this.title = this.documentTitlePipe.transform(doc.title)
     this.documentForm.patchValue(doc)
   }
 
   createDocumentType(newName: string) {
-    var modal = this.modalService.open(DocumentTypeEditDialogComponent, {backdrop: 'static'})
+    var modal = this.modalService.open(DocumentTypeEditDialogComponent, {
+      backdrop: 'static',
+    })
     modal.componentInstance.dialogMode = 'create'
     if (newName) modal.componentInstance.object = { name: newName }
-    modal.componentInstance.success.pipe(switchMap(newDocumentType => {
-      return this.documentTypeService.listAll().pipe(map(documentTypes => ({newDocumentType, documentTypes})))
-    }))
-    .pipe(takeUntil(this.unsubscribeNotifier))
-    .subscribe(({newDocumentType, documentTypes}) => {
-      this.documentTypes = documentTypes.results
-      this.documentForm.get('document_type').setValue(newDocumentType.id)
-    })
+    modal.componentInstance.success
+      .pipe(
+        switchMap((newDocumentType) => {
+          return this.documentTypeService
+            .listAll()
+            .pipe(map((documentTypes) => ({ newDocumentType, documentTypes })))
+        })
+      )
+      .pipe(takeUntil(this.unsubscribeNotifier))
+      .subscribe(({ newDocumentType, documentTypes }) => {
+        this.documentTypes = documentTypes.results
+        this.documentForm.get('document_type').setValue(newDocumentType.id)
+      })
   }
 
   createCorrespondent(newName: string) {
-    var modal = this.modalService.open(CorrespondentEditDialogComponent, {backdrop: 'static'})
+    var modal = this.modalService.open(CorrespondentEditDialogComponent, {
+      backdrop: 'static',
+    })
     modal.componentInstance.dialogMode = 'create'
     if (newName) modal.componentInstance.object = { name: newName }
-    modal.componentInstance.success.pipe(switchMap(newCorrespondent => {
-      return this.correspondentService.listAll().pipe(map(correspondents => ({newCorrespondent, correspondents})))
-    }))
-    .pipe(takeUntil(this.unsubscribeNotifier))
-    .subscribe(({newCorrespondent, correspondents}) => {
-      this.correspondents = correspondents.results
-      this.documentForm.get('correspondent').setValue(newCorrespondent.id)
-    })
+    modal.componentInstance.success
+      .pipe(
+        switchMap((newCorrespondent) => {
+          return this.correspondentService
+            .listAll()
+            .pipe(
+              map((correspondents) => ({ newCorrespondent, correspondents }))
+            )
+        })
+      )
+      .pipe(takeUntil(this.unsubscribeNotifier))
+      .subscribe(({ newCorrespondent, correspondents }) => {
+        this.correspondents = correspondents.results
+        this.documentForm.get('correspondent').setValue(newCorrespondent.id)
+      })
   }
 
   discard() {
-    this.documentsService.get(this.documentId).pipe(first()).subscribe(doc => {
-      Object.assign(this.document, doc)
-      this.title = doc.title
-      this.documentForm.patchValue(doc)
-    }, error => {this.router.navigate(['404'])})
+    this.documentsService
+      .get(this.documentId)
+      .pipe(first())
+      .subscribe(
+        (doc) => {
+          Object.assign(this.document, doc)
+          this.title = doc.title
+          this.documentForm.patchValue(doc)
+        },
+        (error) => {
+          this.router.navigate(['404'])
+        }
+      )
   }
 
   save() {
     this.networkActive = true
     this.store.next(this.documentForm.value)
-    this.documentsService.update(this.document).pipe(first()).subscribe(result => {
-      this.close()
-      this.networkActive = false
-      this.error = null
-    }, error => {
-      this.networkActive = false
-      this.error = error.error
-    })
+    this.documentsService
+      .update(this.document)
+      .pipe(first())
+      .subscribe(
+        (result) => {
+          this.close()
+          this.networkActive = false
+          this.error = null
+        },
+        (error) => {
+          this.networkActive = false
+          this.error = error.error
+        }
+      )
   }
 
   saveEditNext() {
     this.networkActive = true
     this.store.next(this.documentForm.value)
-    this.documentsService.update(this.document).pipe(switchMap(updateResult => {
-      return this.documentListViewService.getNext(this.documentId).pipe(map(nextDocId => ({nextDocId, updateResult})))
-    })).pipe(switchMap(({nextDocId, updateResult}) => {
-      if (nextDocId && updateResult) return this.openDocumentService.closeDocument(this.document).pipe(map(closeResult => ({updateResult, nextDocId, closeResult})))
-    }))
-    .pipe(first())
-    .subscribe(({updateResult, nextDocId, closeResult}) => {
-      this.error = null
-      this.networkActive = false
-      if (closeResult && updateResult && nextDocId) {
-        this.router.navigate(['documents', nextDocId])
-        this.titleInput?.focus()
-      }
-    }, error => {
-      this.networkActive = false
-      this.error = error.error
-    })
+    this.documentsService
+      .update(this.document)
+      .pipe(
+        switchMap((updateResult) => {
+          return this.documentListViewService
+            .getNext(this.documentId)
+            .pipe(map((nextDocId) => ({ nextDocId, updateResult })))
+        })
+      )
+      .pipe(
+        switchMap(({ nextDocId, updateResult }) => {
+          if (nextDocId && updateResult)
+            return this.openDocumentService
+              .closeDocument(this.document)
+              .pipe(
+                map((closeResult) => ({ updateResult, nextDocId, closeResult }))
+              )
+        })
+      )
+      .pipe(first())
+      .subscribe(
+        ({ updateResult, nextDocId, closeResult }) => {
+          this.error = null
+          this.networkActive = false
+          if (closeResult && updateResult && nextDocId) {
+            this.router.navigate(['documents', nextDocId])
+            this.titleInput?.focus()
+          }
+        },
+        (error) => {
+          this.networkActive = false
+          this.error = error.error
+        }
+      )
   }
 
   close() {
-    this.openDocumentService.closeDocument(this.document).pipe(first()).subscribe(closed => {
-      if (!closed) return;
-      if (this.documentListViewService.activeSavedViewId) {
-        this.router.navigate(['view', this.documentListViewService.activeSavedViewId])
-      } else {
-        this.router.navigate(['documents'])
-      }
-    })
+    this.openDocumentService
+      .closeDocument(this.document)
+      .pipe(first())
+      .subscribe((closed) => {
+        if (!closed) return
+        if (this.documentListViewService.activeSavedViewId) {
+          this.router.navigate([
+            'view',
+            this.documentListViewService.activeSavedViewId,
+          ])
+        } else {
+          this.router.navigate(['documents'])
+        }
+      })
   }
 
   delete() {
-    let modal = this.modalService.open(ConfirmDialogComponent, {backdrop: 'static'})
+    let modal = this.modalService.open(ConfirmDialogComponent, {
+      backdrop: 'static',
+    })
     modal.componentInstance.title = $localize`Confirm delete`
     modal.componentInstance.messageBold = $localize`Do you really want to delete document "${this.document.title}"?`
     modal.componentInstance.message = $localize`The files for this document will be deleted permanently. This operation cannot be undone.`
-    modal.componentInstance.btnClass = "btn-danger"
+    modal.componentInstance.btnClass = 'btn-danger'
     modal.componentInstance.btnCaption = $localize`Delete document`
-    modal.componentInstance.confirmClicked.pipe(switchMap(() => {
-      modal.componentInstance.buttonsEnabled = false
-      return this.documentsService.delete(this.document)
-    }))
-    .pipe(takeUntil(this.unsubscribeNotifier))
-    .subscribe(() => {
-      modal.close()
-      this.close()
-    }, error => {
-      this.toastService.showError($localize`Error deleting document: ${JSON.stringify(error)}`)
-      modal.componentInstance.buttonsEnabled = true
-    })
+    modal.componentInstance.confirmClicked
+      .pipe(
+        switchMap(() => {
+          modal.componentInstance.buttonsEnabled = false
+          return this.documentsService.delete(this.document)
+        })
+      )
+      .pipe(takeUntil(this.unsubscribeNotifier))
+      .subscribe(
+        () => {
+          modal.close()
+          this.close()
+        },
+        (error) => {
+          this.toastService.showError(
+            $localize`Error deleting document: ${JSON.stringify(error)}`
+          )
+          modal.componentInstance.buttonsEnabled = true
+        }
+      )
   }
 
   moreLike() {
-    this.documentListViewService.quickFilter([{rule_type: FILTER_FULLTEXT_MORELIKE, value: this.documentId.toString()}])
+    this.documentListViewService.quickFilter([
+      {
+        rule_type: FILTER_FULLTEXT_MORELIKE,
+        value: this.documentId.toString(),
+      },
+    ])
   }
 
   hasNext() {
@@ -311,5 +447,4 @@ export class DocumentDetailComponent implements OnInit, OnDestroy, DirtyComponen
   pdfPreviewLoaded(pdf: PDFDocumentProxy) {
     this.previewNumPages = pdf.numPages
   }
-
 }