+
-
diff --git a/src-ui/src/app/components/dashboard/dashboard.component.ts b/src-ui/src/app/components/dashboard/dashboard.component.ts
index 38138a3f5..f929459e3 100644
--- a/src-ui/src/app/components/dashboard/dashboard.component.ts
+++ b/src-ui/src/app/components/dashboard/dashboard.component.ts
@@ -1,4 +1,6 @@
import { Component, OnInit } from '@angular/core';
+import { FileSystemDirectoryEntry, FileSystemFileEntry, NgxFileDropEntry } from 'ngx-file-drop';
+import { DocumentService } from 'src/app/services/rest/document.service';
@Component({
selector: 'app-dashboard',
@@ -7,9 +9,37 @@ import { Component, OnInit } from '@angular/core';
})
export class DashboardComponent implements OnInit {
- constructor() { }
+ constructor(private documentService: DocumentService) { }
ngOnInit(): void {
}
+ public fileOver(event){
+ console.log(event);
+ }
+
+ public fileLeave(event){
+ console.log(event);
+ }
+
+ public dropped(files: NgxFileDropEntry[]) {
+ for (const droppedFile of files) {
+
+ // Is it a file?
+ if (droppedFile.fileEntry.isFile) {
+ const fileEntry = droppedFile.fileEntry as FileSystemFileEntry;
+ console.log(fileEntry)
+ fileEntry.file((file: File) => {
+ console.log(file)
+ const formData = new FormData()
+ formData.append('document', file, file.name)
+ this.documentService.uploadDocument(formData).subscribe(result => {
+ console.log(result)
+ }, error => {
+ console.error(error)
+ })
+ });
+ }
+ }
+ }
}
diff --git a/src-ui/src/app/services/rest/document.service.ts b/src-ui/src/app/services/rest/document.service.ts
index 792b9fae8..863758234 100644
--- a/src-ui/src/app/services/rest/document.service.ts
+++ b/src-ui/src/app/services/rest/document.service.ts
@@ -26,4 +26,8 @@ export class DocumentService extends AbstractPaperlessService
return this.getResourceUrl(id, 'download') + `?auth_token=${this.auth.getToken()}`
}
+ uploadDocument(formData) {
+ return this.http.post(this.getResourceUrl(null, 'post_document'), formData)
+ }
+
}