602 lines
30 KiB
PHP
602 lines
30 KiB
PHP
@extends('layouts.app')
|
|
|
|
@section('title', '근태관리')
|
|
|
|
@section('content')
|
|
<div class="px-4 py-6">
|
|
{{-- 페이지 헤더 --}}
|
|
<div class="flex flex-col lg:flex-row lg:justify-between lg:items-center gap-4 mb-6">
|
|
<div>
|
|
<h1 class="text-2xl font-bold text-gray-800">근태관리</h1>
|
|
<p class="text-sm text-gray-500 mt-1">근태 등록, 수정, 삭제 관리</p>
|
|
</div>
|
|
<div class="flex flex-wrap items-center gap-2 sm:gap-3">
|
|
<button type="button" onclick="openBulkModal()"
|
|
class="inline-flex items-center gap-2 px-4 py-2 bg-purple-600 hover:bg-purple-700 text-white text-sm font-medium rounded-lg transition-colors">
|
|
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z"/>
|
|
</svg>
|
|
일괄 등록
|
|
</button>
|
|
<button type="button" onclick="openAttendanceModal()"
|
|
class="inline-flex items-center gap-2 px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white text-sm font-medium rounded-lg transition-colors">
|
|
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/>
|
|
</svg>
|
|
근태 등록
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- 콘텐츠 영역 --}}
|
|
<div id="manage-content">
|
|
<div id="content-manage">
|
|
<div class="bg-white rounded-lg shadow-sm overflow-hidden">
|
|
{{-- 필터 + 일괄 삭제 --}}
|
|
<div class="px-6 py-4 border-b border-gray-200">
|
|
<x-filter-collapsible id="manageFilter">
|
|
<form id="manageFilterForm" class="flex flex-wrap gap-3 items-end">
|
|
<div style="flex: 1 1 180px; max-width: 260px;">
|
|
<label class="block text-xs text-gray-500 mb-1">검색</label>
|
|
<input type="text" name="q" placeholder="사원 이름..."
|
|
value="{{ request('q') }}"
|
|
class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
|
</div>
|
|
<div style="flex: 0 1 160px;">
|
|
<label class="block text-xs text-gray-500 mb-1">부서</label>
|
|
<select name="department_id"
|
|
class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
|
<option value="">전체 부서</option>
|
|
@foreach($departments as $dept)
|
|
<option value="{{ $dept->id }}" {{ request('department_id') == $dept->id ? 'selected' : '' }}>
|
|
{{ $dept->name }}
|
|
</option>
|
|
@endforeach
|
|
</select>
|
|
</div>
|
|
<div style="flex: 0 1 140px;">
|
|
<label class="block text-xs text-gray-500 mb-1">상태</label>
|
|
<select name="status"
|
|
class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
|
<option value="">전체 상태</option>
|
|
@foreach($statusMap as $key => $label)
|
|
<option value="{{ $key }}" {{ request('status') === $key ? 'selected' : '' }}>{{ $label }}</option>
|
|
@endforeach
|
|
</select>
|
|
</div>
|
|
<div style="flex: 0 1 150px;">
|
|
<label class="block text-xs text-gray-500 mb-1">시작일</label>
|
|
<input type="date" name="date_from"
|
|
value="{{ request('date_from', now()->startOfMonth()->toDateString()) }}"
|
|
class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
|
</div>
|
|
<div style="flex: 0 1 150px;">
|
|
<label class="block text-xs text-gray-500 mb-1">종료일</label>
|
|
<input type="date" name="date_to"
|
|
value="{{ request('date_to', now()->toDateString()) }}"
|
|
class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
|
</div>
|
|
<div class="shrink-0 flex items-center gap-2">
|
|
<button type="submit"
|
|
hx-get="{{ route('api.admin.hr.attendances.index') }}"
|
|
hx-target="#manage-table"
|
|
hx-include="#manageFilterForm"
|
|
class="px-4 py-2 bg-gray-600 hover:bg-gray-700 text-white text-sm rounded-lg transition-colors">
|
|
검색
|
|
</button>
|
|
<button type="button" id="bulkDeleteBtn" onclick="bulkDeleteAttendances()" class="hidden px-4 py-2 bg-red-600 hover:bg-red-700 text-white text-sm rounded-lg transition-colors">
|
|
선택 삭제 (<span id="bulkDeleteCount">0</span>건)
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</x-filter-collapsible>
|
|
</div>
|
|
|
|
{{-- HTMX 테이블 영역 --}}
|
|
<div id="manage-table"
|
|
hx-get="{{ route('api.admin.hr.attendances.index') }}"
|
|
hx-vals='{"date_from": "{{ now()->startOfMonth()->toDateString() }}", "date_to": "{{ now()->toDateString() }}", "view": "manage"}'
|
|
hx-trigger="load"
|
|
hx-headers='{"X-CSRF-TOKEN": "{{ csrf_token() }}"}'
|
|
class="min-h-[200px]">
|
|
<div class="flex justify-center items-center p-12">
|
|
<div class="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- 근태 등록/수정 모달 --}}
|
|
<div id="attendanceModal" class="fixed inset-0 z-50 hidden">
|
|
<div class="fixed inset-0 bg-black/40" onclick="closeAttendanceModal()"></div>
|
|
<div class="fixed inset-0 flex items-center justify-center p-4">
|
|
<div class="bg-white rounded-lg shadow-xl w-full max-w-md relative">
|
|
{{-- 헤더 --}}
|
|
<div class="flex items-center justify-between px-6 py-4 border-b border-gray-200">
|
|
<h3 id="attendanceModalTitle" class="text-lg font-semibold text-gray-800">근태 등록</h3>
|
|
<button type="button" onclick="closeAttendanceModal()" class="text-gray-400 hover:text-gray-600">
|
|
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
|
|
{{-- 바디 --}}
|
|
<div class="px-6 py-4 space-y-4">
|
|
<div id="attendanceModalMessage" class="hidden rounded-lg px-4 py-3 text-sm"></div>
|
|
|
|
<input type="hidden" id="att_id" value="">
|
|
|
|
<div>
|
|
<label class="block text-sm font-medium text-gray-700 mb-1">사원</label>
|
|
<select id="att_user_id" class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
|
<option value="">사원 선택</option>
|
|
@foreach($employees as $emp)
|
|
<option value="{{ $emp->user_id }}">{{ $emp->display_name ?? $emp->user?->name }}</option>
|
|
@endforeach
|
|
</select>
|
|
</div>
|
|
|
|
<div>
|
|
<label class="block text-sm font-medium text-gray-700 mb-1">날짜</label>
|
|
<input type="date" id="att_base_date" value="{{ now()->toDateString() }}"
|
|
class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
|
</div>
|
|
|
|
<div>
|
|
<label class="block text-sm font-medium text-gray-700 mb-1">상태</label>
|
|
<select id="att_status" class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
|
@foreach($statusMap as $key => $label)
|
|
<option value="{{ $key }}">{{ $label }}</option>
|
|
@endforeach
|
|
</select>
|
|
</div>
|
|
|
|
<div class="flex gap-3">
|
|
<div style="flex: 1;">
|
|
<label class="block text-sm font-medium text-gray-700 mb-1">출근</label>
|
|
<input type="time" id="att_check_in" value="09:00"
|
|
class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
|
</div>
|
|
<div style="flex: 1;">
|
|
<label class="block text-sm font-medium text-gray-700 mb-1">퇴근</label>
|
|
<input type="time" id="att_check_out" value="18:00"
|
|
class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<label class="block text-sm font-medium text-gray-700 mb-1">비고</label>
|
|
<input type="text" id="att_remarks" placeholder="비고 사항 입력..."
|
|
class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
|
</div>
|
|
|
|
{{-- 잔여 연차 표시 --}}
|
|
<div id="leaveBalanceInfo" class="hidden rounded-lg px-4 py-3 text-sm bg-blue-50 text-blue-700">
|
|
잔여 연차: <span id="leaveBalanceCount" class="font-bold">-</span>일
|
|
</div>
|
|
</div>
|
|
|
|
{{-- 푸터 --}}
|
|
<div class="flex items-center justify-end gap-3 px-6 py-4 border-t border-gray-200">
|
|
<button type="button" onclick="closeAttendanceModal()"
|
|
class="px-4 py-2 text-sm text-gray-700 bg-gray-100 hover:bg-gray-200 rounded-lg transition-colors">
|
|
취소
|
|
</button>
|
|
<button type="button" onclick="submitAttendance()"
|
|
id="attendanceSubmitBtn"
|
|
class="px-4 py-2 text-sm text-white bg-blue-600 hover:bg-blue-700 rounded-lg transition-colors">
|
|
등록
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- 일괄 등록 모달 --}}
|
|
<div id="bulkModal" class="fixed inset-0 z-50 hidden">
|
|
<div class="fixed inset-0 bg-black/40" onclick="closeBulkModal()"></div>
|
|
<div class="fixed inset-0 flex items-center justify-center p-4">
|
|
<div class="bg-white rounded-lg shadow-xl w-full max-w-2xl relative" style="max-height: 90vh; display: flex; flex-direction: column;">
|
|
{{-- 헤더 --}}
|
|
<div class="flex items-center justify-between px-6 py-4 border-b border-gray-200 shrink-0">
|
|
<h3 class="text-lg font-semibold text-gray-800">일괄 근태 등록</h3>
|
|
<button type="button" onclick="closeBulkModal()" class="text-gray-400 hover:text-gray-600">
|
|
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
|
|
{{-- 바디 --}}
|
|
<div class="px-6 py-4 space-y-4 overflow-y-auto" style="flex: 1;">
|
|
<div id="bulkModalMessage" class="hidden rounded-lg px-4 py-3 text-sm"></div>
|
|
|
|
<div class="flex flex-wrap gap-3">
|
|
<div style="flex: 1 1 150px;">
|
|
<label class="block text-sm font-medium text-gray-700 mb-1">날짜</label>
|
|
<input type="date" id="bulk_base_date" value="{{ now()->toDateString() }}"
|
|
class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
|
</div>
|
|
<div style="flex: 1 1 130px;">
|
|
<label class="block text-sm font-medium text-gray-700 mb-1">상태</label>
|
|
<select id="bulk_status" class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
|
@foreach($statusMap as $key => $label)
|
|
<option value="{{ $key }}">{{ $label }}</option>
|
|
@endforeach
|
|
</select>
|
|
</div>
|
|
<div style="flex: 0 1 110px;">
|
|
<label class="block text-sm font-medium text-gray-700 mb-1">출근</label>
|
|
<input type="time" id="bulk_check_in" value="09:00"
|
|
class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
|
</div>
|
|
<div style="flex: 0 1 110px;">
|
|
<label class="block text-sm font-medium text-gray-700 mb-1">퇴근</label>
|
|
<input type="time" id="bulk_check_out" value="18:00"
|
|
class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<label class="block text-sm font-medium text-gray-700 mb-1">비고</label>
|
|
<input type="text" id="bulk_remarks" placeholder="비고 사항..."
|
|
class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
|
</div>
|
|
|
|
{{-- 사원 목록 --}}
|
|
<div>
|
|
<div class="flex items-center justify-between mb-2">
|
|
<label class="block text-sm font-medium text-gray-700">사원 선택</label>
|
|
<label class="flex items-center gap-2 text-sm text-gray-600 cursor-pointer">
|
|
<input type="checkbox" id="bulk_select_all" class="rounded border-gray-300 text-blue-600 focus:ring-blue-500">
|
|
전체 선택
|
|
</label>
|
|
</div>
|
|
<div class="border border-gray-200 rounded-lg overflow-y-auto" style="max-height: 280px;">
|
|
@foreach($employees as $emp)
|
|
<label class="flex items-center gap-3 px-4 py-2.5 hover:bg-gray-50 cursor-pointer border-b border-gray-100 last:border-b-0">
|
|
<input type="checkbox" class="bulk-emp-checkbox rounded border-gray-300 text-blue-600 focus:ring-blue-500"
|
|
value="{{ $emp->user_id }}" data-name="{{ $emp->display_name ?? $emp->user?->name }}">
|
|
<span class="text-sm text-gray-700">{{ $emp->display_name ?? $emp->user?->name }}</span>
|
|
</label>
|
|
@endforeach
|
|
</div>
|
|
<p class="text-xs text-gray-400 mt-1">선택: <span id="bulkSelectedCount">0</span>명</p>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- 푸터 --}}
|
|
<div class="flex items-center justify-end gap-3 px-6 py-4 border-t border-gray-200 shrink-0">
|
|
<button type="button" onclick="closeBulkModal()"
|
|
class="px-4 py-2 text-sm text-gray-700 bg-gray-100 hover:bg-gray-200 rounded-lg transition-colors">
|
|
취소
|
|
</button>
|
|
<button type="button" onclick="submitBulkAttendance()"
|
|
class="px-4 py-2 text-sm text-white bg-purple-600 hover:bg-purple-700 rounded-lg transition-colors">
|
|
일괄 등록
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@endsection
|
|
|
|
@push('scripts')
|
|
<script>
|
|
// ===== 일괄 선택 관리 =====
|
|
const selectedAttendanceIds = new Set();
|
|
|
|
document.getElementById('manage-table').addEventListener('change', function(e) {
|
|
if (e.target.classList.contains('att-checkbox')) {
|
|
const id = parseInt(e.target.dataset.id);
|
|
if (e.target.checked) selectedAttendanceIds.add(id);
|
|
else selectedAttendanceIds.delete(id);
|
|
updateBulkUI();
|
|
}
|
|
if (e.target.classList.contains('att-checkbox-all')) {
|
|
const checkboxes = document.querySelectorAll('.att-checkbox');
|
|
checkboxes.forEach(cb => {
|
|
cb.checked = e.target.checked;
|
|
const id = parseInt(cb.dataset.id);
|
|
if (e.target.checked) selectedAttendanceIds.add(id);
|
|
else selectedAttendanceIds.delete(id);
|
|
});
|
|
updateBulkUI();
|
|
}
|
|
});
|
|
|
|
function updateBulkUI() {
|
|
const btn = document.getElementById('bulkDeleteBtn');
|
|
const count = document.getElementById('bulkDeleteCount');
|
|
if (selectedAttendanceIds.size > 0) {
|
|
btn.classList.remove('hidden');
|
|
count.textContent = selectedAttendanceIds.size;
|
|
} else {
|
|
btn.classList.add('hidden');
|
|
}
|
|
}
|
|
|
|
document.body.addEventListener('htmx:afterSwap', function(e) {
|
|
if (e.detail.target.id === 'manage-table') {
|
|
selectedAttendanceIds.clear();
|
|
updateBulkUI();
|
|
}
|
|
});
|
|
|
|
// 일괄 삭제
|
|
async function bulkDeleteAttendances() {
|
|
if (selectedAttendanceIds.size === 0) return;
|
|
if (!confirm(selectedAttendanceIds.size + '건의 근태를 삭제하시겠습니까?')) return;
|
|
|
|
try {
|
|
const res = await fetch('{{ route("api.admin.hr.attendances.bulk-delete") }}', {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
'X-CSRF-TOKEN': '{{ csrf_token() }}',
|
|
'Accept': 'application/json',
|
|
},
|
|
body: JSON.stringify({ ids: Array.from(selectedAttendanceIds) }),
|
|
});
|
|
|
|
const data = await res.json();
|
|
if (data.success) {
|
|
selectedAttendanceIds.clear();
|
|
updateBulkUI();
|
|
refreshTable();
|
|
} else {
|
|
alert(data.message || '삭제 중 오류가 발생했습니다.');
|
|
}
|
|
} catch (e) {
|
|
alert('서버 통신 중 오류가 발생했습니다.');
|
|
}
|
|
}
|
|
|
|
// ===== 필터 =====
|
|
document.getElementById('manageFilterForm')?.addEventListener('submit', function(e) {
|
|
e.preventDefault();
|
|
refreshTable();
|
|
});
|
|
|
|
function refreshTable() {
|
|
const values = getFilterValues();
|
|
values.view = 'manage';
|
|
htmx.ajax('GET', '{{ route("api.admin.hr.attendances.index") }}', {
|
|
target: '#manage-table',
|
|
swap: 'innerHTML',
|
|
values: values,
|
|
});
|
|
}
|
|
|
|
function getFilterValues() {
|
|
const form = document.getElementById('manageFilterForm');
|
|
const formData = new FormData(form);
|
|
const values = {};
|
|
for (const [key, value] of formData.entries()) {
|
|
if (value) values[key] = value;
|
|
}
|
|
return values;
|
|
}
|
|
|
|
// ===== 근태 등록/수정 모달 =====
|
|
function openAttendanceModal(date) {
|
|
document.getElementById('att_id').value = '';
|
|
document.getElementById('att_user_id').value = '';
|
|
document.getElementById('att_user_id').disabled = false;
|
|
document.getElementById('att_base_date').value = date || '{{ now()->toDateString() }}';
|
|
document.getElementById('att_base_date').disabled = false;
|
|
document.getElementById('att_status').value = 'onTime';
|
|
document.getElementById('att_check_in').value = '09:00';
|
|
document.getElementById('att_check_out').value = '18:00';
|
|
document.getElementById('att_remarks').value = '';
|
|
document.getElementById('attendanceModalTitle').textContent = '근태 등록';
|
|
document.getElementById('attendanceSubmitBtn').textContent = '등록';
|
|
document.getElementById('leaveBalanceInfo').classList.add('hidden');
|
|
hideModalMessage();
|
|
document.getElementById('attendanceModal').classList.remove('hidden');
|
|
}
|
|
|
|
function openEditAttendanceModal(id, userId, baseDate, status, checkIn, checkOut, remarks) {
|
|
document.getElementById('att_id').value = id;
|
|
document.getElementById('att_user_id').value = userId;
|
|
document.getElementById('att_user_id').disabled = true;
|
|
document.getElementById('att_base_date').value = baseDate;
|
|
document.getElementById('att_base_date').disabled = true;
|
|
document.getElementById('att_status').value = status;
|
|
document.getElementById('att_check_in').value = checkIn || '';
|
|
document.getElementById('att_check_out').value = checkOut || '';
|
|
document.getElementById('att_remarks').value = remarks || '';
|
|
document.getElementById('attendanceModalTitle').textContent = '근태 수정';
|
|
document.getElementById('attendanceSubmitBtn').textContent = '수정';
|
|
document.getElementById('leaveBalanceInfo').classList.add('hidden');
|
|
hideModalMessage();
|
|
document.getElementById('attendanceModal').classList.remove('hidden');
|
|
}
|
|
|
|
function closeAttendanceModal() {
|
|
document.getElementById('attendanceModal').classList.add('hidden');
|
|
}
|
|
|
|
function showModalMessage(message, isError) {
|
|
const el = document.getElementById('attendanceModalMessage');
|
|
el.textContent = message;
|
|
el.className = 'rounded-lg px-4 py-3 text-sm ' + (isError ? 'bg-red-50 text-red-700' : 'bg-emerald-50 text-emerald-700');
|
|
el.classList.remove('hidden');
|
|
}
|
|
|
|
function hideModalMessage() {
|
|
document.getElementById('attendanceModalMessage').classList.add('hidden');
|
|
}
|
|
|
|
// 상태 변경 시 휴가이면 잔여 연차 표시
|
|
document.getElementById('att_status').addEventListener('change', function() {
|
|
if (this.value === 'vacation') {
|
|
const userId = document.getElementById('att_user_id').value;
|
|
if (userId) fetchLeaveBalance(userId);
|
|
} else {
|
|
document.getElementById('leaveBalanceInfo').classList.add('hidden');
|
|
}
|
|
});
|
|
|
|
document.getElementById('att_user_id').addEventListener('change', function() {
|
|
if (document.getElementById('att_status').value === 'vacation' && this.value) {
|
|
fetchLeaveBalance(this.value);
|
|
}
|
|
});
|
|
|
|
async function fetchLeaveBalance(userId) {
|
|
try {
|
|
const res = await fetch('{{ url("/api/admin/hr/attendances/leave-balance") }}/' + userId, {
|
|
headers: { 'Accept': 'application/json', 'X-CSRF-TOKEN': '{{ csrf_token() }}' }
|
|
});
|
|
const data = await res.json();
|
|
if (data.success) {
|
|
document.getElementById('leaveBalanceCount').textContent = data.data.remaining;
|
|
document.getElementById('leaveBalanceInfo').classList.remove('hidden');
|
|
}
|
|
} catch(e) { /* 조회 실패 시 표시하지 않음 */ }
|
|
}
|
|
|
|
async function submitAttendance() {
|
|
const id = document.getElementById('att_id').value;
|
|
const isEdit = !!id;
|
|
|
|
const body = {
|
|
status: document.getElementById('att_status').value,
|
|
check_in: document.getElementById('att_check_in').value || null,
|
|
check_out: document.getElementById('att_check_out').value || null,
|
|
remarks: document.getElementById('att_remarks').value || null,
|
|
};
|
|
|
|
if (!isEdit) {
|
|
body.user_id = parseInt(document.getElementById('att_user_id').value);
|
|
body.base_date = document.getElementById('att_base_date').value;
|
|
|
|
if (!body.user_id) {
|
|
showModalMessage('사원을 선택해주세요.', true);
|
|
return;
|
|
}
|
|
if (!body.base_date) {
|
|
showModalMessage('날짜를 선택해주세요.', true);
|
|
return;
|
|
}
|
|
}
|
|
|
|
const url = isEdit
|
|
? '{{ url("/api/admin/hr/attendances") }}/' + id
|
|
: '{{ route("api.admin.hr.attendances.store") }}';
|
|
|
|
try {
|
|
const res = await fetch(url, {
|
|
method: isEdit ? 'PUT' : 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
'X-CSRF-TOKEN': '{{ csrf_token() }}',
|
|
'Accept': 'application/json',
|
|
},
|
|
body: JSON.stringify(body),
|
|
});
|
|
|
|
const data = await res.json();
|
|
|
|
if (data.success) {
|
|
showModalMessage(data.message, false);
|
|
refreshTable();
|
|
setTimeout(() => closeAttendanceModal(), 800);
|
|
} else {
|
|
showModalMessage(data.message || '오류가 발생했습니다.', true);
|
|
}
|
|
} catch (e) {
|
|
showModalMessage('서버 통신 중 오류가 발생했습니다.', true);
|
|
}
|
|
}
|
|
|
|
// ===== 일괄 등록 모달 =====
|
|
function openBulkModal() {
|
|
document.getElementById('bulk_base_date').value = '{{ now()->toDateString() }}';
|
|
document.getElementById('bulk_status').value = 'onTime';
|
|
document.getElementById('bulk_check_in').value = '09:00';
|
|
document.getElementById('bulk_check_out').value = '18:00';
|
|
document.getElementById('bulk_remarks').value = '';
|
|
document.querySelectorAll('.bulk-emp-checkbox').forEach(cb => cb.checked = false);
|
|
document.getElementById('bulk_select_all').checked = false;
|
|
document.getElementById('bulkSelectedCount').textContent = '0';
|
|
document.getElementById('bulkModalMessage').classList.add('hidden');
|
|
document.getElementById('bulkModal').classList.remove('hidden');
|
|
}
|
|
|
|
function closeBulkModal() {
|
|
document.getElementById('bulkModal').classList.add('hidden');
|
|
}
|
|
|
|
document.getElementById('bulk_select_all').addEventListener('change', function() {
|
|
document.querySelectorAll('.bulk-emp-checkbox').forEach(cb => cb.checked = this.checked);
|
|
updateBulkSelectedCount();
|
|
});
|
|
|
|
document.addEventListener('change', function(e) {
|
|
if (e.target.classList.contains('bulk-emp-checkbox')) {
|
|
updateBulkSelectedCount();
|
|
}
|
|
});
|
|
|
|
function updateBulkSelectedCount() {
|
|
const count = document.querySelectorAll('.bulk-emp-checkbox:checked').length;
|
|
document.getElementById('bulkSelectedCount').textContent = count;
|
|
}
|
|
|
|
async function submitBulkAttendance() {
|
|
const checkedBoxes = document.querySelectorAll('.bulk-emp-checkbox:checked');
|
|
if (checkedBoxes.length === 0) {
|
|
showBulkMessage('사원을 1명 이상 선택해주세요.', true);
|
|
return;
|
|
}
|
|
|
|
const userIds = Array.from(checkedBoxes).map(cb => parseInt(cb.value));
|
|
const body = {
|
|
user_ids: userIds,
|
|
base_date: document.getElementById('bulk_base_date').value,
|
|
status: document.getElementById('bulk_status').value,
|
|
check_in: document.getElementById('bulk_check_in').value || null,
|
|
check_out: document.getElementById('bulk_check_out').value || null,
|
|
remarks: document.getElementById('bulk_remarks').value || null,
|
|
};
|
|
|
|
try {
|
|
const res = await fetch('{{ route("api.admin.hr.attendances.bulk-store") }}', {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
'X-CSRF-TOKEN': '{{ csrf_token() }}',
|
|
'Accept': 'application/json',
|
|
},
|
|
body: JSON.stringify(body),
|
|
});
|
|
|
|
const data = await res.json();
|
|
if (data.success) {
|
|
showBulkMessage(data.message, false);
|
|
refreshTable();
|
|
setTimeout(() => closeBulkModal(), 1000);
|
|
} else {
|
|
showBulkMessage(data.message || '오류가 발생했습니다.', true);
|
|
}
|
|
} catch (e) {
|
|
showBulkMessage('서버 통신 중 오류가 발생했습니다.', true);
|
|
}
|
|
}
|
|
|
|
function showBulkMessage(message, isError) {
|
|
const el = document.getElementById('bulkModalMessage');
|
|
el.textContent = message;
|
|
el.className = 'rounded-lg px-4 py-3 text-sm ' + (isError ? 'bg-red-50 text-red-700' : 'bg-emerald-50 text-emerald-700');
|
|
el.classList.remove('hidden');
|
|
}
|
|
|
|
</script>
|
|
@endpush
|