eb9266d83a
- 상단 오렌지 헤더 (사용자명/아바타/로그아웃/홈 버튼) - 프로필 카드 그라데이션 blue→orange (#9a3412→#ea580c) - 기존 tkfb 페이지들과 일관된 UI Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
61 lines
2.8 KiB
HTML
61 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
<title>대시보드 - TK 공장관리</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
|
<link rel="stylesheet" href="/static/css/tkfb.css?v=2026033002">
|
|
<link rel="stylesheet" href="/css/production-dashboard.css?v=2026033002">
|
|
</head>
|
|
<body class="bg-gray-50">
|
|
<header class="bg-orange-700 text-white sticky top-0 z-50">
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div class="flex justify-between items-center h-14">
|
|
<div class="flex items-center gap-3">
|
|
<button id="mobileMenuBtn" class="lg:hidden text-orange-200 hover:text-white">
|
|
<i class="fas fa-bars text-xl"></i>
|
|
</button>
|
|
<a href="/pages/dashboard-new.html" class="text-orange-200 hover:text-white">
|
|
<i class="fas fa-home text-xl"></i>
|
|
</a>
|
|
<h1 class="text-lg font-semibold">TK 공장관리</h1>
|
|
</div>
|
|
<div class="flex items-center gap-4">
|
|
<span id="headerUserName" class="text-sm hidden sm:block">-</span>
|
|
<div id="headerUserAvatar" class="w-8 h-8 bg-orange-600 rounded-full flex items-center justify-center text-sm font-bold">-</div>
|
|
<button onclick="doLogout()" class="text-orange-200 hover:text-white" title="로그아웃">
|
|
<i class="fas fa-sign-out-alt"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<nav id="sideNav"></nav>
|
|
<div id="mobileOverlay" class="mobile-overlay hidden" onclick="toggleSideNav()"></div>
|
|
|
|
<main class="pd-main">
|
|
<section class="pd-profile-card" id="profileCard"></section>
|
|
|
|
<section class="pd-section" id="deptPagesSection">
|
|
<h2 class="pd-section-title">내 메뉴</h2>
|
|
<div class="pd-grid" id="deptPagesGrid"></div>
|
|
</section>
|
|
|
|
<section class="pd-section hidden" id="personalPagesSection">
|
|
<h2 class="pd-section-title">추가 메뉴</h2>
|
|
<div class="pd-grid" id="personalPagesGrid"></div>
|
|
</section>
|
|
|
|
<section class="pd-section hidden" id="adminPagesSection">
|
|
<h2 class="pd-section-title">관리 도구</h2>
|
|
<div class="pd-grid" id="adminPagesGrid"></div>
|
|
</section>
|
|
</main>
|
|
|
|
<script src="/static/js/tkfb-core.js?v=2026033002"></script>
|
|
<script src="/js/production-dashboard.js?v=2026033002"></script>
|
|
</body>
|
|
</html>
|