fix: 캘린더 모달 중복 카드 문제 및 삭제 권한 개선

- monthly_worker_status 조회 시 GROUP BY로 중복 데이터 합산 - 작업보고서 삭제 권한을 그룹장 이상으로 제한 (admin, system, group_leader) - 중복 데이터 정리를 위한 마이그레이션 SQL 추가 (009_fix_duplicate_monthly_status.sql) - synology_deployment 버전에도 동일 수정 적용
2025-12-02 13:08:44 +09:00
parent beaffcad49
commit a9bce9d20b
419 changed files with 275129 additions and 394 deletions
--- a/synology_deployment/web-ui/js/work-management.js
+++ b/synology_deployment/web-ui/js/work-management.js
@@ -0,0 +1,262 @@
+// 작업 관리 페이지 JavaScript
+
+// 전역 변수
+let statsData = {
+  projects: 0,
+  workers: 0,
+  tasks: 0,
+  codeTypes: 0
+};
+
+// 페이지 초기화
+document.addEventListener('DOMContentLoaded', function() {
+  console.log('🔧 작업 관리 페이지 초기화 시작');
+  
+  initializePage();
+  loadStatistics();
+});
+
+// 페이지 초기화
+function initializePage() {
+  // 시간 업데이트 시작
+  updateCurrentTime();
+  setInterval(updateCurrentTime, 1000);
+  
+  // 사용자 정보 업데이트
+  updateUserInfo();
+  
+  // 프로필 메뉴 토글
+  setupProfileMenu();
+  
+  // 로그아웃 버튼
+  setupLogoutButton();
+}
+
+// 현재 시간 업데이트
+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';
+      }
+    });
+  }
+}
+
+// 통계 데이터 로드
+async function loadStatistics() {
+  try {
+    console.log('📊 통계 데이터 로딩 시작');
+    
+    // 프로젝트 수 조회
+    try {
+      const projectsResponse = await apiCall('/projects', 'GET');
+      if (projectsResponse && Array.isArray(projectsResponse)) {
+        statsData.projects = projectsResponse.length;
+        updateStatDisplay('projectCount', statsData.projects);
+      }
+    } catch (error) {
+      console.warn('프로젝트 통계 로드 실패:', error);
+      updateStatDisplay('projectCount', '오류');
+    }
+    
+    // 작업자 수 조회
+    try {
+      const workersResponse = await apiCall('/workers', 'GET');
+      if (workersResponse && Array.isArray(workersResponse)) {
+        const activeWorkers = workersResponse.filter(w => w.status === 'active');
+        statsData.workers = activeWorkers.length;
+        updateStatDisplay('workerCount', statsData.workers);
+      }
+    } catch (error) {
+      console.warn('작업자 통계 로드 실패:', error);
+      updateStatDisplay('workerCount', '오류');
+    }
+    
+    // 작업 유형 수 조회
+    try {
+      const tasksResponse = await apiCall('/tasks', 'GET');
+      if (tasksResponse && Array.isArray(tasksResponse)) {
+        const activeTasks = tasksResponse.filter(t => t.is_active);
+        statsData.tasks = activeTasks.length;
+        updateStatDisplay('taskCount', statsData.tasks);
+      }
+    } catch (error) {
+      console.warn('작업 유형 통계 로드 실패:', error);
+      updateStatDisplay('taskCount', '오류');
+    }
+    
+    // 코드 타입 수 조회 (임시로 고정값)
+    statsData.codeTypes = 3; // ISSUE_TYPE, ERROR_TYPE, WORK_STATUS
+    updateStatDisplay('codeTypeCount', statsData.codeTypes);
+    
+    console.log('✅ 통계 데이터 로딩 완료:', statsData);
+    
+  } catch (error) {
+    console.error('통계 데이터 로딩 오류:', error);
+  }
+}
+
+// 통계 표시 업데이트
+function updateStatDisplay(elementId, value) {
+  const element = document.getElementById(elementId);
+  if (element) {
+    element.textContent = value;
+    
+    // 애니메이션 효과
+    element.style.transform = 'scale(1.1)';
+    setTimeout(() => {
+      element.style.transform = 'scale(1)';
+    }, 200);
+  }
+}
+
+// 최근 활동 관련 함수들 제거됨
+
+// 페이지 네비게이션
+function navigateToPage(url) {
+  console.log(`🔗 페이지 이동: ${url}`);
+  
+  // 로딩 효과
+  const card = event.currentTarget;
+  const originalContent = card.innerHTML;
+  
+  card.style.opacity = '0.7';
+  card.style.pointerEvents = 'none';
+  
+  // 잠시 후 페이지 이동
+  setTimeout(() => {
+    window.location.href = url;
+  }, 300);
+}
+
+// 토스트 메시지 표시
+function showToast(message, type = 'info') {
+  // 기존 토스트 제거
+  const existingToast = document.querySelector('.toast');
+  if (existingToast) {
+    existingToast.remove();
+  }
+  
+  // 새 토스트 생성
+  const toast = document.createElement('div');
+  toast.className = `toast toast-${type}`;
+  toast.textContent = message;
+  
+  // 스타일 적용
+  Object.assign(toast.style, {
+    position: 'fixed',
+    top: '20px',
+    right: '20px',
+    padding: '12px 24px',
+    borderRadius: '8px',
+    color: 'white',
+    fontWeight: '500',
+    zIndex: '1000',
+    transform: 'translateX(100%)',
+    transition: 'transform 0.3s ease'
+  });
+  
+  // 타입별 배경색
+  const colors = {
+    success: '#10b981',
+    error: '#ef4444',
+    warning: '#f59e0b',
+    info: '#3b82f6'
+  };
+  toast.style.backgroundColor = colors[type] || colors.info;
+  
+  document.body.appendChild(toast);
+  
+  // 애니메이션
+  setTimeout(() => {
+    toast.style.transform = 'translateX(0)';
+  }, 100);
+  
+  // 자동 제거
+  setTimeout(() => {
+    toast.style.transform = 'translateX(100%)';
+    setTimeout(() => {
+      if (toast.parentNode) {
+        toast.remove();
+      }
+    }, 300);
+  }, 3000);
+}
+
+// 전역 함수로 노출
+window.navigateToPage = navigateToPage;