Implement warning for closeAll

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() {
-    this.openDocuments.splice(0, this.openDocuments.length)
-    this.save()
+  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() {