web: add middleware that shows message for failed API requests

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>

web/src/elements/messages/Middleware.ts

@@ -0,0 +1,18 @@
+import { Middleware, ResponseContext } from "authentik-api";
+import { gettext } from "django";
+import { MessageLevel } from "./Message";
+import { showMessage } from "./MessageContainer";
+
+export class MessageMiddleware implements Middleware {
+
+    post(context: ResponseContext): Promise<Response | void> {
+        if (!context.response.ok) {
+            showMessage({
+                level: MessageLevel.error,
+                message: gettext("API request failed"),
+                description: `${context.init.method} ${context.url}: ${context.response.status}`
+            });
+        }
+        return Promise.resolve(context.response);
+    }
+}