Prettier code cleanup for .ts files

See #182

src-ui/src/app/components/common/input/abstract-input.ts

@@ -1,30 +1,29 @@
-import { Directive, ElementRef, Input, OnInit, ViewChild } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-import { v4 as uuidv4 } from 'uuid';
+import { Directive, ElementRef, Input, OnInit, ViewChild } from '@angular/core'
+import { ControlValueAccessor } from '@angular/forms'
+import { v4 as uuidv4 } from 'uuid'
 
 @Directive()
 export class AbstractInputComponent<T> implements OnInit, ControlValueAccessor {
-
-  @ViewChild("inputField")
+  @ViewChild('inputField')
   inputField: ElementRef
 
-  constructor() { }
+  constructor() {}
 
-  onChange = (newValue: T) => {};
+  onChange = (newValue: T) => {}
 
-  onTouched = () => {};
+  onTouched = () => {}
 
   writeValue(newValue: any): void {
     this.value = newValue
   }
   registerOnChange(fn: any): void {
-    this.onChange = fn;
+    this.onChange = fn
   }
   registerOnTouched(fn: any): void {
-    this.onTouched = fn;
+    this.onTouched = fn
   }
   setDisabledState?(isDisabled: boolean): void {
-    this.disabled = isDisabled;
+    this.disabled = isDisabled
   }
 
   focus() {
@@ -37,7 +36,7 @@ export class AbstractInputComponent<T> implements OnInit, ControlValueAccessor {
   title: string
 
   @Input()
-  disabled = false;
+  disabled = false
 
   @Input()
   error: string

src-ui/src/app/components/common/input/check/check.component.spec.ts

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

src-ui/src/app/components/common/input/check/check.component.ts

@@ -1,22 +1,22 @@
-import { Component, forwardRef, Input, OnInit } from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { v4 as uuidv4 } from 'uuid';
-import { AbstractInputComponent } from '../abstract-input';
+import { Component, forwardRef, Input, OnInit } from '@angular/core'
+import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms'
+import { v4 as uuidv4 } from 'uuid'
+import { AbstractInputComponent } from '../abstract-input'
 
 @Component({
-  providers: [{
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => CheckComponent),
-    multi: true
-  }],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => CheckComponent),
+      multi: true,
+    },
+  ],
   selector: 'app-input-check',
   templateUrl: './check.component.html',
-  styleUrls: ['./check.component.scss']
+  styleUrls: ['./check.component.scss'],
 })
 export class CheckComponent extends AbstractInputComponent<boolean> {
-
   constructor() {
     super()
   }
-
 }

src-ui/src/app/components/common/input/color/color.component.spec.ts

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

src-ui/src/app/components/common/input/color/color.component.ts

@@ -1,20 +1,21 @@
-import { Component, forwardRef } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { randomColor } from 'src/app/utils/color';
-import { AbstractInputComponent } from '../abstract-input';
+import { Component, forwardRef } from '@angular/core'
+import { NG_VALUE_ACCESSOR } from '@angular/forms'
+import { randomColor } from 'src/app/utils/color'
+import { AbstractInputComponent } from '../abstract-input'
 
 @Component({
-  providers: [{
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => ColorComponent),
-    multi: true
-  }],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => ColorComponent),
+      multi: true,
+    },
+  ],
   selector: 'app-input-color',
   templateUrl: './color.component.html',
-  styleUrls: ['./color.component.scss']
+  styleUrls: ['./color.component.scss'],
 })
 export class ColorComponent extends AbstractInputComponent<string> {
-
   constructor() {
     super()
   }

src-ui/src/app/components/common/input/date/date.component.spec.ts

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

src-ui/src/app/components/common/input/date/date.component.ts

@@ -1,21 +1,24 @@
-import { Component, forwardRef, OnInit } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { SettingsService } from 'src/app/services/settings.service';
-import { AbstractInputComponent } from '../abstract-input';
-
+import { Component, forwardRef, OnInit } from '@angular/core'
+import { NG_VALUE_ACCESSOR } from '@angular/forms'
+import { SettingsService } from 'src/app/services/settings.service'
+import { AbstractInputComponent } from '../abstract-input'
 
 @Component({
-  providers: [{
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => DateComponent),
-    multi: true
-  }],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => DateComponent),
+      multi: true,
+    },
+  ],
   selector: 'app-input-date',
   templateUrl: './date.component.html',
-  styleUrls: ['./date.component.scss']
+  styleUrls: ['./date.component.scss'],
 })
-export class DateComponent extends AbstractInputComponent<string> implements OnInit {
-
+export class DateComponent
+  extends AbstractInputComponent<string>
+  implements OnInit
+{
   constructor(private settings: SettingsService) {
     super()
   }

src-ui/src/app/components/common/input/number/number.component.spec.ts

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

src-ui/src/app/components/common/input/number/number.component.ts

@@ -1,21 +1,22 @@
-import { Component, forwardRef } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { FILTER_ASN_ISNULL } from 'src/app/data/filter-rule-type';
-import { DocumentService } from 'src/app/services/rest/document.service';
-import { AbstractInputComponent } from '../abstract-input';
+import { Component, forwardRef } from '@angular/core'
+import { NG_VALUE_ACCESSOR } from '@angular/forms'
+import { FILTER_ASN_ISNULL } from 'src/app/data/filter-rule-type'
+import { DocumentService } from 'src/app/services/rest/document.service'
+import { AbstractInputComponent } from '../abstract-input'
 
 @Component({
-  providers: [{
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => NumberComponent),
-    multi: true
-  }],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => NumberComponent),
+      multi: true,
+    },
+  ],
   selector: 'app-input-number',
   templateUrl: './number.component.html',
-  styleUrls: ['./number.component.scss']
+  styleUrls: ['./number.component.scss'],
 })
 export class NumberComponent extends AbstractInputComponent<number> {
-
   constructor(private documentService: DocumentService) {
     super()
   }
@@ -24,16 +25,17 @@ export class NumberComponent extends AbstractInputComponent<number> {
     if (this.value) {
       return
     }
-    this.documentService.listFiltered(1, 1, "archive_serial_number", true, [{rule_type: FILTER_ASN_ISNULL, value: "false"}]).subscribe(
-      results => {
+    this.documentService
+      .listFiltered(1, 1, 'archive_serial_number', true, [
+        { rule_type: FILTER_ASN_ISNULL, value: 'false' },
+      ])
+      .subscribe((results) => {
         if (results.count > 0) {
           this.value = results.results[0].archive_serial_number + 1
         } else {
           this.value = 1
         }
         this.onChange(this.value)
-      }
-    )
+      })
   }
-
 }

src-ui/src/app/components/common/input/select/select.component.spec.ts

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

src-ui/src/app/components/common/input/select/select.component.ts

@@ -1,23 +1,30 @@
-import { Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { AbstractInputComponent } from '../abstract-input';
+import {
+  Component,
+  EventEmitter,
+  forwardRef,
+  Input,
+  Output,
+} from '@angular/core'
+import { NG_VALUE_ACCESSOR } from '@angular/forms'
+import { AbstractInputComponent } from '../abstract-input'
 
 @Component({
-  providers: [{
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => SelectComponent),
-    multi: true
-  }],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => SelectComponent),
+      multi: true,
+    },
+  ],
   selector: 'app-input-select',
   templateUrl: './select.component.html',
-  styleUrls: ['./select.component.scss']
+  styleUrls: ['./select.component.scss'],
 })
 export class SelectComponent extends AbstractInputComponent<number> {
-
   constructor() {
     super()
     this.addItemRef = this.addItem.bind(this)
-   }
+  }
 
   @Input()
   items: any[]
@@ -47,7 +54,9 @@ export class SelectComponent extends AbstractInputComponent<number> {
 
   getSuggestions() {
     if (this.suggestions && this.items) {
-      return this.suggestions.filter(id => id != this.value).map(id => this.items.find(item => item.id == id))
+      return this.suggestions
+        .filter((id) => id != this.value)
+        .map((id) => this.items.find((item) => item.id == id))
     } else {
       return []
     }
@@ -75,7 +84,6 @@ export class SelectComponent extends AbstractInputComponent<number> {
   onBlur() {
     setTimeout(() => {
       this.clearLastSearchTerm()
-    }, 3000);
+    }, 3000)
   }
-
 }

src-ui/src/app/components/common/input/tags/tags.component.spec.ts

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

src-ui/src/app/components/common/input/tags/tags.component.ts

@@ -1,45 +1,46 @@
-import { Component, forwardRef, Input, OnInit } from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
-import { TagEditDialogComponent } from 'src/app/components/manage/tag-list/tag-edit-dialog/tag-edit-dialog.component';
-import { PaperlessTag } from 'src/app/data/paperless-tag';
-import { TagService } from 'src/app/services/rest/tag.service';
+import { Component, forwardRef, Input, OnInit } from '@angular/core'
+import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms'
+import { NgbModal } from '@ng-bootstrap/ng-bootstrap'
+import { TagEditDialogComponent } from 'src/app/components/manage/tag-list/tag-edit-dialog/tag-edit-dialog.component'
+import { PaperlessTag } from 'src/app/data/paperless-tag'
+import { TagService } from 'src/app/services/rest/tag.service'
 
 @Component({
-  providers: [{
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => TagsComponent),
-    multi: true
-  }],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => TagsComponent),
+      multi: true,
+    },
+  ],
   selector: 'app-input-tags',
   templateUrl: './tags.component.html',
-  styleUrls: ['./tags.component.scss']
+  styleUrls: ['./tags.component.scss'],
 })
 export class TagsComponent implements OnInit, ControlValueAccessor {
-
   constructor(private tagService: TagService, private modalService: NgbModal) {
     this.createTagRef = this.createTag.bind(this)
   }
 
-  onChange = (newValue: number[]) => {};
+  onChange = (newValue: number[]) => {}
 
-  onTouched = () => {};
+  onTouched = () => {}
 
   writeValue(newValue: number[]): void {
     this.value = newValue
   }
   registerOnChange(fn: any): void {
-    this.onChange = fn;
+    this.onChange = fn
   }
   registerOnTouched(fn: any): void {
-    this.onTouched = fn;
+    this.onTouched = fn
   }
   setDisabledState?(isDisabled: boolean): void {
-    this.disabled = isDisabled;
+    this.disabled = isDisabled
   }
 
   ngOnInit(): void {
-    this.tagService.listAll().subscribe(result => {
+    this.tagService.listAll().subscribe((result) => {
       this.tags = result.results
     })
   }
@@ -63,7 +64,7 @@ export class TagsComponent implements OnInit, ControlValueAccessor {
 
   getTag(id) {
     if (this.tags) {
-      return this.tags.find(tag => tag.id == id)
+      return this.tags.find((tag) => tag.id == id)
     } else {
       return null
     }
@@ -80,12 +81,15 @@ export class TagsComponent implements OnInit, ControlValueAccessor {
   }
 
   createTag(name: string = null) {
-    var modal = this.modalService.open(TagEditDialogComponent, {backdrop: 'static'})
+    var modal = this.modalService.open(TagEditDialogComponent, {
+      backdrop: 'static',
+    })
     modal.componentInstance.dialogMode = 'create'
     if (name) modal.componentInstance.object = { name: name }
-    else if (this._lastSearchTerm) modal.componentInstance.object = { name: this._lastSearchTerm }
-    modal.componentInstance.success.subscribe(newTag => {
-      this.tagService.listAll().subscribe(tags => {
+    else if (this._lastSearchTerm)
+      modal.componentInstance.object = { name: this._lastSearchTerm }
+    modal.componentInstance.success.subscribe((newTag) => {
+      this.tagService.listAll().subscribe((tags) => {
         this.tags = tags.results
         this.value = [...this.value, newTag.id]
         this.onChange(this.value)
@@ -95,7 +99,9 @@ export class TagsComponent implements OnInit, ControlValueAccessor {
 
   getSuggestions() {
     if (this.suggestions && this.tags) {
-      return this.suggestions.filter(id => !this.value.includes(id)).map(id => this.tags.find(tag => tag.id == id))
+      return this.suggestions
+        .filter((id) => !this.value.includes(id))
+        .map((id) => this.tags.find((tag) => tag.id == id))
     } else {
       return []
     }
@@ -117,7 +123,6 @@ export class TagsComponent implements OnInit, ControlValueAccessor {
   onBlur() {
     setTimeout(() => {
       this.clearLastSearchTerm()
-    }, 3000);
+    }, 3000)
   }
-
 }

src-ui/src/app/components/common/input/text/text.component.spec.ts

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

src-ui/src/app/components/common/input/text/text.component.ts

@@ -1,21 +1,21 @@
-import { Component, forwardRef } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { AbstractInputComponent } from '../abstract-input';
+import { Component, forwardRef } from '@angular/core'
+import { NG_VALUE_ACCESSOR } from '@angular/forms'
+import { AbstractInputComponent } from '../abstract-input'
 
 @Component({
-  providers: [{
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => TextComponent),
-    multi: true
-  }],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => TextComponent),
+      multi: true,
+    },
+  ],
   selector: 'app-input-text',
   templateUrl: './text.component.html',
-  styleUrls: ['./text.component.scss']
+  styleUrls: ['./text.component.scss'],
 })
 export class TextComponent extends AbstractInputComponent<string> {
-
   constructor() {
     super()
   }
-
 }