tanner/image-drop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Hide queue summary until items are added

Browse Source 
Co-authored-by: aider (gemini/gemini-2.5-pro) <aider@aider.chat>
This commit is contained in:
Tanner Collin
2026-01-06 17:00:50 -07:00
parent 16f1d0df0c
commit a86c0f4bac
3 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/app.js
View File

@@ -136,6 +136,11 @@ function render(){
}); });
} catch {} } catch {}
const summaryEl = document.getElementById('summary');
if (summaryEl) {
summaryEl.classList.toggle('hidden', items.length === 0);
}
const c = {queued:0,uploading:0,done:0,dup:0,err:0}; const c = {queued:0,uploading:0,done:0,dup:0,err:0};
for(const it of items){ for(const it of items){
if(['queued','checking'].includes(it.status)) c.queued++; if(['queued','checking'].includes(it.status)) c.queued++;

2
frontend/index.html
View File

@@ -51,7 +51,7 @@
</section> </section>
<!-- Queue summary --> <!-- Queue summary -->
<section id="summary" class="!mt-12 rounded-2xl border bg-white p-4 shadow-sm dark:bg-gray-800 dark:border-gray-700 transition-colors"> <section id="summary" class="hidden !mt-12 rounded-2xl border bg-white p-4 shadow-sm dark:bg-gray-800 dark:border-gray-700 transition-colors">
<div class="flex flex-wrap items-end justify-between gap-2 text-sm"> <div class="flex flex-wrap items-end justify-between gap-2 text-sm">
<!-- Buttons: on small screens show on their own row above --> <!-- Buttons: on small screens show on their own row above -->
<div class="order-1 w-full md:order-2 md:w-auto flex gap-2 justify-end"> <div class="order-1 w-full md:order-2 md:w-auto flex gap-2 justify-end">

2
frontend/invite.html
View File

@@ -71,7 +71,7 @@
</div> </div>
</section> </section>
<section id="summary" class="!mt-12 rounded-2xl border bg-white p-4 shadow-sm dark:bg-gray-800 dark:border-gray-700"> <section id="summary" class="hidden !mt-12 rounded-2xl border bg-white p-4 shadow-sm dark:bg-gray-800 dark:border-gray-700">
<div class="flex flex-wrap items-end justify-between gap-2 text-sm"> <div class="flex flex-wrap items-end justify-between gap-2 text-sm">
<!-- Buttons: ensure present on invite page and visible on small screens --> <!-- Buttons: ensure present on invite page and visible on small screens -->
<div class="order-1 w-full md:order-2 md:w-auto flex gap-2 justify-end"> <div class="order-1 w-full md:order-2 md:w-auto flex gap-2 justify-end">