From a63702ef905191b80d721559d4cb740348ed7989 Mon Sep 17 00:00:00 2001
From: Jens Langhammer <jens.langhammer@beryju.org>
Date: Fri, 12 Mar 2021 12:27:57 +0100
Subject: [PATCH] web: add close button to messages

---
 web/src/elements/messages/Message.ts    | 9 +++++++++
 web/src/elements/router/RouterOutlet.ts | 5 ++---
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/web/src/elements/messages/Message.ts b/web/src/elements/messages/Message.ts
index 50d3e3b78..55adf7ea9 100644
--- a/web/src/elements/messages/Message.ts
+++ b/web/src/elements/messages/Message.ts
@@ -46,6 +46,15 @@ export class Message extends LitElement {
                 <p class="pf-c-alert__title">
                     ${this.message?.message}
                 </p>
+                <div class="pf-c-alert__action">
+                    <button class="pf-c-button pf-m-plain" type="button" @click=${() => {
+                        if (!this.message) return;
+                        if (!this.onRemove) return;
+                        this.onRemove(this.message);
+                    }}>
+                        <i class="fas fa-times" aria-hidden="true"></i>
+                    </button>
+                </div>
             </div>
         </li>`;
     }
diff --git a/web/src/elements/router/RouterOutlet.ts b/web/src/elements/router/RouterOutlet.ts
index 796511c34..6aae6046e 100644
--- a/web/src/elements/router/RouterOutlet.ts
+++ b/web/src/elements/router/RouterOutlet.ts
@@ -50,18 +50,17 @@ export class RouterOutlet extends LitElement {
         if (activeUrl === "") {
             activeUrl = this.defaultUrl || "/";
             window.location.hash = `#${activeUrl}`;
-            console.debug(`authentik/router: set to ${window.location.hash}`);
+            console.debug(`authentik/router: defaulted URL to ${window.location.hash}`);
             return;
         }
         let matchedRoute: RouteMatch | null = null;
         ROUTES.some((route) => {
-            console.debug(`authentik/router: matching ${activeUrl} against ${route.url}`);
             const match = route.url.exec(activeUrl);
             if (match != null) {
                 matchedRoute = new RouteMatch(route);
                 matchedRoute.arguments = match.groups || {};
                 matchedRoute.fullUrl = activeUrl;
-                console.debug(`authentik/router: found match ${matchedRoute}`);
+                console.debug("authentik/router: found match ", matchedRoute);
                 return true;
             }
         });