+
+
+
+ 연차
+
${vacTotal > 0 ? `
-
잔여 ${vacRemaining}일
-
${vacTotal}일 중 ${vacUsed}일 사용
-
- ` : `
연차 정보 미등록
`}
+
+ 잔여 ${fmtDays(vacRemaining)}일
+ / ${fmtDays(vacTotal)}일
+
+
+ ` : `
+
+ 미등록
+
+
+ `}
-
-
연장근로
-
${otHours.toFixed(1)}h
-
이번달 ${otDays}일
+ ${vacTotal > 0 ? `
` : ''}
+
+
+
+ 연장근로
+
+
+ ${otHours.toFixed(1)}h
+ 이번달 ${otDays}일
+
`;
- // 아이콘 그리드
renderGrid('deptPagesGrid', 'deptPagesSection', quick_access.department_pages);
renderGrid('personalPagesGrid', 'personalPagesSection', quick_access.personal_pages);
renderGrid('adminPagesGrid', 'adminPagesSection', quick_access.admin_pages);
}
+function openVacDetailModal() {
+ if (!_dashboardData) return;
+ const { vacation } = _dashboardData;
+ const details = vacation.details || [];
+
+ const groups = {};
+ details.forEach(d => {
+ const bt = d.balance_type || 'AUTO';
+ if (!groups[bt]) groups[bt] = { total: 0, used: 0, remaining: 0, expires_at: d.expires_at, items: [] };
+ groups[bt].total += d.total;
+ groups[bt].used += d.used;
+ groups[bt].remaining += d.remaining;
+ if (d.expires_at) groups[bt].expires_at = d.expires_at;
+ groups[bt].items.push(d);
+ });
+
+ const LABELS = { CARRY_OVER: '이월연차', AUTO: '정기연차', MANUAL: '추가부여', LONG_SERVICE: '장기근속', COMPANY_GRANT: '경조사/특별' };
+ const ORDER = ['CARRY_OVER', 'AUTO', 'MANUAL', 'LONG_SERVICE', 'COMPANY_GRANT'];
+
+ let html = '';
+ ORDER.forEach(bt => {
+ const g = groups[bt];
+ if (!g || (g.total === 0 && g.used === 0)) return;
+ const label = LABELS[bt] || bt;
+ const expired = bt === 'CARRY_OVER' && isExpired(g.expires_at);
+ const lapsed = expired ? Math.max(0, g.total - g.used) : 0;
+
+ html += `
+ ${label}
+
+ ${g.total !== 0 ? `배정 ${fmtDays(g.total)}` : ''}
+ ${g.used > 0 ? ` · 사용 ${fmtDays(g.used)}` : ''}
+ ${expired && lapsed > 0 ? ` · 만료 ${fmtDays(lapsed)}` : ''}
+ ${!expired && g.remaining !== 0 ? ` · 잔여 ${fmtDays(g.remaining)}` : ''}
+
+
`;
+ });
+
+ if (!html) html = '
연차 정보가 없습니다
';
+
+ html += `
+ 합계
+ 배정 ${fmtDays(vacation.total_days)} · 사용 ${fmtDays(vacation.used_days)} · 잔여 ${fmtDays(vacation.remaining_days)}
+
`;
+
+ document.getElementById('vacDetailContent').innerHTML = html;
+ document.getElementById('vacDetailModal').classList.add('active');
+}
+
+function closeVacDetail() {
+ document.getElementById('vacDetailModal').classList.remove('active');
+}
+
function renderGrid(gridId, sectionId, pages) {
const grid = document.getElementById(gridId);
const section = document.getElementById(sectionId);
- if (!pages || pages.length === 0) {
- section.classList.add('hidden');
- return;
- }
+ if (!pages || pages.length === 0) { section.classList.add('hidden'); return; }
section.classList.remove('hidden');
- // dashboard 자체 제외
- const filtered = pages.filter(p => p.page_key !== 'dashboard');
+ const filtered = pages.filter(p => !HIDDEN_PAGES.includes(p.page_key));
if (filtered.length === 0) { section.classList.add('hidden'); return; }
grid.innerHTML = filtered.map(p => {
@@ -140,12 +216,9 @@ function showSkeleton() {