Implement warning for closeAll

src-ui/src/app/components/app-frame/app-frame.component.ts

@@ -25,9 +25,7 @@ export class AppFrameComponent implements OnInit, OnDestroy {
     private searchService: SearchService,
     public savedViewService: SavedViewService,
     private meta: Meta
-    ) {
+    ) { }
-      
-  }
 
   versionString = `${environment.appTitle} ${environment.version}`
 
@@ -78,8 +76,10 @@ export class AppFrameComponent implements OnInit, OnDestroy {
   }
 
   closeAll() {
+    // user may need to confirm losing unsaved changes
+    this.openDocumentsService.closeAll().subscribe(confirmed => {
+      if (confirmed) {
         this.closeMenu()
-    this.openDocumentsService.closeAll()
 
         // TODO: is there a better way to do this?
         let route = this.activatedRoute
@@ -90,6 +90,8 @@ export class AppFrameComponent implements OnInit, OnDestroy {
           this.router.navigate([""])
         }
       }
+    })
+  }
 
   ngOnInit() {
     this.openDocuments = this.openDocumentsService.getOpenDocuments()

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

@@ -136,6 +136,9 @@ export class DocumentDetailComponent implements OnInit, DirtyComponent {
 
     // Initialize dirtyCheck
     this.isDirty$ = dirtyCheck(this.documentForm, this.store.asObservable())
+    this.isDirty$.subscribe(dirty => {
+      this.openDocumentService.setDirty(this.document.id, dirty)
+    })
   }
 
   createDocumentType() {

src-ui/src/app/services/open-documents.service.ts

@@ -2,6 +2,9 @@ import { Injectable } from '@angular/core';
 import { PaperlessDocument } from '../data/paperless-document';
 import { OPEN_DOCUMENT_SERVICE } from '../data/storage-keys';
 import { DocumentService } from './rest/document.service';
+import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { ConfirmDialogComponent } from 'src/app/components/common/confirm-dialog/confirm-dialog.component';
+import { Observable, Subject, of } from 'rxjs';
 
 @Injectable({
   providedIn: 'root'
@@ -10,7 +13,7 @@ export class OpenDocumentsService {
 
   private MAX_OPEN_DOCUMENTS = 5
 
-  constructor(private documentService: DocumentService) { 
+  constructor(private documentService: DocumentService, private modalService: NgbModal) {
     if (sessionStorage.getItem(OPEN_DOCUMENT_SERVICE.DOCUMENTS)) {
       try {
         this.openDocuments = JSON.parse(sessionStorage.getItem(OPEN_DOCUMENT_SERVICE.DOCUMENTS))
@@ -22,6 +25,7 @@ export class OpenDocumentsService {
   }
 
   private openDocuments: PaperlessDocument[] = []
+  private dirtyDocuments: Set<number> = new Set<number>()
 
   refreshDocument(id: number) {
     let index = this.openDocuments.findIndex(doc => doc.id == id)
@@ -53,6 +57,11 @@ export class OpenDocumentsService {
     }
   }
 
+  setDirty(documentId: number, dirty: boolean) {
+    if (dirty) this.dirtyDocuments.add(documentId)
+    else this.dirtyDocuments.delete(documentId)
+  }
+
   closeDocument(doc: PaperlessDocument) {
     let index = this.openDocuments.findIndex(d => d.id == doc.id)
     if (index > -1) {
@@ -61,9 +70,28 @@ export class OpenDocumentsService {
     }
   }
 
-  closeAll() {
+  closeAll(): Observable<boolean> {
+    if (this.dirtyDocuments.size) {
+      let modal = this.modalService.open(ConfirmDialogComponent, {backdrop: 'static'})
+      modal.componentInstance.title = $localize`Unsaved Changes`
+      modal.componentInstance.messageBold = $localize`You have unsaved changes.`
+      modal.componentInstance.message = $localize`Are you sure you want to close all documents?`
+      modal.componentInstance.btnClass = "btn-warning"
+      modal.componentInstance.btnCaption = $localize`Close documents`
+      modal.componentInstance.confirmClicked.subscribe(() => {
+        modal.componentInstance.buttonsEnabled = false
+        modal.close()
         this.openDocuments.splice(0, this.openDocuments.length)
         this.save()
+      })
+      const subject = new Subject<boolean>()
+      modal.componentInstance.subject = subject
+      return subject.asObservable()
+    } else {
+      this.openDocuments.splice(0, this.openDocuments.length)
+      this.save()
+      return of(true)
+    }
   }
 
   save() {