From 2481d44eb83fc1e163879e19f9c897d20d6b6363 Mon Sep 17 00:00:00 2001
From: "Kim.KANGHEE" <inje14@naver.com>
Date: Wed, 5 Nov 2025 21:18:29 +0900
Subject: [PATCH] update

---
 backend/routes/main.py       |   7 ++
 backend/templates/index.html | 140 +++++++++++++++++++++++------------
 2 files changed, 100 insertions(+), 47 deletions(-)

diff --git a/backend/routes/main.py b/backend/routes/main.py
index 1da422f..4f28d26 100644
--- a/backend/routes/main.py
+++ b/backend/routes/main.py
@@ -59,8 +59,13 @@ def index():
     start = (page - 1) * Config.FILES_PER_PAGE
     end = start + Config.FILES_PER_PAGE
     files_to_display = [{"name": Path(f).stem, "file": f} for f in info_files[start:end]]
+
     total_pages = (len(info_files) + Config.FILES_PER_PAGE - 1) // Config.FILES_PER_PAGE
 
+    # ✅ 추가: 10개 단위로 표시될 페이지 범위 계산
+    start_page = ((page - 1) // 10) * 10 + 1
+    end_page = min(start_page + 9, total_pages)
+
     # 백업 폴더 목록 (디렉터리만)
     backup_dirs = [d for d in backup_dir.iterdir() if d.is_dir()]
     backup_dirs.sort(key=lambda p: p.stat().st_mtime, reverse=True)
@@ -81,6 +86,8 @@ def index():
         files_to_display=files_to_display,
         page=page,
         total_pages=total_pages,
+        start_page=start_page,
+        end_page=end_page,
         backup_files=backup_files,
         total_backup_pages=total_backup_pages,
         backup_page=backup_page,
diff --git a/backend/templates/index.html b/backend/templates/index.html
index 3965459..4272617 100644
--- a/backend/templates/index.html
+++ b/backend/templates/index.html
@@ -109,7 +109,7 @@
 
             <div class="d-flex gap-2">
               <button type="submit" formaction="{{ url_for('utils.update_server_list') }}" 
-                      class="btn btn-outline-primary">
+                      class="btn btn-secondary">
                 MAC to Excel
               </button>
               <button type="submit" formaction="{{ url_for('utils.update_guid_list') }}" 
@@ -117,7 +117,7 @@
                 GUID to Excel
               </button>
               <button type="submit" formaction="{{ url_for('utils.update_gpu_list') }}"
-                      class="btn btn-success">
+                      class="btn btn-warning">
                 GPU to Excel
               </button>
             </div>
@@ -208,7 +208,7 @@
               <label class="form-label text-nowrap">GPU 파일 이동</label>
               <form id="gpuMoveForm" method="post" action="{{ url_for('utils.move_gpu_files') }}">
                 <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
-                <button class="btn btn-info w-100" type="submit">GPU Move</button>
+                <button class="btn btn-secondary w-100" type="submit">GPU Move</button>
               </form>
             </div>
 
@@ -218,57 +218,103 @@
     </div>
   </div>
 
-  {# 처리된 파일 목록 #}
-  <div class="row mb-4 processed-list">
-    <div class="col">
-      <div class="card border shadow-sm">
-        <div class="card-header bg-light border-0 py-2">
-          <h6 class="mb-0">
-            <i class="bi bi-files me-2"></i>
-            처리된 파일 목록
-          </h6>
-        </div>
-        <div class="card-body p-4">
-          {% if files_to_display and files_to_display|length > 0 %}
-            <div class="row g-3">
-              {% for file_info in files_to_display %}
-                <div class="col-auto">
-                  <div class="file-card-compact border rounded p-2 text-center">
-                    <a href="{{ url_for('main.download_file', filename=file_info.file) }}" 
-                       class="text-decoration-none text-dark fw-semibold d-block mb-2 text-nowrap px-2" 
-                       download title="{{ file_info.name or file_info.file }}">
-                      {{ file_info.name or file_info.file }}
-                    </a>
-                    <div class="file-card-buttons">
-                      <button type="button" class="btn btn-sm btn-outline btn-view-processed flex-fill"
-                              data-bs-toggle="modal" data-bs-target="#fileViewModal"
-                              data-folder="idrac_info"
-                              data-filename="{{ file_info.file }}">
-                        보기
+{# 처리된 파일 목록 #}
+<div class="row mb-4 processed-list">
+  <div class="col">
+    <div class="card border shadow-sm">
+      <div class="card-header bg-light border-0 py-2 d-flex justify-content-between align-items-center">
+        <h6 class="mb-0">
+          <i class="bi bi-files me-2"></i>
+          처리된 파일 목록
+        </h6>
+      </div>
+      <div class="card-body p-4">
+        {% if files_to_display and files_to_display|length > 0 %}
+          <div class="row g-3">
+            {% for file_info in files_to_display %}
+              <div class="col-auto">
+                <div class="file-card-compact border rounded p-2 text-center">
+                  <a href="{{ url_for('main.download_file', filename=file_info.file) }}" 
+                     class="text-decoration-none text-dark fw-semibold d-block mb-2 text-nowrap px-2" 
+                     download title="{{ file_info.name or file_info.file }}">
+                    {{ file_info.name or file_info.file }}
+                  </a>
+                  <div class="file-card-buttons d-flex gap-2 justify-content-center">
+                    <button type="button" class="btn btn-sm btn-outline btn-view-processed flex-fill"
+                            data-bs-toggle="modal" data-bs-target="#fileViewModal"
+                            data-folder="idrac_info"
+                            data-filename="{{ file_info.file }}">
+                      보기
+                    </button>
+                    <form action="{{ url_for('main.delete_file', filename=file_info.file) }}"
+                          method="post" class="d-inline">
+                      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
+                      <button type="submit" class="btn btn-sm btn-outline btn-delete-processed flex-fill"
+                              onclick="return confirm('삭제하시겠습니까?');">
+                        삭제
                       </button>
-                      <form action="{{ url_for('main.delete_file', filename=file_info.file) }}"
-                            method="post" class="d-inline">
-                        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
-                        <button type="submit" class="btn btn-sm btn-outline btn-delete-processed"
-                                onclick="return confirm('삭제하시겠습니까?');">
-                          삭제
-                        </button>
-                      </form>
-                    </div>
+                    </form>
                   </div>
                 </div>
+              </div>
+            {% endfor %}
+          </div>
+
+          <!-- 페이지네이션 -->
+          {% if total_pages > 1 %}
+          <nav aria-label="Processed files pagination" class="mt-4">
+            <ul class="pagination justify-content-center mb-0">
+
+              <!-- 이전 페이지 -->
+              {% if page > 1 %}
+                <li class="page-item">
+                  <a class="page-link" href="{{ url_for('main.index', page=page-1) }}">
+                    <i class="bi bi-chevron-left"></i> 이전
+                  </a>
+                </li>
+              {% else %}
+                <li class="page-item disabled">
+                  <span class="page-link"><i class="bi bi-chevron-left"></i> 이전</span>
+                </li>
+              {% endif %}
+
+              <!-- 페이지 번호 (최대 10개 표시) -->
+              {% set start_page = ((page - 1) // 10) * 10 + 1 %}
+              {% set end_page = [start_page + 9, total_pages]|min %}
+              {% for p in range(start_page, end_page + 1) %}
+                <li class="page-item {% if p == page %}active{% endif %}">
+                  <a class="page-link" href="{{ url_for('main.index', page=p) }}">{{ p }}</a>
+                </li>
               {% endfor %}
-            </div>
-          {% else %}
-            <div class="text-center py-5">
-              <i class="bi bi-inbox fs-1 text-muted mb-3"></i>
-              <p class="text-muted mb-0">표시할 파일이 없습니다.</p>
-            </div>
+
+              <!-- 다음 페이지 -->
+              {% if page < total_pages %}
+                <li class="page-item">
+                  <a class="page-link" href="{{ url_for('main.index', page=page+1) }}">
+                    다음 <i class="bi bi-chevron-right"></i>
+                  </a>
+                </li>
+              {% else %}
+                <li class="page-item disabled">
+                  <span class="page-link">다음 <i class="bi bi-chevron-right"></i></span>
+                </li>
+              {% endif %}
+
+            </ul>
+          </nav>
           {% endif %}
-        </div>
+          <!-- /페이지네이션 -->
+
+        {% else %}
+          <div class="text-center py-5">
+            <i class="bi bi-inbox fs-1 text-muted mb-3"></i>
+            <p class="text-muted mb-0">표시할 파일이 없습니다.</p>
+          </div>
+        {% endif %}
       </div>
     </div>
   </div>
+</div>
 
   {# 백업된 파일 목록 #}
   <div class="row backup-list">
@@ -637,4 +683,4 @@ document.addEventListener('DOMContentLoaded', () => {
 
 <!-- 외부 script.js 파일 (IP 폼 처리 로직 포함) -->
 <script src="{{ url_for('static', filename='script.js') }}"></script>
-{% endblock %}
\ No newline at end of file
+{% endblock %}