hyungi/TK-FB-Project
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

해당 서비스 도커화 성공, 룰 추가, 로그인 오류 수정, 소문자 룰 어느정도 해결

Browse Source
This commit is contained in:
Hyungi Ahn
2025-08-01 15:55:27 +09:00
parent ef06cec8d6
commit 809b2af53e
6418 changed files with 1922672 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

351
fastapi-bridge/static/components/navbar.html Normal file
View File

@@ -0,0 +1,351 @@
<!-- components/navbar.html -->
<!-- 프로필 드롭다운이 추가된 개선된 네비게이션바 -->
<nav class="navbar">
<div class="navbar-brand">
<img src="/img/logo.png" alt="로고" class="logo-small">
<div class="brand-content">
<span class="brand-text">테크니컬코리아</span>
<span class="brand-subtitle">생산팀 포털</span>
</div>
</div>
<div class="navbar-center">
<div class="current-time" id="current-time"></div>
</div>
<div class="navbar-menu">
<!-- 프로필 드롭다운 추가 -->
<div class="profile-dropdown">
<div class="user-info" id="user-info-dropdown">
<div class="user-avatar">👤</div>
<div class="user-details">
<span class="user-name" id="user-name">사용자</span>
<span class="user-role" id="user-role">작업자</span>
</div>
<span class="dropdown-arrow">▼</span>
</div>
<!-- 드롭다운 메뉴 -->
<div class="dropdown-menu" id="profile-dropdown-menu">
<div class="dropdown-header">
<div class="dropdown-user-name" id="dropdown-user-fullname">사용자</div>
<div class="dropdown-user-id" id="dropdown-user-id">@username</div>
</div>
<div class="dropdown-divider"></div>
<a href="/pages/profile/my-profile.html" class="dropdown-item">
<span class="dropdown-icon">👤</span>
내 프로필
</a>
<a href="/pages/profile/change-password.html" class="dropdown-item">
<span class="dropdown-icon">🔐</span>
비밀번호 변경
</a>
<a href="/pages/profile/settings.html" class="dropdown-item">
<span class="dropdown-icon">⚙️</span>
설정
</a>
<div class="dropdown-divider"></div>
<button class="dropdown-item logout-item" id="dropdown-logout">
<span class="dropdown-icon">🚪</span>
로그아웃
</button>
</div>
</div>
<div class="navbar-buttons">
<button class="nav-btn dashboard-btn" title="대시보드">
🏠 대시보드
</button>
</div>
</div>
</nav>
<style>
.navbar {
background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%);
padding: 12px 24px;
color: white;
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
font-family: 'Malgun Gothic', sans-serif;
position: relative;
z-index: 1000;
}
.navbar-brand {
display: flex;
align-items: center;
gap: 12px;
}
.logo-small {
height: 40px;
width: auto;
border-radius: 6px;
}
.brand-content {
display: flex;
flex-direction: column;
}
.brand-text {
font-size: 1.2rem;
font-weight: 700;
line-height: 1.2;
}
.brand-subtitle {
font-size: 0.8rem;
opacity: 0.9;
font-weight: 400;
}
.navbar-center {
display: flex;
align-items: center;
}
.current-time {
font-size: 0.9rem;
font-weight: 500;
padding: 8px 16px;
background: rgba(255,255,255,0.1);
border-radius: 20px;
backdrop-filter: blur(10px);
border: 1px solid rgba(255,255,255,0.2);
}
.navbar-menu {
display: flex;
align-items: center;
gap: 20px;
}
/* 프로필 드롭다운 스타일 */
.profile-dropdown {
position: relative;
}
.user-info {
display: flex;
align-items: center;
gap: 12px;
padding: 8px 16px;
background: rgba(255,255,255,0.1);
border-radius: 25px;
backdrop-filter: blur(10px);
border: 1px solid rgba(255,255,255,0.2);
cursor: pointer;
transition: all 0.3s ease;
}
.user-info:hover {
background: rgba(255,255,255,0.2);
}
.user-info.active {
background: rgba(255,255,255,0.25);
box-shadow: 0 0 0 3px rgba(255,255,255,0.2);
}
.dropdown-arrow {
font-size: 0.7rem;
margin-left: 4px;
transition: transform 0.3s ease;
}
.user-info.active .dropdown-arrow {
transform: rotate(180deg);
}
.user-avatar {
width: 36px;
height: 36px;
background: rgba(255,255,255,0.2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.2rem;
}
.user-details {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.user-name {
font-weight: 600;
font-size: 0.9rem;
line-height: 1.2;
}
.user-role {
font-size: 0.7rem;
opacity: 0.8;
font-weight: 400;
}
/* 드롭다운 메뉴 */
.dropdown-menu {
position: absolute;
top: calc(100% + 8px);
right: 0;
background: white;
border-radius: 12px;
box-shadow: 0 8px 24px rgba(0,0,0,0.15);
min-width: 240px;
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: all 0.3s ease;
overflow: hidden;
}
.dropdown-menu.show {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.dropdown-header {
padding: 16px 20px;
background: #f5f5f5;
border-bottom: 1px solid #e0e0e0;
}
.dropdown-user-name {
font-weight: 600;
color: #333;
font-size: 1rem;
margin-bottom: 4px;
}
.dropdown-user-id {
font-size: 0.85rem;
color: #666;
}
.dropdown-divider {
height: 1px;
background: #e0e0e0;
margin: 0;
}
.dropdown-item {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 20px;
color: #333;
text-decoration: none;
transition: background 0.2s ease;
border: none;
background: none;
width: 100%;
text-align: left;
font-size: 0.9rem;
cursor: pointer;
font-family: inherit;
}
.dropdown-item:hover {
background: #f5f5f5;
}
.dropdown-item:active {
background: #e0e0e0;
}
.dropdown-icon {
font-size: 1.1rem;
width: 24px;
text-align: center;
}
.logout-item {
color: #f44336;
}
.logout-item:hover {
background: #ffebee;
}
/* 기존 버튼 스타일 */
.navbar-buttons {
display: flex;
gap: 12px;
}
.nav-btn {
padding: 8px 16px;
border: none;
border-radius: 20px;
font-size: 0.85rem;
font-weight: 500;
cursor: pointer;
transition: all 0.3s ease;
display: flex;
align-items: center;
gap: 6px;
font-family: inherit;
}
.dashboard-btn {
background: rgba(255,255,255,0.15);
color: white;
border: 1px solid rgba(255,255,255,0.3);
}
.dashboard-btn:hover {
background: rgba(255,255,255,0.25);
transform: translateY(-1px);
}
/* 반응형 */
@media (max-width: 1024px) {
.navbar {
padding: 12px 20px;
}
.navbar-center {
display: none;
}
}
@media (max-width: 768px) {
.navbar {
padding: 12px 16px;
}
.brand-content {
display: none;
}
.navbar-menu {
gap: 12px;
}
.dropdown-menu {
right: -16px;
}
}
@media (max-width: 480px) {
.dashboard-btn {
display: none;
}
.user-details {
display: none;
}
.dropdown-arrow {
display: none;
}
}
</style>

48
fastapi-bridge/static/components/sections/admin-sections.html Normal file
View File

@@ -0,0 +1,48 @@
<!-- ✅ /components/sections/admin-sections.html -->
<meta charset="UTF-8">
<section>
<h2>📄 작업 보고서</h2>
<ul>
<li><a href="/pages/work-reports/work-report-create.html">작업보고서 입력</a></li>
<li><a href="/pages/work-reports/work-report-manage.html">작업보고서 관리</a></li>
</ul>
</section>
<section>
<h2>📊 출근/공수 관리</h2>
<ul>
<li><a href="/pages/common/attendance.html">출근부</a></li>
<li><a href="/pages/work-reports/project-labor-summary.html">프로젝트별 공수 계산</a></li>
<li><a href="/pages/work-reports/monthly-labor-report.html">월간 공수 보고서</a></li>
</ul>
</section>
<section>
<h2>🔧 시스템 관리</h2>
<ul>
<li><a href="/pages/admin/manage-user.html">👤 사용자 관리</a></li>
<li><a href="/pages/admin/manage-project.html">📁 프로젝트 관리</a></li>
<li><a href="/pages/admin/manage-worker.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>
</section>
<section>
<h2>🏭 공장 정보</h2>
<ul>
<li><a href="/pages/common/factory-upload.html">공장 정보 등록</a></li>
<li><a href="/pages/common/factory-view.html">공장 목록 보기</a></li>
</ul>
</section>
<section>
<h2>📊 이슈 리포트</h2>
<ul>
<li><a href="/pages/issue-reports/daily-issue-report.html">일일 이슈 보고</a></li>
<li><a href="/pages/issue-reports/issue-summary.html">이슈 현황 요약</a></li>
<li><a href="/pages/analysis/daily_work_analysis.html">작업 정보 페이지</a></li>
</ul>
</section>

136
fastapi-bridge/static/components/sidebar.html Normal file
View File

@@ -0,0 +1,136 @@
<!-- ✅ /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>