diff --git a/backend/08-viewer.go b/backend/08-viewer.go
index a231bd0..4b3494a 100644
--- a/backend/08-viewer.go
+++ b/backend/08-viewer.go
@@ -28,7 +28,7 @@ func viewerHandler(w http.ResponseWriter, r *http.Request) {
return
}
if r.Header.Get("HX-Request") == "true" {
- renderViewerTree(w)
+ renderViewerTree(w, account)
return
}
renderShell(w, "", `Backup-Postfach links waehlen.
`)
@@ -106,34 +106,47 @@ func forwardHandler(w http.ResponseWriter, r *http.Request) {
// selbst nutzt IMAP APPEND.
}
-func renderViewerTree(w http.ResponseWriter) {
+func renderViewerTree(w http.ResponseWriter, selected string) {
w.Header().Set("Content-Type", "text/html; charset=utf-8")
- fmt.Fprint(w, `Originale
`)
- entries, err := os.ReadDir(Cfg.MboxRoot)
- if err != nil {
- fmt.Fprintf(w, `%s
`, html.EscapeString(err.Error()))
+ accounts := viewerAccounts()
+ if len(accounts) == 0 {
+ fmt.Fprint(w, `Archiv-Mailbox
Noch keine mbox-Backups.
`)
return
}
- found := false
- for _, entry := range entries {
- if !entry.IsDir() {
- continue
+ selected = resolveViewerAccount(selected, selected)
+ if selected == "" {
+ selected = accounts[0].Name
+ } else {
+ found := false
+ for _, account := range accounts {
+ if account.Name == selected {
+ found = true
+ break
+ }
}
- account := entry.Name()
- mboxes, _ := filepath.Glob(filepath.Join(Cfg.MboxRoot, account, "*.mbox"))
- if len(mboxes) == 0 {
- continue
- }
- found = true
- source := sourceDisplayLabel(account)
- fmt.Fprintf(w, `%s
`, html.EscapeString(sourceDisplayLabel(account)))
- for _, folder := range archiveFolderInfos(mboxes) {
- fmt.Fprintf(w, `%s%d`,
- urlEsc(source), urlEsc(folder.Name), html.EscapeString(folder.Label), folder.Count)
+ if !found {
+ selected = accounts[0].Name
}
}
- if !found {
- fmt.Fprint(w, `Noch keine mbox-Backups.
`)
+ fmt.Fprint(w, `Archiv-Mailbox
`)
+
+ mboxes, _ := filepath.Glob(filepath.Join(Cfg.MboxRoot, selected, "*.mbox"))
+ if len(mboxes) == 0 {
+ fmt.Fprint(w, `Keine Ordner in dieser Archiv-Mailbox.
`)
+ return
+ }
+ source := sourceDisplayLabel(selected)
+ for _, folder := range archiveFolderInfos(mboxes) {
+ fmt.Fprintf(w, `%s%d`,
+ urlEsc(source), urlEsc(folder.Name), html.EscapeString(folder.Label), folder.Count)
}
}
diff --git a/frontend-js/dist/style.css b/frontend-js/dist/style.css
index 85989e0..0e9d44e 100644
--- a/frontend-js/dist/style.css
+++ b/frontend-js/dist/style.css
@@ -41,12 +41,41 @@ body.ol2013 {
.ribbon-tabs { display: flex; gap: 2px; height: 100%; }
.tab {
display: flex; align-items: center;
+ gap: 8px;
padding: 0 16px; height: 100%;
color: #eaf3fb; text-decoration: none;
border-bottom: 3px solid transparent;
}
.tab:hover { background: var(--ol-blue-dark); color: #fff; }
.tab.active { background: #fff; color: var(--ol-blue); border-bottom-color: #fff; }
+.mail-logo {
+ position: relative;
+ width: 17px;
+ height: 12px;
+ border: 2px solid currentColor;
+ border-radius: 2px;
+ display: inline-block;
+ flex: 0 0 auto;
+}
+.mail-logo::before,
+.mail-logo::after {
+ content: "";
+ position: absolute;
+ top: 1px;
+ width: 10px;
+ height: 2px;
+ background: currentColor;
+}
+.mail-logo::before {
+ left: -1px;
+ transform: rotate(32deg);
+ transform-origin: left center;
+}
+.mail-logo::after {
+ right: -1px;
+ transform: rotate(-32deg);
+ transform-origin: right center;
+}
/* Viewer */
.three-pane,
@@ -107,6 +136,23 @@ body.resizing { cursor: col-resize; user-select: none; }
color: var(--ol-text);
background: #fff;
}
+.archive-head {
+ display: grid;
+ grid-template-columns: auto minmax(0, 1fr);
+ align-items: center;
+ gap: 8px;
+}
+.archive-select-form {
+ margin: 0;
+ min-width: 0;
+}
+.archive-select {
+ width: 100%;
+ height: 24px;
+ padding: 2px 6px;
+ color: var(--ol-text);
+ background: #fff;
+}
.searchbar {
position: sticky; top: 30px; z-index: 2;