136 lines
3.8 KiB
HTML
136 lines
3.8 KiB
HTML
<!-- ✅ /components/sidebar.html -->
|
|
<aside class="sidebar">
|
|
<nav class="sidebar-nav">
|
|
<!-- 일반 작업자 메뉴 -->
|
|
<div class="menu-section worker-only">
|
|
<h3 class="menu-title">👷 작업 메뉴</h3>
|
|
<ul class="menu-list">
|
|
<li><a href="/pages/work-reports/create.html">📝 작업 일보 작성</a></li>
|
|
<li><a href="/pages/common/attendance.html">📋 출근부 확인</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- 그룹장 메뉴 -->
|
|
<div class="menu-section group-leader-only">
|
|
<h3 class="menu-title">👨🏫 그룹장 메뉴</h3>
|
|
<ul class="menu-list">
|
|
<li><a href="/pages/issue-reports/daily-issue.html">📋 일일 이슈 보고</a></li>
|
|
<li><a href="/pages/work-reports/team-reports.html">👥 팀 작업 관리</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- 지원팀 메뉴 -->
|
|
<div class="menu-section support-only">
|
|
<h3 class="menu-title">🧑💼 지원팀 메뉴</h3>
|
|
<ul class="menu-list">
|
|
<li><a href="/pages/work-reports/create.html">📥 작업보고서 입력</a></li>
|
|
<li><a href="/pages/work-reports/manage.html">🛠 작업보고서 관리</a></li>
|
|
<li><a href="/pages/common/attendance.html">📊 전체 출근부</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- 관리자 메뉴 -->
|
|
<div class="menu-section admin-only">
|
|
<h3 class="menu-title">🏢 관리자 메뉴</h3>
|
|
<ul class="menu-list">
|
|
<li><a href="/pages/admin/reports-dashboard.html">📈 리포트 대시보드</a></li>
|
|
<li><a href="/pages/admin/system-logs.html">📋 시스템 로그</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- 시스템 관리자 메뉴 -->
|
|
<div class="menu-section system-only">
|
|
<h3 class="menu-title">⚙️ 시스템 관리</h3>
|
|
<ul class="menu-list">
|
|
<li><a href="/pages/admin/manage-user.html">👤 사용자 관리</a></li>
|
|
<li><a href="/pages/admin/manage-worker.html">👷 작업자 관리</a></li>
|
|
<li><a href="/pages/admin/manage-project.html">📁 프로젝트 관리</a></li>
|
|
<li><a href="/pages/admin/manage-task.html">📋 작업 유형 관리</a></li>
|
|
<li><a href="/pages/admin/manage-issue.html">🚨 이슈 유형 관리</a></li>
|
|
<li><a href="/pages/admin/manage-pipespec.html">🔧 배관 스펙 관리</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- 공통 메뉴 (모든 사용자) -->
|
|
<div class="menu-section">
|
|
<h3 class="menu-title">📌 공통 메뉴</h3>
|
|
<ul class="menu-list">
|
|
<li><a href="/pages/common/factory-list.html">🏭 공장 정보</a></li>
|
|
<li><a href="/pages/common/emergency-contacts.html">📞 비상 연락망</a></li>
|
|
<li><a href="/pages/common/help.html">❓ 도움말</a></li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</aside>
|
|
|
|
<style>
|
|
.sidebar {
|
|
width: 240px;
|
|
background: #1a237e;
|
|
color: white;
|
|
min-height: calc(100vh - 60px);
|
|
overflow-y: auto;
|
|
box-shadow: 2px 0 4px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
.sidebar-nav {
|
|
padding: 20px 0;
|
|
}
|
|
|
|
.menu-section {
|
|
margin-bottom: 24px;
|
|
padding: 0 16px;
|
|
}
|
|
|
|
.menu-section:not(:last-child) {
|
|
border-bottom: 1px solid rgba(255,255,255,0.1);
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.menu-title {
|
|
font-size: 13px;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.5px;
|
|
margin: 0 0 12px 0;
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.menu-list {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.menu-list li {
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.menu-list a {
|
|
display: block;
|
|
color: rgba(255,255,255,0.9);
|
|
text-decoration: none;
|
|
padding: 8px 12px;
|
|
border-radius: 4px;
|
|
font-size: 14px;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.menu-list a:hover {
|
|
background: rgba(255,255,255,0.1);
|
|
color: white;
|
|
transform: translateX(4px);
|
|
}
|
|
|
|
.menu-list a:active {
|
|
background: rgba(255,255,255,0.2);
|
|
}
|
|
|
|
/* 모바일 대응 */
|
|
@media (max-width: 768px) {
|
|
.sidebar {
|
|
width: 100%;
|
|
min-height: auto;
|
|
}
|
|
}
|
|
</style> |