feat(erp): 공용 확인/경고 창으로 브라우저 기본 confirm 대체

브라우저 기본 confirm()/alert() 은 제목에 도메인이 찍히고("dbx.no1king. freeddns.org 내용:") 위치·정렬·아이콘을 바꿀 수 없다. 같은 역할의 창을 직접 그려 화면 정중앙에 띄운다. - app/static/erp-dialog.{js,css} 신규. 제목은 "No.1 King ERP 프로그램", 내용은 가운데 정렬, 왼쪽에 경고 삼각형 아이콘(인라인 SVG - 외부 아이콘 라이브러리를 쓰지 않는다). - erpConfirm()/erpAlert() 은 Promise 를 돌려준다. 기본 confirm() 과 달리 동기 반환이 불가능하므로 호출부를 then() 으로 바꿨다. 폼 제출은 일단 막고 확인 후 form.submit() 으로 다시 보낸다(required 검사는 그 전에 이미 통과한다). - HTML 만으로 쓰려면 form 에 data-erp-confirm 을 달면 된다. 카페24 시스템· 예약 화면의 인라인 onsubmit=confirm(...) 을 이 방식으로 옮겼다. - 메시지는 textContent 로 넣어 서버·사용자 문자열이 HTML 로 해석되지 않는다. - Esc 취소 / Enter 확인 / Tab 은 창 안에서만 돌고, 닫을 때 원래 포커스로 돌아간다. 바깥을 누르면 취소(안전한 쪽). - erp_base.html 에서 전역 로드. defer 를 쓰지 않아 각 화면의 인라인 스크립트가 곧바로 쓸 수 있다. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2026-08-19 22:33:42 +09:00
parent a58fa7b83b
commit 8cfe963526
6 changed files with 328 additions and 43 deletions
@@ -7,6 +7,7 @@
    <link rel="stylesheet" href="/static/erp.css?v=20260615b" />
    <link rel="stylesheet" href="/static/erp-shell.css?v=20260615b" />
    <link rel="stylesheet" href="/static/erp-attach-viewer.css" />
+    <link rel="stylesheet" href="/static/erp-dialog.css?v=20260819a" />
    {% block head_extra %}{% endblock %}
  </head>
  <body class="erp-body erp-app-body">
@@ -161,6 +162,9 @@
      })();
    </script>

+    {# 공용 확인/경고 창. defer 를 쓰지 않는다 — 아래 {% block scripts %} 의
+       인라인 스크립트가 곧바로 erpConfirm/erpAlert 을 쓸 수 있어야 한다. #}
+    <script src="/static/erp-dialog.js?v=20260819a"></script>
    <script src="/static/erp-attach-viewer.js" defer></script>
    {% block scripts %}{% endblock %}
  </body>