회원탈퇴 팝업 UI 개선 및 관련 JS 이벤트 처리 추가

2026-03-05 15:24:37 +09:00
parent d22a1ad535
commit c1f584cbf1
6 changed files with 250 additions and 66 deletions
@@ -576,6 +576,51 @@ const customPopups = {
        $(document).off('keydown.changeRole');
    },

+    showWithdrawal: function () {
+        $('#withdrawalPopup').show();
+        setTimeout(function() {
+            $('#withdrawalModalBackdrop').addClass('show');
+            $('#withdrawalModal').addClass('show');
+        }, 10);
+
+        $('body').css('overflow', 'hidden');
+
+        $('#withdrawalPopupConfirmButton').off('click').on('click', function () {
+            customPopups.hideWithdrawal();
+            $('#withdrawalForm').submit();
+        });
+
+        $('#withdrawalPopupCancelButton').off('click').on('click', function () {
+            customPopups.hideWithdrawal();
+        });
+
+        $('#withdrawalPopupCloseButton').off('click').on('click', function () {
+            customPopups.hideWithdrawal();
+        });
+
+        $(document).off('keydown.withdrawal').on('keydown.withdrawal', function (e) {
+            if (e.key === 'Escape') {
+                customPopups.hideWithdrawal();
+            }
+        });
+    },
+
+    hideWithdrawal: function () {
+        $('#withdrawalModalBackdrop').removeClass('show');
+        $('#withdrawalModal').removeClass('show');
+
+        setTimeout(function() {
+            $('#withdrawalPopup').hide();
+        }, 300);
+
+        $('body').css('overflow', '');
+
+        $('#withdrawalPopupConfirmButton').off('click');
+        $('#withdrawalPopupCancelButton').off('click');
+        $('#withdrawalPopupCloseButton').off('click');
+        $(document).off('keydown.withdrawal');
+    },
+
    init: function () {
        // emailValidationPopup 팝업의 닫기 버튼에 이벤트 리스너 추가
        $('#emailValidationPopupCloseButton').on('click', function () {