Merge pull request #49 from pirogramming/feat-jh

feat: added toggle down, block_user to room.js

Author: inoaole

backend-core/missions/views.py

@@ -496,6 +496,7 @@ def chat_room(request: HttpRequest, mission_id: int, room_id: int) -> HttpRespon
             "is_author": is_author,
             "can_accept": can_accept,
             "blockable_user": blockable_user,
+            "other_user": other_user,
         },
     )
 

backend-core/static/chat/js/room.js

@@ -44,6 +44,19 @@ class ChatClient {
     }
 
     init() {
+
+        const moreMenuBtn = document.getElementById('moreMenuBtn');
+        const moreDropdown = document.getElementById('moreDropdown');
+        if (moreMenuBtn && moreDropdown) {
+            moreMenuBtn.addEventListener('click', (e) => {
+                e.stopPropagation();
+                moreDropdown.classList.toggle('active');
+            });
+            document.addEventListener('click', () => {
+                moreDropdown.classList.remove('active');
+            });
+            moreDropdown.addEventListener('click', (e) => e.stopPropagation());
+        }
         // 차단 버튼: 가장 먼저 등록 (sendBtn/messageInput 오류 시에도 동작)
         document.querySelectorAll('.btn-block, .btn-block-text').forEach(btn => {
             btn.addEventListener('click', (e) => {

backend-core/staticfiles/chat/js/room.js

@@ -44,6 +44,19 @@ class ChatClient {
     }
 
     init() {
+
+        const moreMenuBtn = document.getElementById('moreMenuBtn');
+        const moreDropdown = document.getElementById('moreDropdown');
+        if (moreMenuBtn && moreDropdown) {
+            moreMenuBtn.addEventListener('click', (e) => {
+                e.stopPropagation();
+                moreDropdown.classList.toggle('active');
+            });
+            document.addEventListener('click', () => {
+                moreDropdown.classList.remove('active');
+            });
+            moreDropdown.addEventListener('click', (e) => e.stopPropagation());
+        }
         // 차단 버튼: 가장 먼저 등록 (sendBtn/messageInput 오류 시에도 동작)
         document.querySelectorAll('.btn-block, .btn-block-text').forEach(btn => {
             btn.addEventListener('click', (e) => {