Prettier code cleanup for .ts files

See #182

src-ui/src/app/components/dashboard/widgets/saved-view-widget/saved-view-widget.component.spec.ts

@@ -1,25 +1,24 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed } from '@angular/core/testing'
 
-import { SavedViewWidgetComponent } from './saved-view-widget.component';
+import { SavedViewWidgetComponent } from './saved-view-widget.component'
 
 describe('SavedViewWidgetComponent', () => {
-  let component: SavedViewWidgetComponent;
-  let fixture: ComponentFixture<SavedViewWidgetComponent>;
+  let component: SavedViewWidgetComponent
+  let fixture: ComponentFixture<SavedViewWidgetComponent>
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ SavedViewWidgetComponent ]
-    })
-    .compileComponents();
-  });
+      declarations: [SavedViewWidgetComponent],
+    }).compileComponents()
+  })
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(SavedViewWidgetComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
+    fixture = TestBed.createComponent(SavedViewWidgetComponent)
+    component = fixture.componentInstance
+    fixture.detectChanges()
+  })
 
   it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+    expect(component).toBeTruthy()
+  })
+})

src-ui/src/app/components/dashboard/widgets/saved-view-widget/saved-view-widget.component.ts

@@ -1,24 +1,24 @@
-import { Component, Input, OnDestroy, OnInit } from '@angular/core';
-import { Router } from '@angular/router';
-import { Subscription } from 'rxjs';
-import { PaperlessDocument } from 'src/app/data/paperless-document';
-import { PaperlessSavedView } from 'src/app/data/paperless-saved-view';
-import { DocumentListViewService } from 'src/app/services/document-list-view.service';
-import { ConsumerStatusService } from 'src/app/services/consumer-status.service';
-import { DocumentService } from 'src/app/services/rest/document.service';
+import { Component, Input, OnDestroy, OnInit } from '@angular/core'
+import { Router } from '@angular/router'
+import { Subscription } from 'rxjs'
+import { PaperlessDocument } from 'src/app/data/paperless-document'
+import { PaperlessSavedView } from 'src/app/data/paperless-saved-view'
+import { DocumentListViewService } from 'src/app/services/document-list-view.service'
+import { ConsumerStatusService } from 'src/app/services/consumer-status.service'
+import { DocumentService } from 'src/app/services/rest/document.service'
 
 @Component({
   selector: 'app-saved-view-widget',
   templateUrl: './saved-view-widget.component.html',
-  styleUrls: ['./saved-view-widget.component.scss']
+  styleUrls: ['./saved-view-widget.component.scss'],
 })
 export class SavedViewWidgetComponent implements OnInit, OnDestroy {
-
   constructor(
     private documentService: DocumentService,
     private router: Router,
     private list: DocumentListViewService,
-    private consumerStatusService: ConsumerStatusService) { }
+    private consumerStatusService: ConsumerStatusService
+  ) {}
 
   @Input()
   savedView: PaperlessSavedView
@@ -29,9 +29,11 @@ export class SavedViewWidgetComponent implements OnInit, OnDestroy {
 
   ngOnInit(): void {
     this.reload()
-    this.subscription = this.consumerStatusService.onDocumentConsumptionFinished().subscribe(status => {
-      this.reload()
-    })
+    this.subscription = this.consumerStatusService
+      .onDocumentConsumptionFinished()
+      .subscribe((status) => {
+        this.reload()
+      })
   }
 
   ngOnDestroy(): void {
@@ -39,9 +41,17 @@ export class SavedViewWidgetComponent implements OnInit, OnDestroy {
   }
 
   reload() {
-    this.documentService.listFiltered(1,10,this.savedView.sort_field, this.savedView.sort_reverse, this.savedView.filter_rules).subscribe(result => {
-      this.documents = result.results
-    })
+    this.documentService
+      .listFiltered(
+        1,
+        10,
+        this.savedView.sort_field,
+        this.savedView.sort_reverse,
+        this.savedView.filter_rules
+      )
+      .subscribe((result) => {
+        this.documents = result.results
+      })
   }
 
   showAll() {
@@ -49,8 +59,7 @@ export class SavedViewWidgetComponent implements OnInit, OnDestroy {
       this.router.navigate(['view', this.savedView.id])
     } else {
       this.list.loadSavedView(this.savedView, true)
-      this.router.navigate(["documents"])
+      this.router.navigate(['documents'])
     }
   }
-
 }

src-ui/src/app/components/dashboard/widgets/statistics-widget/statistics-widget.component.spec.ts

@@ -1,25 +1,24 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed } from '@angular/core/testing'
 
-import { StatisticsWidgetComponent } from './statistics-widget.component';
+import { StatisticsWidgetComponent } from './statistics-widget.component'
 
 describe('StatisticsWidgetComponent', () => {
-  let component: StatisticsWidgetComponent;
-  let fixture: ComponentFixture<StatisticsWidgetComponent>;
+  let component: StatisticsWidgetComponent
+  let fixture: ComponentFixture<StatisticsWidgetComponent>
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ StatisticsWidgetComponent ]
-    })
-    .compileComponents();
-  });
+      declarations: [StatisticsWidgetComponent],
+    }).compileComponents()
+  })
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(StatisticsWidgetComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
+    fixture = TestBed.createComponent(StatisticsWidgetComponent)
+    component = fixture.componentInstance
+    fixture.detectChanges()
+  })
 
   it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+    expect(component).toBeTruthy()
+  })
+})

src-ui/src/app/components/dashboard/widgets/statistics-widget/statistics-widget.component.ts

@@ -1,24 +1,24 @@
-import { HttpClient } from '@angular/common/http';
-import { Component, OnDestroy, OnInit } from '@angular/core';
-import { Observable, Subscription } from 'rxjs';
-import { ConsumerStatusService } from 'src/app/services/consumer-status.service';
-import { environment } from 'src/environments/environment';
+import { HttpClient } from '@angular/common/http'
+import { Component, OnDestroy, OnInit } from '@angular/core'
+import { Observable, Subscription } from 'rxjs'
+import { ConsumerStatusService } from 'src/app/services/consumer-status.service'
+import { environment } from 'src/environments/environment'
 
 export interface Statistics {
   documents_total?: number
   documents_inbox?: number
 }
 
-
 @Component({
   selector: 'app-statistics-widget',
   templateUrl: './statistics-widget.component.html',
-  styleUrls: ['./statistics-widget.component.scss']
+  styleUrls: ['./statistics-widget.component.scss'],
 })
 export class StatisticsWidgetComponent implements OnInit, OnDestroy {
-
-  constructor(private http: HttpClient,
-    private consumerStatusService: ConsumerStatusService) { }
+  constructor(
+    private http: HttpClient,
+    private consumerStatusService: ConsumerStatusService
+  ) {}
 
   statistics: Statistics = {}
 
@@ -29,20 +29,21 @@ export class StatisticsWidgetComponent implements OnInit, OnDestroy {
   }
 
   reload() {
-    this.getStatistics().subscribe(statistics => {
+    this.getStatistics().subscribe((statistics) => {
       this.statistics = statistics
     })
   }
 
   ngOnInit(): void {
     this.reload()
-    this.subscription = this.consumerStatusService.onDocumentConsumptionFinished().subscribe(status => {
-      this.reload()
-    })
+    this.subscription = this.consumerStatusService
+      .onDocumentConsumptionFinished()
+      .subscribe((status) => {
+        this.reload()
+      })
   }
 
   ngOnDestroy(): void {
     this.subscription.unsubscribe()
   }
-
 }

src-ui/src/app/components/dashboard/widgets/upload-file-widget/upload-file-widget.component.spec.ts

@@ -1,25 +1,24 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed } from '@angular/core/testing'
 
-import { UploadFileWidgetComponent } from './upload-file-widget.component';
+import { UploadFileWidgetComponent } from './upload-file-widget.component'
 
 describe('UploadFileWidgetComponent', () => {
-  let component: UploadFileWidgetComponent;
-  let fixture: ComponentFixture<UploadFileWidgetComponent>;
+  let component: UploadFileWidgetComponent
+  let fixture: ComponentFixture<UploadFileWidgetComponent>
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ UploadFileWidgetComponent ]
-    })
-    .compileComponents();
-  });
+      declarations: [UploadFileWidgetComponent],
+    }).compileComponents()
+  })
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(UploadFileWidgetComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
+    fixture = TestBed.createComponent(UploadFileWidgetComponent)
+    component = fixture.componentInstance
+    fixture.detectChanges()
+  })
 
   it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+    expect(component).toBeTruthy()
+  })
+})

src-ui/src/app/components/dashboard/widgets/upload-file-widget/upload-file-widget.component.ts

@@ -1,15 +1,19 @@
-import { HttpEventType } from '@angular/common/http';
-import { Component, OnInit } from '@angular/core';
-import { FileSystemFileEntry, NgxFileDropEntry } from 'ngx-file-drop';
-import { ConsumerStatusService, FileStatus, FileStatusPhase } from 'src/app/services/consumer-status.service';
-import { DocumentService } from 'src/app/services/rest/document.service';
+import { HttpEventType } from '@angular/common/http'
+import { Component, OnInit } from '@angular/core'
+import { FileSystemFileEntry, NgxFileDropEntry } from 'ngx-file-drop'
+import {
+  ConsumerStatusService,
+  FileStatus,
+  FileStatusPhase,
+} from 'src/app/services/consumer-status.service'
+import { DocumentService } from 'src/app/services/rest/document.service'
 
 const MAX_ALERTS = 5
 
 @Component({
   selector: 'app-upload-file-widget',
   templateUrl: './upload-file-widget.component.html',
-  styleUrls: ['./upload-file-widget.component.scss']
+  styleUrls: ['./upload-file-widget.component.scss'],
 })
 export class UploadFileWidgetComponent implements OnInit {
   alertsExpanded = false
@@ -17,7 +21,7 @@ export class UploadFileWidgetComponent implements OnInit {
   constructor(
     private documentService: DocumentService,
     private consumerStatusService: ConsumerStatusService
-  ) { }
+  ) {}
 
   getStatus() {
     return this.consumerStatusService.getConsumerStatus().slice(0, MAX_ALERTS)
@@ -25,7 +29,8 @@ export class UploadFileWidgetComponent implements OnInit {
 
   getStatusSummary() {
     let strings = []
-    let countUploadingAndProcessing =  this.consumerStatusService.getConsumerStatusNotCompleted().length
+    let countUploadingAndProcessing =
+      this.consumerStatusService.getConsumerStatusNotCompleted().length
     let countFailed = this.getStatusFailed().length
     let countSuccess = this.getStatusSuccess().length
     if (countUploadingAndProcessing > 0) {
@@ -37,16 +42,21 @@ export class UploadFileWidgetComponent implements OnInit {
     if (countSuccess > 0) {
       strings.push($localize`Added: ${countSuccess}`)
     }
-    return strings.join($localize`:this string is used to separate processing, failed and added on the file upload widget:, `)
+    return strings.join(
+      $localize`:this string is used to separate processing, failed and added on the file upload widget:, `
+    )
   }
 
   getStatusHidden() {
-    if (this.consumerStatusService.getConsumerStatus().length < MAX_ALERTS) return []
+    if (this.consumerStatusService.getConsumerStatus().length < MAX_ALERTS)
+      return []
     else return this.consumerStatusService.getConsumerStatus().slice(MAX_ALERTS)
   }
 
   getStatusUploading() {
-    return this.consumerStatusService.getConsumerStatus(FileStatusPhase.UPLOADING)
+    return this.consumerStatusService.getConsumerStatus(
+      FileStatusPhase.UPLOADING
+    )
   }
 
   getStatusFailed() {
@@ -64,7 +74,7 @@ export class UploadFileWidgetComponent implements OnInit {
     let current = 0
     let max = 0
 
-    this.getStatusUploading().forEach(status => {
+    this.getStatusUploading().forEach((status) => {
       current += status.currentPhaseProgress
       max += status.currentPhaseMaxProgress
     })
@@ -73,18 +83,21 @@ export class UploadFileWidgetComponent implements OnInit {
   }
 
   isFinished(status: FileStatus) {
-    return status.phase == FileStatusPhase.FAILED || status.phase == FileStatusPhase.SUCCESS
+    return (
+      status.phase == FileStatusPhase.FAILED ||
+      status.phase == FileStatusPhase.SUCCESS
+    )
   }
 
   getStatusColor(status: FileStatus) {
     switch (status.phase) {
       case FileStatusPhase.PROCESSING:
       case FileStatusPhase.UPLOADING:
-          return "primary"
+        return 'primary'
       case FileStatusPhase.FAILED:
-        return "danger"
+        return 'danger'
       case FileStatusPhase.SUCCESS:
-        return "success"
+        return 'success'
     }
   }
 
@@ -96,20 +109,16 @@ export class UploadFileWidgetComponent implements OnInit {
     this.consumerStatusService.dismissCompleted()
   }
 
-  ngOnInit(): void {
-  }
+  ngOnInit(): void {}
 
-  public fileOver(event){
-  }
+  public fileOver(event) {}
 
-  public fileLeave(event){
-  }
+  public fileLeave(event) {}
 
   public dropped(files: NgxFileDropEntry[]) {
     for (const droppedFile of files) {
       if (droppedFile.fileEntry.isFile) {
-
-      const fileEntry = droppedFile.fileEntry as FileSystemFileEntry;
+        const fileEntry = droppedFile.fileEntry as FileSystemFileEntry
         fileEntry.file((file: File) => {
           let formData = new FormData()
           formData.append('document', file, file.name)
@@ -117,29 +126,37 @@ export class UploadFileWidgetComponent implements OnInit {
 
           status.message = $localize`Connecting...`
 
-          this.documentService.uploadDocument(formData).subscribe(event => {
-            if (event.type == HttpEventType.UploadProgress) {
-              status.updateProgress(FileStatusPhase.UPLOADING, event.loaded, event.total)
-              status.message = $localize`Uploading...`
-            } else if (event.type == HttpEventType.Response) {
-              status.taskId = event.body["task_id"]
-              status.message = $localize`Upload complete, waiting...`
-            }
-
-          }, error => {
-            switch (error.status) {
-              case 400: {
-                this.consumerStatusService.fail(status, error.error.document)
-                break;
+          this.documentService.uploadDocument(formData).subscribe(
+            (event) => {
+              if (event.type == HttpEventType.UploadProgress) {
+                status.updateProgress(
+                  FileStatusPhase.UPLOADING,
+                  event.loaded,
+                  event.total
+                )
+                status.message = $localize`Uploading...`
+              } else if (event.type == HttpEventType.Response) {
+                status.taskId = event.body['task_id']
+                status.message = $localize`Upload complete, waiting...`
               }
-              default: {
-                this.consumerStatusService.fail(status, $localize`HTTP error: ${error.status} ${error.statusText}`)
-                break;
+            },
+            (error) => {
+              switch (error.status) {
+                case 400: {
+                  this.consumerStatusService.fail(status, error.error.document)
+                  break
+                }
+                default: {
+                  this.consumerStatusService.fail(
+                    status,
+                    $localize`HTTP error: ${error.status} ${error.statusText}`
+                  )
+                  break
+                }
               }
             }
-
-          })
-        });
+          )
+        })
       }
     }
   }

src-ui/src/app/components/dashboard/widgets/welcome-widget/welcome-widget.component.spec.ts

@@ -1,25 +1,24 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed } from '@angular/core/testing'
 
-import { WelcomeWidgetComponent } from './welcome-widget.component';
+import { WelcomeWidgetComponent } from './welcome-widget.component'
 
 describe('WelcomeWidgetComponent', () => {
-  let component: WelcomeWidgetComponent;
-  let fixture: ComponentFixture<WelcomeWidgetComponent>;
+  let component: WelcomeWidgetComponent
+  let fixture: ComponentFixture<WelcomeWidgetComponent>
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ WelcomeWidgetComponent ]
-    })
-    .compileComponents();
-  });
+      declarations: [WelcomeWidgetComponent],
+    }).compileComponents()
+  })
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(WelcomeWidgetComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
+    fixture = TestBed.createComponent(WelcomeWidgetComponent)
+    component = fixture.componentInstance
+    fixture.detectChanges()
+  })
 
   it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+    expect(component).toBeTruthy()
+  })
+})

src-ui/src/app/components/dashboard/widgets/welcome-widget/welcome-widget.component.ts

@@ -1,15 +1,12 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit } from '@angular/core'
 
 @Component({
   selector: 'app-welcome-widget',
   templateUrl: './welcome-widget.component.html',
-  styleUrls: ['./welcome-widget.component.scss']
+  styleUrls: ['./welcome-widget.component.scss'],
 })
 export class WelcomeWidgetComponent implements OnInit {
+  constructor() {}
 
-  constructor() { }
-
-  ngOnInit(): void {
-  }
-
+  ngOnInit(): void {}
 }

src-ui/src/app/components/dashboard/widgets/widget-frame/widget-frame.component.spec.ts

@@ -1,25 +1,24 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed } from '@angular/core/testing'
 
-import { WidgetFrameComponent } from './widget-frame.component';
+import { WidgetFrameComponent } from './widget-frame.component'
 
 describe('WidgetFrameComponent', () => {
-  let component: WidgetFrameComponent;
-  let fixture: ComponentFixture<WidgetFrameComponent>;
+  let component: WidgetFrameComponent
+  let fixture: ComponentFixture<WidgetFrameComponent>
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ WidgetFrameComponent ]
-    })
-    .compileComponents();
-  });
+      declarations: [WidgetFrameComponent],
+    }).compileComponents()
+  })
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(WidgetFrameComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
+    fixture = TestBed.createComponent(WidgetFrameComponent)
+    component = fixture.componentInstance
+    fixture.detectChanges()
+  })
 
   it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+    expect(component).toBeTruthy()
+  })
+})

src-ui/src/app/components/dashboard/widgets/widget-frame/widget-frame.component.ts

@@ -1,18 +1,15 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input, OnInit } from '@angular/core'
 
 @Component({
   selector: 'app-widget-frame',
   templateUrl: './widget-frame.component.html',
-  styleUrls: ['./widget-frame.component.scss']
+  styleUrls: ['./widget-frame.component.scss'],
 })
 export class WidgetFrameComponent implements OnInit {
-
-  constructor() { }
+  constructor() {}
 
   @Input()
   title: string
 
-  ngOnInit(): void {
-  }
-
+  ngOnInit(): void {}
 }