Upload templates/admin.html with huggingface_hub

templates/admin.html

@@ -58,46 +58,64 @@
 </div>
 
     <!-- ============ Storage ============ -->
-    <h5 class="mt-4">檔案儲存空間</h5>
-    <div class="card mb-4">
-        <div class="card-body">
-            <div class="d-flex justify-content-between align-items-center mb-2">
-                <div>
-                    <strong>{{ storage.count }}</strong> 個檔案，共 <strong>{{ storage.size_mb }} MB</strong>
+    {% set pra_uploads = uploads | selectattr('source', 'equalto', 'PRA') | list %}
+    {% set dsa_uploads = uploads | selectattr('source', 'equalto', 'DSA') | list %}
+    {% set pra_size = (pra_uploads | sum(attribute='size_kb') / 1024) | round(2) %}
+    {% set dsa_size = (dsa_uploads | sum(attribute='size_kb') / 1024) | round(2) %}
+    <div class="d-flex justify-content-between align-items-center mt-4 mb-2">
+        <h5 class="mb-0">檔案儲存空間
+            <small class="text-muted">總計 {{ storage.count }} 個檔案，{{ storage.size_mb }} MB</small>
+        </h5>
+        <button class="btn btn-sm btn-outline-danger" onclick="cleanupUploads()">清理舊檔案</button>
+    </div>
+    <div class="row g-3 mb-4">
+    {% for grp in [
+        {'label': 'PRA', 'badge': 'bg-primary', 'list': pra_uploads, 'size': pra_size, 'idprefix': 'pra'},
+        {'label': 'DSA', 'badge': 'bg-danger',  'list': dsa_uploads, 'size': dsa_size, 'idprefix': 'dsa'}
+    ] %}
+        <div class="col-md-6">
+            <div class="card h-100">
+                <div class="card-header d-flex justify-content-between align-items-center py-2">
+                    <div>
+                        <span class="badge {{ grp.badge }} me-1">{{ grp.label }}</span>
+                        <strong>{{ grp.list | length }}</strong> 個檔案，共 <strong>{{ grp.size }} MB</strong>
+                    </div>
+                    {% if grp.list %}
+                    <a href="/admin/download_all_uploads?source={{ grp.label }}" class="btn btn-sm btn-outline-primary">下載 {{ grp.label }} 全部</a>
+                    {% endif %}
                 </div>
-                <div>
-                    <a href="/admin/download_all_uploads" class="btn btn-sm btn-outline-primary me-1">一鍵下載全部</a>
-                    <button class="btn btn-sm btn-outline-danger" onclick="cleanupUploads()">清理舊檔案</button>
+                <div class="card-body p-2">
+                    {% if grp.list %}
+                    <div style="max-height: 360px; overflow-y: auto;">
+                    <table class="table table-sm table-bordered mb-0" style="font-size:.82rem;">
+                        <thead class="table-light" style="position:sticky; top:0;">
+                            <tr><th>檔名</th><th style="width:80px;">大小</th><th style="width:130px;">上傳時間</th><th style="width:120px;">操作</th></tr>
+                        </thead>
+                        <tbody>
+                        {% for u in grp.list %}
+                        <tr id="upload-row-{{ grp.idprefix }}-{{ loop.index }}">
+                            <td class="small">{{ u.name }}</td>
+                            <td class="text-end">{{ u.size_kb }} KB</td>
+                            <td class="small">{{ u.mtime }}</td>
+                            <td class="text-nowrap">
+                                <a href="/download_upload/{{ u.name }}" class="btn btn-sm btn-outline-primary py-0 px-2">下載</a>
+                                <button class="btn btn-sm btn-outline-danger py-0 px-2" onclick="deleteUpload('{{ u.name }}', '{{ grp.idprefix }}-{{ loop.index }}')">刪除</button>
+                            </td>
+                        </tr>
+                        {% endfor %}
+                        </tbody>
+                    </table>
+                    </div>
+                    {% else %}
+                    <div class="text-muted small">無 {{ grp.label }} 上傳檔案</div>
+                    {% endif %}
                 </div>
             </div>
-            {% if uploads %}
-            <div style="max-height: 360px; overflow-y: auto;">
-            <table class="table table-sm table-bordered mb-0" style="font-size:.85rem;">
-                <thead class="table-light" style="position:sticky; top:0;">
-                    <tr><th>檔名</th><th style="width:90px;">大小</th><th style="width:140px;">上傳時間</th><th style="width:130px;">操作</th></tr>
-                </thead>
-                <tbody>
-                {% for u in uploads %}
-                <tr id="upload-row-{{ loop.index }}">
-                    <td class="small">{{ u.name }}</td>
-                    <td class="text-end">{{ u.size_kb }} KB</td>
-                    <td class="small">{{ u.mtime }}</td>
-                    <td class="text-nowrap">
-                        <a href="/download_upload/{{ u.name }}" class="btn btn-sm btn-outline-primary py-0 px-2">下載</a>
-                        <button class="btn btn-sm btn-outline-danger py-0 px-2" onclick="deleteUpload('{{ u.name }}', {{ loop.index }})">刪除</button>
-                    </td>
-                </tr>
-                {% endfor %}
-                </tbody>
-            </table>
-            </div>
-            {% else %}
-            <div class="text-muted small mt-2">無上傳檔案</div>
-            {% endif %}
         </div>
+    {% endfor %}
     </div>
     <script>
-    function deleteUpload(name, idx) {
+    function deleteUpload(name, rowKey) {
         if (!confirm('確定刪除 ' + name + '？')) return;
         fetch('/admin/delete_upload', {
             method: 'POST',
@@ -105,7 +123,7 @@
             body: JSON.stringify({ filename: name })
         }).then(r => r.json()).then(d => {
             if (d.ok) {
-                const row = document.getElementById('upload-row-' + idx);
+                const row = document.getElementById('upload-row-' + rowKey);
                 if (row) row.remove();
             } else {
                 alert('刪除失敗：' + (d.error || ''));