fix(tkfb): TBM 팀 구성 모달 workerTaskList DOM 누락 버그 수정

tbmModal에 편집 모드용 workerTaskListSection/workerTaskList/workerListEmpty 요소 추가.
openTeamCompositionModal에서 생성↔편집 모드 전환 로직 추가, closeTbmModal에서 원복.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Hyungi Ahn
2026-03-16 15:09:59 +09:00
parent 573ef74246
commit c2e8b58849
2 changed files with 33 additions and 8 deletions

View File

@@ -628,6 +628,12 @@ window.loadTasksByWorkType = loadTasksByWorkType;
function closeTbmModal() {
document.getElementById('tbmModal').style.display = 'none';
unlockBodyScroll();
// 생성 모드로 복원
const createSection = document.getElementById('newTbmWorkerGrid')?.closest('.tbm-form-section');
const editSection = document.getElementById('workerTaskListSection');
if (createSection) createSection.style.display = '';
if (editSection) editSection.style.display = 'none';
}
window.closeTbmModal = closeTbmModal;
@@ -2010,6 +2016,12 @@ async function openTeamCompositionModal(sessionId) {
document.getElementById('leaderId').value = '';
}
// 생성 모드 섹션 숨기고 편집 모드 섹션 표시
const createSection = document.getElementById('newTbmWorkerGrid')?.closest('.tbm-form-section');
const editSection = document.getElementById('workerTaskListSection');
if (createSection) createSection.style.display = 'none';
if (editSection) editSection.style.display = 'block';
renderWorkerTaskList();
document.getElementById('tbmModal').style.display = 'flex';

View File

@@ -7,7 +7,7 @@
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" href="/static/css/tkfb.css?v=2026031601">
<link rel="stylesheet" href="/css/tbm.css?v=2026031401">
<link rel="stylesheet" href="/css/tbm.css?v=2026031602">
</head>
<body class="bg-gray-50">
<header class="bg-orange-700 text-white sticky top-0 z-50">
@@ -211,6 +211,19 @@
</div>
</div>
</div>
<!-- 편집 모드: 작업자별 작업 목록 (openTeamCompositionModal에서 사용) -->
<div id="workerTaskListSection" class="tbm-form-section" style="display: none;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem;">
<h3 class="tbm-form-section-title" style="margin: 0; border: 0; padding: 0;">
<span>&#128101;</span> 작업자별 작업 배정
</h3>
<button type="button" class="tbm-btn tbm-btn-secondary tbm-btn-sm" onclick="openBulkSettingModal()">⚙ 일괄 설정</button>
</div>
<div id="workerListEmpty" style="display: none; justify-content: center; align-items: center; padding: 2rem; color: #94a3b8; font-size: 0.875rem;">
배정된 작업자가 없습니다.
</div>
<div id="workerTaskList" style="display: flex; flex-direction: column; gap: 1rem;"></div>
</div>
</form>
</div>
<div class="tbm-modal-footer">
@@ -561,13 +574,13 @@
<div class="toast-container" id="toastContainer"></div>
<script src="/static/js/tkfb-core.js?v=2026031601"></script>
<script src="/js/api-base.js?v=2026031401"></script>
<script src="/js/common/utils.js?v=2026031401"></script>
<script src="/js/common/base-state.js?v=2026031401"></script>
<script src="/js/tbm/state.js?v=2026031401"></script>
<script src="/js/tbm/utils.js?v=2026031401"></script>
<script src="/js/tbm/api.js?v=2026031401"></script>
<script defer src="/js/tbm.js?v=2026031401"></script>
<script src="/js/api-base.js?v=2026031602"></script>
<script src="/js/common/utils.js?v=2026031602"></script>
<script src="/js/common/base-state.js?v=2026031602"></script>
<script src="/js/tbm/state.js?v=2026031602"></script>
<script src="/js/tbm/utils.js?v=2026031602"></script>
<script src="/js/tbm/api.js?v=2026031602"></script>
<script defer src="/js/tbm.js?v=2026031602"></script>
<script>initAuth();</script>
</body>
</html>