added paperless ui

src-ui/src/app/components/common/edit-dialog/edit-dialog.component.spec.ts

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

src-ui/src/app/components/common/edit-dialog/edit-dialog.component.ts

@@ -0,0 +1,71 @@
+import { Directive, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { Form, FormGroup } from '@angular/forms';
+import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
+import { Observable } from 'rxjs';
+import { ObjectWithId } from 'src/app/data/object-with-id';
+import { AbstractPaperlessService } from 'src/app/services/rest/abstract-paperless-service';
+import { Toast, ToastService } from 'src/app/services/toast.service';
+
+@Directive()
+export abstract class EditDialogComponent<T extends ObjectWithId> implements OnInit {
+
+  constructor(
+    private service: AbstractPaperlessService<T>,
+    private activeModal: NgbActiveModal,
+    private toastService: ToastService,
+    private entityName: string) { }
+
+  @Input()
+  dialogMode: string = 'create'
+
+  @Input()
+  object: T
+
+  @Output()
+  success = new EventEmitter()
+
+  abstract getForm(): FormGroup
+
+  objectForm: FormGroup = this.getForm()
+
+  ngOnInit(): void {
+    if (this.object != null) {
+      this.objectForm.patchValue(this.object)
+    }
+  }
+
+  getTitle() {
+    switch (this.dialogMode) {
+      case 'create':
+        return "Create new " + this.entityName
+      case 'edit':
+        return "Edit " + this.entityName
+      default:
+        break;
+    }
+  }
+
+  save() {
+    var newObject = Object.assign(Object.assign({}, this.object), this.objectForm.value)
+    var serverResponse: Observable<T>
+    switch (this.dialogMode) {
+      case 'create':
+        serverResponse = this.service.create(newObject)
+        break;
+      case 'edit':
+        serverResponse = this.service.update(newObject)
+      default:
+        break;
+    }
+    serverResponse.subscribe(result => {
+      this.activeModal.close()
+      this.success.emit(result)
+    }, error => {
+      this.toastService.showToast(Toast.make("Error", `Could not save ${this.entityName}: ${error.error.name}`))
+    })
+  }
+
+  cancel() {
+    this.activeModal.close()
+  }
+}