Files
dbx-main/app/static/vacation.js
T
king 269e779129 feat(vacation): 휴가 관리 모듈 — 월간 달력 bar/연차·반차 신청/승인 워크플로/공휴일·연차 설정
- vacation_db 전용 저장소(VacationDBStore), VACATION_DB_URL 미설정 시 '설정 필요' 안내
- 월간 달력: 구글식 휴가 bar(주 단위 lane 배정), 일/공휴일 빨강·토요일 파랑
- 신청 폼: 종류/기간/시작·종료 구분(종일/오전/오후)/사유 + 예상 일수 미리보기
- 일수 계산은 서버(compute_days)에서 주말+공휴일(is_red) 제외 재계산
- 워크플로: 작성중/반려→제출→승인|반려, 취소 soft delete, 본인만 수정(작성중/반려)
- 권한: vacation(접근)/vacation_approver(승인), admin 통과. 설정은 admin 전용
- 공휴일(vacation_holidays) DB 기반 provider + settings CRUD, 연차잔여(vacation_balances)
- 엑셀 내보내기(openpyxl), scripts/sql/vacation_db_init.sql(멱등, 2026 공휴일 seed)
- main.py 등록, 메뉴 ready 전환, docs/.env.example/CLAUDE.md 갱신

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-05-30 08:20:20 +09:00

87 lines
2.7 KiB
JavaScript

/* 휴가 신청 폼 — 종류에 따른 필드 토글 + 예상 일수 미리보기.
서버(store.compute_days)가 공휴일 포함 정확히 재계산한다. 여기선 주말만 제외한 근사치. */
(function () {
"use strict";
var form = document.getElementById("vac-form");
if (!form) return;
var type = document.getElementById("vac-type");
var start = document.getElementById("vac-start");
var startHalf = document.getElementById("vac-start-half");
var endField = document.getElementById("vac-end-field");
var end = document.getElementById("vac-end");
var endHalfField = document.getElementById("vac-end-half-field");
var endHalf = document.getElementById("vac-end-half");
var startHalfField = document.getElementById("vac-start-half-field");
var out = document.getElementById("vac-days-out");
function isHalfType(t) { return t === "오전반차" || t === "오후반차"; }
function parseDate(s) {
if (!s) return null;
var p = s.split("-");
if (p.length !== 3) return null;
return new Date(+p[0], +p[1] - 1, +p[2]);
}
function workingDays(sd, ed) {
var n = 0;
var d = new Date(sd.getTime());
while (d <= ed) {
var wd = d.getDay(); // 0=일, 6=토
if (wd !== 0 && wd !== 6) n++;
d.setDate(d.getDate() + 1);
}
return n;
}
function isWorking(d) {
var wd = d.getDay();
return wd !== 0 && wd !== 6;
}
function recalc() {
var t = type.value;
var half = isHalfType(t);
// 반차 종류면 종료일/구분 숨김, 단일 0.5
endField.style.display = half ? "none" : "";
endHalfField.style.display = half ? "none" : "";
startHalfField.style.display = half ? "none" : "";
if (half) {
out.textContent = "0.5";
return;
}
var sd = parseDate(start.value);
var ed = parseDate(end.value) || sd;
if (!sd || !ed || ed < sd) { out.textContent = "—"; return; }
if (sd.getTime() === ed.getTime()) {
out.textContent = (startHalf.value === "am" || startHalf.value === "pm") ? "0.5" : "1";
return;
}
var n = workingDays(sd, ed);
var total = n;
if ((startHalf.value === "am" || startHalf.value === "pm") && isWorking(sd)) total -= 0.5;
if ((endHalf.value === "am" || endHalf.value === "pm") && isWorking(ed)) total -= 0.5;
out.textContent = total > 0 ? String(total) : "0";
}
// 시작일 변경 시 종료일이 비었거나 더 빠르면 맞춰줌
start.addEventListener("change", function () {
if (!end.value || parseDate(end.value) < parseDate(start.value)) {
end.value = start.value;
}
recalc();
});
[type, end, startHalf, endHalf].forEach(function (el) {
if (el) el.addEventListener("change", recalc);
});
recalc();
})();