Files
TK-FB-Project/web-ui/pages/management/work-management.html
Hyungi Ahn 4ac0605887 refactor: 네비게이션 헤더 최신 디자인으로 전면 개편 및 로그인 버그 수정
- fix: 로그인 API에서 user.role_name 필드 올바르게 사용 (auth.service.js)
- refactor: navbar 컴포넌트를 최신 dashboard-header 스타일로 전환
- refactor: 구버전 work-report-header 제거 (6개 페이지)
- refactor: load-navbar.js를 최신 헤더 구조에 맞게 업데이트
- style: 파란색 그라데이션 헤더, 실시간 시계, 향상된 프로필 메뉴
- docs: 2026-01-20 개발 로그 추가

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2026-01-20 08:40:19 +09:00

159 lines
7.0 KiB
HTML

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>작업 관리 | (주)테크니컬코리아</title>
<link rel="stylesheet" href="/css/common.css?v=2">
<link rel="stylesheet" href="/css/work-management.css?v=2">
<link rel="icon" type="image/png" href="/img/favicon.png">
<script src="/js/auth-check.js" defer></script>
</head>
<body>
<!-- 네비게이션 바 -->
<div id="navbar-container"></div>
<div class="work-report-container">
<!-- 메인 콘텐츠 -->
<main class="work-report-main">
<!-- 뒤로가기 버튼 -->
<a href="javascript:history.back()" class="back-button">
← 뒤로가기
</a>
<div class="dashboard-main">
<!-- 빠른 액세스 섹션 -->
<div class="quick-access-section">
<h2 class="section-title">⚡ 빠른 액세스</h2>
<div class="quick-actions-grid">
<button class="quick-action-btn" onclick="navigateToPage('/pages/management/project-management.html')">
<span class="quick-icon">📁</span>
<span class="quick-text">새 프로젝트</span>
</button>
<button class="quick-action-btn" onclick="navigateToPage('/pages/management/worker-management.html')">
<span class="quick-icon">👤</span>
<span class="quick-text">작업자 등록</span>
</button>
<button class="quick-action-btn" onclick="navigateToPage('/pages/management/code-management.html')">
<span class="quick-icon">🏷️</span>
<span class="quick-text">코드 설정</span>
</button>
<button class="quick-action-btn" onclick="navigateToPage('/pages/analysis/work-analysis.html')">
<span class="quick-icon">📊</span>
<span class="quick-text">작업 분석</span>
</button>
</div>
</div>
<!-- 관리 메뉴 카드들 -->
<div class="management-section">
<h2 class="section-title">🔧 관리 메뉴</h2>
<div class="management-grid">
<!-- 프로젝트 관리 -->
<div class="management-card" onclick="navigateToPage('/pages/management/project-management.html')">
<div class="card-header">
<div class="card-icon">📁</div>
<h3 class="card-title">프로젝트 관리</h3>
</div>
<div class="card-content">
<p class="card-description">프로젝트 등록, 수정, 삭제 및 기본 정보 관리</p>
<div class="card-stats">
<div class="stat-item">
<span class="stat-label">등록된 프로젝트</span>
<span class="stat-value" id="projectCount">-</span>
</div>
</div>
</div>
<div class="card-footer">
<span class="card-action">관리하기 →</span>
</div>
</div>
<!-- 작업자 관리 -->
<div class="management-card" onclick="navigateToPage('/pages/management/worker-management.html')">
<div class="card-header">
<div class="card-icon">👥</div>
<h3 class="card-title">작업자 관리</h3>
</div>
<div class="card-content">
<p class="card-description">작업자 등록, 수정, 비활성화 및 정보 관리</p>
<div class="card-stats">
<div class="stat-item">
<span class="stat-label">활성 작업자</span>
<span class="stat-value" id="workerCount">-</span>
</div>
</div>
</div>
<div class="card-footer">
<span class="card-action">관리하기 →</span>
</div>
</div>
<!-- 코드 관리 -->
<div class="management-card" onclick="navigateToPage('/pages/management/code-management.html')">
<div class="card-header">
<div class="card-icon">🏷️</div>
<h3 class="card-title">코드 관리</h3>
</div>
<div class="card-content">
<p class="card-description">이슈 타입, 에러 타입, 작업 상태 등 코드 관리</p>
<div class="card-stats">
<div class="stat-item">
<span class="stat-label">코드 타입</span>
<span class="stat-value" id="codeTypeCount">-</span>
</div>
</div>
</div>
<div class="card-footer">
<span class="card-action">관리하기 →</span>
</div>
</div>
</div>
</div>
<!-- 시스템 상태 섹션 -->
<div class="system-status-section">
<h2 class="section-title">📊 시스템 현황</h2>
<div class="status-grid">
<div class="status-card">
<div class="status-icon">📁</div>
<div class="status-info">
<span class="status-label">활성 프로젝트</span>
<span class="status-value" id="activeProjectCount">-</span>
</div>
</div>
<div class="status-card">
<div class="status-icon">👥</div>
<div class="status-info">
<span class="status-label">등록 작업자</span>
<span class="status-value" id="totalWorkerCount">-</span>
</div>
</div>
<div class="status-card">
<div class="status-icon">📋</div>
<div class="status-info">
<span class="status-label">이번 달 작업</span>
<span class="status-value" id="monthlyWorkCount">-</span>
</div>
</div>
<div class="status-card">
<div class="status-icon">⚠️</div>
<div class="status-info">
<span class="status-label">미완료 작업</span>
<span class="status-value" id="incompleteWorkCount">-</span>
</div>
</div>
</div>
</div>
</div>
</main>
</div>
<!-- JavaScript -->
<script type="module" src="/js/api-config.js?v=3"></script>
<script type="module" src="/js/load-navbar.js?v=5"></script>
<script type="module" src="/js/work-management.js?v=3"></script>
</body>
</html>