TASK — Simplify Backup Page "Alkalmazás adatok" Section

Goal

Replace the current complex app data section on the backup page (checkboxes, paths, docker volumes, save button) with a simple, read-only status list of all deployed apps.

Current state (v0.11.9)

The backup page shows an "Alkalmazás adatok" section with:

Checkboxes per app to toggle backup on/off
Full HDD path listings with sizes
Docker volume names with "(nem mentett)" labels
DB dump status per app
A "Mentés" (save) button

Problems:

Too much detail for the customer — confusing
Docker volume names shown as "nem mentett" can mislead users into thinking DB data isn't backed up (it is, via DB dump)
Backup enable/disable should be configured on the app's own settings page, not here
The section should be informational only on this page

Desired state

A clean, read-only list of ALL deployed apps (including those without user data) showing a simple status per app:

┌────────────────────────────────────────────────────────┐
│  Alkalmazás adatok                                     │
│  Az alkalmazások felhasználói adatainak mentési        │
│  állapota. Beállítás az alkalmazás oldalán.            │
│                                                        │
│  Immich             Külső tárhely (hdd_1)  ● Aktív     │
│  Paperless-ngx      Külső tárhely (hdd_p.) ○ Inaktív   │
│  Gokapi                                   — N/A       │
│  Mealie                                    — N/A       │
│  RoMM               Külső tárhely (hdd_p.) ○ Inaktív   │
└────────────────────────────────────────────────────────┘

Each app name links to its deploy/settings page where backup can be configured.

Status indicators (no emoji, just styled text/dots):

● Aktív — green dot + text — backup enabled for this app (has HDD data and toggle is on)
○ Inaktív — gray dot + text — has HDD data but backup not enabled
— N/A — muted dash + text — no user data folder, backup not applicable (this is fine, not a warning)

Optional: For apps with "Aktív" status, show the data size in muted text next to the storage label (e.g., 47.9 MB).

Changes

1. `backups.html` — Replace Section 4

Replace everything from  through the closing {{end}} (lines 16199-16247) with:

<!-- Section 4: App data backup status (read-only) -->
{{if .Backup.AppDataInfo}}
<div class="backup-section-card">
    <h3>Alkalmazás adatok</h3>
    <p class="backup-section-desc">Az alkalmazások felhasználói adatainak mentési állapota. Beállítás az alkalmazás oldalán.</p>
    <div class="app-backup-list">
        {{range .Backup.AppDataInfo}}
        <div class="app-backup-item">
            <div class="app-backup-header">
                <a href="/stacks/{{.StackName}}/deploy" class="app-backup-name-link">{{.DisplayName}}</a>
                <div class="app-backup-status-row">
                    {{if .HasHDDData}}
                        {{if .StorageLabel}}<span class="meta-badge meta-badge-storage">{{.StorageLabel}}</span>{{end}}
                        {{if .BackupEnabled}}
                            <span class="app-backup-size mono">{{.HDDSizeHuman}}</span>
                            <span class="app-backup-status app-backup-active">Aktív</span>
                        {{else}}
                            <span class="app-backup-status app-backup-inactive">Inaktív</span>
                        {{end}}
                    {{else}}
                        <span class="app-backup-status app-backup-na">N/A</span>
                    {{end}}
                </div>
            </div>
        </div>
        {{end}}
    </div>
</div>
{{end}}

Key differences from current:

No <form>, no checkboxes, no submit button
No HDD paths, no Docker volume names, no DB dump notes
No "app-backup-notice" about Docker volumes
App name is a link to its deploy page
Simple status indicator per app

2. `style.css` — Update styles

Keep existing .app-backup-list and .app-backup-item styles. Add/modify:

/* App backup status list (read-only on backup page) */
.app-backup-name-link {
    font-weight: 500;
    font-size: .9rem;
    color: var(--text-primary);
    text-decoration: none;
}

.app-backup-name-link:hover {
    color: var(--accent-blue);
    text-decoration: underline;
}

.app-backup-status-row {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.app-backup-status {
    font-size: .8rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.app-backup-status::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.app-backup-active {
    color: var(--green);
}

.app-backup-active::before {
    background: var(--green);
    box-shadow: 0 0 4px rgba(35, 134, 54, 0.4);
}

.app-backup-inactive {
    color: var(--text-muted);
}

.app-backup-inactive::before {
    border: 1px solid var(--text-muted);
    background: transparent;
    width: 6px;
    height: 6px;
}

.app-backup-na {
    color: var(--text-muted);
}

.app-backup-na::before {
    content: '—';
    width: auto;
    height: auto;
    border-radius: 0;
    background: none;
    border: none;
    box-shadow: none;
    font-size: .8rem;
}

Remove unused CSS classes (no longer needed — these were for the old section):

.app-backup-toggle
.app-backup-disabled-icon
.app-backup-details
.app-backup-path
.app-backup-volume
.app-backup-dbinfo
.app-backup-actions
.app-backup-notice

Only remove them if they're not used elsewhere. Search the templates first.

3. Handlers — keep backend as-is

The POST /settings/app-backup endpoint and the DiscoverAppData() function should remain — the per-app backup toggle still works from the app's deploy/settings page. We're only removing the UI from the centralized backup page.

The AppDataInfo data is still populated and still needed — we use .HasHDDData, .BackupEnabled, .StorageLabel, .HDDSizeHuman, .StackName, and .DisplayName in the new simplified template.

4. Ensure ALL deployed apps appear

Currently, DiscoverAppData() iterates provider.ListDeployedStacks() which should include all deployed apps. Verify that apps without HDD data (like Gokapi, Mealie) also appear in the list — they should since .NeedsHDD can be false and they'd still be in the output with HasHDDData: false.

If some apps are missing, the issue is in ListDeployedStacks() filtering — make sure it returns all deployed stacks, not just HDD-capable ones.

Testing

Visit /backups page
All deployed apps should appear in the list (Immich, Paperless-ngx, Gokapi, Mealie, RoMM, etc.)
Apps with backup enabled show green dot + "Aktív" + size
Apps with HDD data but backup disabled show hollow dot + "Inaktív"
Apps without HDD data show dash + "N/A"
Clicking app name navigates to /stacks/{name}/deploy
No checkboxes, no paths, no volumes, no save button visible
The per-app backup toggle on the deploy page still works (toggle on backup page → save → return to backup page → status updated)

7.4 KiB Raw Blame History