Add API for django messages

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

@@ -21,6 +21,7 @@ import { IfPermissionsDirective } from 'src/app/directives/if-permissions.direct
 import { FormsModule, ReactiveFormsModule } from '@angular/forms'
 import { of, throwError } from 'rxjs'
 import { ToastService } from 'src/app/services/toast.service'
+import { MessagesService } from 'src/app/services/messages.service'
 import { environment } from 'src/environments/environment'
 import { OpenDocumentsService } from 'src/app/services/open-documents.service'
 import { ActivatedRoute, Router } from '@angular/router'
@@ -83,6 +84,7 @@ describe('AppFrameComponent', () => {
   let permissionsService: PermissionsService
   let remoteVersionService: RemoteVersionService
   let toastService: ToastService
+  let messagesService: MessagesService
   let openDocumentsService: OpenDocumentsService
   let searchService: SearchService
   let documentListViewService: DocumentListViewService
@@ -123,6 +125,7 @@ describe('AppFrameComponent', () => {
         RemoteVersionService,
         IfPermissionsDirective,
         ToastService,
+        MessagesService,
         OpenDocumentsService,
         SearchService,
         NgbModal,
@@ -151,6 +154,7 @@ describe('AppFrameComponent', () => {
     permissionsService = TestBed.inject(PermissionsService)
     remoteVersionService = TestBed.inject(RemoteVersionService)
     toastService = TestBed.inject(ToastService)
+    messagesService = TestBed.inject(MessagesService)
     openDocumentsService = TestBed.inject(OpenDocumentsService)
     searchService = TestBed.inject(SearchService)
     documentListViewService = TestBed.inject(DocumentListViewService)
@@ -393,4 +397,19 @@ describe('AppFrameComponent', () => {
       backdrop: 'static',
     })
   })
+
+  it('should show toasts for django messages', () => {
+    const toastErrorSpy = jest.spyOn(toastService, 'showError')
+    const toastInfoSpy = jest.spyOn(toastService, 'showInfo')
+    jest.spyOn(messagesService, 'get').mockReturnValue(
+      of([
+        { level: 'error', message: 'Test error', tags: '' },
+        { level: 'info', message: 'Test info', tags: '' },
+      ])
+    )
+    component.ngOnInit()
+    httpTestingController.expectOne(`${environment.apiBaseUrl}messages/`)
+    expect(toastErrorSpy).toHaveBeenCalled()
+    expect(toastInfoSpy).toHaveBeenCalled()
+  })
 })

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

@@ -12,6 +12,7 @@ import {
 } from 'rxjs/operators'
 import { Document } from 'src/app/data/document'
 import { OpenDocumentsService } from 'src/app/services/open-documents.service'
+import { MessagesService } from 'src/app/services/messages.service'
 import { SavedViewService } from 'src/app/services/rest/saved-view.service'
 import { SearchService } from 'src/app/services/rest/search.service'
 import { environment } from 'src/environments/environment'
@@ -73,7 +74,8 @@ export class AppFrameComponent
     public tasksService: TasksService,
     private readonly toastService: ToastService,
     private modalService: NgbModal,
-    permissionsService: PermissionsService
+    permissionsService: PermissionsService,
+    private messagesService: MessagesService
   ) {
     super()
 
@@ -92,6 +94,25 @@ export class AppFrameComponent
       this.checkForUpdates()
     }
     this.tasksService.reload()
+
+    this.messagesService
+      .get()
+      .pipe(first())
+      .subscribe((msgs) => {
+        for (const m of msgs) {
+          switch (m.level) {
+            case 'error':
+            case 'warning':
+              this.toastService.showError(m.message)
+              break
+            case 'success':
+            case 'info':
+            case 'debug':
+              this.toastService.showInfo(m.message)
+              break
+          }
+        }
+      })
   }
 
   toggleSlimSidebar(): void {

src-ui/src/app/services/messages.service.spec.ts

@@ -0,0 +1,35 @@
+import { TestBed } from '@angular/core/testing'
+
+import { MessagesService } from './messages.service'
+
+import {
+  HttpClientTestingModule,
+  HttpTestingController,
+} from '@angular/common/http/testing'
+import { environment } from 'src/environments/environment'
+
+describe('MessagesService', () => {
+  let httpTestingController: HttpTestingController
+  let service: MessagesService
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      providers: [MessagesService],
+      imports: [HttpClientTestingModule],
+    })
+    httpTestingController = TestBed.inject(HttpTestingController)
+    service = TestBed.inject(MessagesService)
+  })
+
+  afterEach(() => {
+    httpTestingController.verify()
+  })
+
+  it('calls get profile endpoint', () => {
+    service.get().subscribe()
+    const req = httpTestingController.expectOne(
+      `${environment.apiBaseUrl}messages/`
+    )
+    expect(req.request.method).toEqual('GET')
+  })
+})

src-ui/src/app/services/messages.service.ts

@@ -0,0 +1,25 @@
+import { HttpClient } from '@angular/common/http'
+import { Injectable } from '@angular/core'
+import { Observable } from 'rxjs'
+import { environment } from 'src/environments/environment'
+
+export interface DjangoMessage {
+  level: string
+  message: string
+  tags: string
+}
+
+@Injectable({
+  providedIn: 'root',
+})
+export class MessagesService {
+  private endpoint = 'messages'
+
+  constructor(private http: HttpClient) {}
+
+  get(): Observable<DjangoMessage[]> {
+    return this.http.get<DjangoMessage[]>(
+      `${environment.apiBaseUrl}${this.endpoint}/`
+    )
+  }
+}