// 작업자 관리 페이지 JavaScript
// 전역 변수
let allWorkers = [];
let filteredWorkers = [];
let currentEditingWorker = null;
let currentStatusFilter = 'all'; // 'all', 'active', 'inactive'
// 페이지 초기화
document.addEventListener('DOMContentLoaded', function() {
console.log('👥 작업자 관리 페이지 초기화 시작');
initializePage();
loadWorkers();
});
// 페이지 초기화
function initializePage() {
// 시간 업데이트 시작
updateCurrentTime();
setInterval(updateCurrentTime, 1000);
// 사용자 정보 업데이트
updateUserInfo();
// 프로필 메뉴 토글
setupProfileMenu();
// 로그아웃 버튼
setupLogoutButton();
// 검색 입력 이벤트
setupSearchInput();
}
// 현재 시간 업데이트
function updateCurrentTime() {
const now = new Date();
const timeString = now.toLocaleTimeString('ko-KR', {
hour12: false,
hour: '2-digit',
minute: '2-digit',
second: '2-digit'
});
const timeElement = document.getElementById('timeValue');
if (timeElement) {
timeElement.textContent = timeString;
}
}
// 사용자 정보 업데이트
function updateUserInfo() {
let userInfo = JSON.parse(localStorage.getItem('userInfo') || '{}');
let authUser = JSON.parse(localStorage.getItem('user') || '{}');
const finalUserInfo = {
worker_name: userInfo.worker_name || authUser.username || authUser.worker_name,
job_type: userInfo.job_type || authUser.role || authUser.job_type,
username: authUser.username || userInfo.username
};
const userNameElement = document.getElementById('userName');
const userRoleElement = document.getElementById('userRole');
const userInitialElement = document.getElementById('userInitial');
if (userNameElement) {
userNameElement.textContent = finalUserInfo.worker_name || '사용자';
}
if (userRoleElement) {
const roleMap = {
'leader': '그룹장',
'worker': '작업자',
'admin': '관리자',
'system': '시스템 관리자'
};
userRoleElement.textContent = roleMap[finalUserInfo.job_type] || finalUserInfo.job_type || '작업자';
}
if (userInitialElement) {
const name = finalUserInfo.worker_name || '사용자';
userInitialElement.textContent = name.charAt(0);
}
}
// 프로필 메뉴 설정
function setupProfileMenu() {
const userProfile = document.getElementById('userProfile');
const profileMenu = document.getElementById('profileMenu');
if (userProfile && profileMenu) {
userProfile.addEventListener('click', function(e) {
e.stopPropagation();
const isVisible = profileMenu.style.display === 'block';
profileMenu.style.display = isVisible ? 'none' : 'block';
});
// 외부 클릭 시 메뉴 닫기
document.addEventListener('click', function() {
profileMenu.style.display = 'none';
});
}
}
// 로그아웃 버튼 설정
function setupLogoutButton() {
const logoutBtn = document.getElementById('logoutBtn');
if (logoutBtn) {
logoutBtn.addEventListener('click', function() {
if (confirm('로그아웃 하시겠습니까?')) {
localStorage.removeItem('token');
localStorage.removeItem('user');
localStorage.removeItem('userInfo');
window.location.href = '/index.html';
}
});
}
}
// 검색 입력 설정
function setupSearchInput() {
const searchInput = document.getElementById('searchInput');
if (searchInput) {
searchInput.addEventListener('input', function() {
searchWorkers();
});
searchInput.addEventListener('keypress', function(e) {
if (e.key === 'Enter') {
searchWorkers();
}
});
}
}
// 작업자 목록 로드
async function loadWorkers() {
try {
console.log('📊 작업자 목록 로딩 시작');
const response = await apiCall('/workers?limit=1000', 'GET'); // 모든 작업자 조회
console.log('📊 API 응답 구조:', response);
// API 응답이 { success: true, data: [...] } 형태인 경우 처리
let workerData = [];
if (response && response.success && Array.isArray(response.data)) {
workerData = response.data;
} else if (Array.isArray(response)) {
workerData = response;
} else {
console.warn('작업자 데이터가 배열이 아닙니다:', response);
workerData = [];
}
allWorkers = workerData;
console.log(`✅ 작업자 ${allWorkers.length}명 로드 완료`);
// 초기 필터 적용
applyAllFilters();
updateStatCardActiveState();
} catch (error) {
console.error('작업자 로딩 오류:', error);
showToast('작업자 목록을 불러오는데 실패했습니다.', 'error');
allWorkers = [];
filteredWorkers = [];
renderWorkers();
}
}
// 작업자 목록 렌더링
function renderWorkers() {
const workersGrid = document.getElementById('workersGrid');
const emptyState = document.getElementById('emptyState');
if (!workersGrid || !emptyState) return;
if (filteredWorkers.length === 0) {
workersGrid.style.display = 'none';
emptyState.style.display = 'block';
return;
}
workersGrid.style.display = 'grid';
emptyState.style.display = 'none';
const workersHtml = filteredWorkers.map(worker => {
// 작업자 상태 및 직책 아이콘
const jobTypeMap = {
'worker': { icon: '👷', text: '작업자', color: '#6b7280' },
'leader': { icon: '👨💼', text: '그룹장', color: '#3b82f6' },
'admin': { icon: '👨💻', text: '관리자', color: '#8b5cf6' }
};
const jobType = jobTypeMap[worker.job_type] || jobTypeMap['worker'];
const isInactive = worker.status === 'inactive' || worker.is_active === 0 || worker.is_active === false;
const isResigned = worker.employment_status === 'resigned';
const hasAccount = worker.user_id !== null && worker.user_id !== undefined;
console.log('🎨 카드 렌더링:', {
worker_id: worker.worker_id,
worker_name: worker.worker_name,
status: worker.status,
is_active: worker.is_active,
isInactive: isInactive,
isResigned: isResigned,
user_id: worker.user_id,
hasAccount: hasAccount
});
return `
${isResigned ? '
🚪 퇴사
' :
isInactive ? '
🏢 사무직
' : ''}