popup chat close on esc added. (TUM-Dev#1281)

* popup chat close on esc added. * Update popup-chat.gohtml --------- Co-authored-by: Sebastian <sebiwrn@web.de>
moba15 · Dec 28, 2023 · 2f203ba · 2f203ba
1 parent 27bf25f
commit 2f203ba
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/web/template/popup-chat.gohtml b/web/template/popup-chat.gohtml
@@ -17,6 +17,6 @@
     <link href="/static/assets/css-dist/home.css?v={{if .IndexData.VersionTag}}{{.IndexData.VersionTag}}{{else}}development{{end}}"
           rel="stylesheet">
 </head>
-<body class="bg-white dark:bg-secondary h-screen" x-data="interaction.popupContext({{$stream.ID}})">
+<body class="bg-white dark:bg-secondary h-screen" x-data="interaction.popupContext({{$stream.ID}})" x-init="interaction.closeChatOnEscapePressed()">
     {{template "chat-component" .}}
 </body>
diff --git a/web/ts/components/popup.ts b/web/ts/components/popup.ts
@@ -13,3 +13,11 @@ export function popupContext(streamId: number): AlpineComponent {
         },
     } as AlpineComponent;
 }
+
+export function closeChatOnEscapePressed() {
+    document.addEventListener("keyup", function (event) {
+        if (event.key === "Escape") {
+            window.close();
+        }
+    });
+}