- Flask Blueprint 아키텍처로 전환 (dashboard, upload, backup, status) - app.py 681줄 95줄로 축소 (86% 감소) - HTML 템플릿 모듈화 (base.html + 기능별 templates) - CSS/JS 파일 분리 (common + 기능별 파일) - 대시보드 기능 추가 (통계, 주간 예보, 방문객 추이) - 파일 업로드 웹 인터페이스 구현 - 백업/복구 관리 UI 구현 - Docker 배포 환경 개선 - .gitignore 업데이트 (uploads, backups, cache 등)
73 lines
2.8 KiB
HTML
73 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">
|
|
<title>{% block title %}First Garden - POS 데이터 관리{% endblock %}</title>
|
|
|
|
<!-- Bootstrap CSS -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<!-- Bootstrap Icons -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css" rel="stylesheet">
|
|
<!-- Chart.js -->
|
|
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
|
|
|
<!-- 공통 CSS -->
|
|
<link href="{{ url_for('static', filename='css/common.css') }}" rel="stylesheet">
|
|
|
|
{% block extra_css %}{% endblock %}
|
|
|
|
</head>
|
|
<body>
|
|
<div class="container-main">
|
|
<!-- 헤더 -->
|
|
<div class="header">
|
|
<h1>
|
|
<i class="bi bi-graph-up"></i>
|
|
First Garden POS 데이터 관리 시스템
|
|
</h1>
|
|
<p>실시간 데이터 모니터링, 파일 관리, 백업 시스템</p>
|
|
</div>
|
|
|
|
<!-- 탭 네비게이션 -->
|
|
<ul class="nav nav-tabs" role="tablist">
|
|
<li class="nav-item" role="presentation">
|
|
<a class="nav-link {% if request.endpoint == 'dashboard.index' or not request.endpoint %}active{% endif %}"
|
|
href="{{ url_for('dashboard.index') }}" role="tab">
|
|
<i class="bi bi-speedometer2"></i> 대시보드
|
|
</a>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<a class="nav-link {% if request.endpoint == 'upload.index' %}active{% endif %}"
|
|
href="{{ url_for('upload.index') }}" role="tab">
|
|
<i class="bi bi-cloud-upload"></i> 파일 업로드
|
|
</a>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<a class="nav-link {% if request.endpoint == 'backup.index' %}active{% endif %}"
|
|
href="{{ url_for('backup.index') }}" role="tab">
|
|
<i class="bi bi-cloud-check"></i> 백업 관리
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<!-- 탭 콘텐츠 -->
|
|
<div class="tab-content">
|
|
{% block content %}{% endblock %}
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 알림 영역 -->
|
|
<div id="alert-container" style="position: fixed; top: 20px; right: 20px; z-index: 9999; max-width: 400px;"></div>
|
|
|
|
<!-- Bootstrap JS -->
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
|
|
<!-- 공통 JavaScript -->
|
|
<script src="{{ url_for('static', filename='js/common.js') }}"></script>
|
|
|
|
{% block extra_js %}{% endblock %}
|
|
|
|
</body>
|
|
</html>
|