Add deleted websocket message

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

@@ -241,6 +241,10 @@ export class DocumentListComponent
         this.list.reload()
       })
 
+    this.consumerStatusService.onDocumentDeleted().subscribe(() => {
+      this.list.reload()
+    })
+
     this.route.paramMap
       .pipe(
         filter((params) => params.has('id')), // only on saved view e.g. /view/id

src-ui/src/app/services/consumer-status.service.spec.ts

@@ -323,4 +323,21 @@ describe('ConsumerStatusService', () => {
       1
     )
   })
+
+  it('should trigger deleted subject on document deleted', () => {
+    let deleted = false
+    consumerStatusService.onDocumentDeleted().subscribe(() => {
+      deleted = true
+    })
+
+    consumerStatusService.connect()
+    server.send({
+      current_progress: 1,
+      max_progress: 1,
+      status: 'DELETED',
+    })
+
+    consumerStatusService.disconnect()
+    expect(deleted).toBeTruthy()
+  })
 })

src-ui/src/app/services/consumer-status.service.ts

@@ -95,6 +95,7 @@ export class ConsumerStatusService {
   private documentDetectedSubject = new Subject<FileStatus>()
   private documentConsumptionFinishedSubject = new Subject<FileStatus>()
   private documentConsumptionFailedSubject = new Subject<FileStatus>()
+  private documentDeletedSubject = new Subject<boolean>()
 
   private get(taskId: string, filename?: string) {
     let status =
@@ -147,6 +148,11 @@ export class ConsumerStatusService {
     )
     this.statusWebSocket.onmessage = (ev) => {
       let statusMessage: WebsocketConsumerStatusMessage = JSON.parse(ev['data'])
+      let isDelete = statusMessage.status === 'DELETED'
+      if (isDelete) {
+        this.documentDeletedSubject.next(true)
+        return
+      }
 
       // fallback if backend didn't restrict message
       if (
@@ -250,4 +256,8 @@ export class ConsumerStatusService {
   onDocumentDetected() {
     return this.documentDetectedSubject
   }
+
+  onDocumentDeleted() {
+    return this.documentDeletedSubject
+  }
 }