Use icon for pane toggle

This commit is contained in:
DonVoo 2026-07-06 15:24:36 +02:00
parent eeb9dd15bf
commit 07d8ab257f
3 changed files with 21 additions and 6 deletions

View file

@ -43,9 +43,9 @@ func renderShell(w http.ResponseWriter, active, readingPane string) {
fmt.Fprintf(w, `<!doctype html><html lang="de"><head><meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Mail-Graveyard</title>
<link rel="stylesheet" href="/static/style.css?v=20260706-5">
<link rel="stylesheet" href="/static/style.css?v=20260706-6">
<script src="/static/htmx.min.js"></script>
<script src="/static/app.js?v=20260706-5" defer></script></head>
<script src="/static/app.js?v=20260706-6" defer></script></head>
<body class="ol2013">
<header class="ribbon">
<nav class="ribbon-tabs">

View file

@ -286,7 +286,7 @@ func renderInitialSourceSelectPane(body string) string {
for _, opt := range sourceAccountOptions() {
fmt.Fprintf(&b, `<option value="%s">%s</option>`, html.EscapeString(opt.Value), html.EscapeString(opt.Label))
}
b.WriteString(`</select></form><button class="btn secondary compact" type="button" hx-get="/view/target/select" hx-target="#read" hx-swap="innerHTML">Ziel</button></div><div class="read-body">`)
b.WriteString(`</select></form><button class="btn secondary compact mode-toggle" type="button" title="Zur Zielansicht wechseln" aria-label="Zur Zielansicht wechseln" hx-get="/view/target/select" hx-target="#read" hx-swap="innerHTML"><span class="swap-icon">⇄</span></button></div><div class="read-body">`)
b.WriteString(body)
b.WriteString(`</div>`)
return b.String()
@ -302,7 +302,7 @@ func renderInitialTargetSelectPane(selected string) string {
}
fmt.Fprintf(&b, `<option value="%s"%s>%s</option>`, html.EscapeString(opt.Value), attr, html.EscapeString(opt.Label))
}
b.WriteString(`</select></form><button class="btn secondary compact" type="button" hx-get="/view/source/select" hx-target="#read" hx-swap="innerHTML">Quelle</button></div><div class="read-body"><div class="ef-empty">Nachricht waehlen.</div></div>`)
b.WriteString(`</select></form><button class="btn secondary compact mode-toggle" type="button" title="Zur Quellenansicht wechseln" aria-label="Zur Quellenansicht wechseln" hx-get="/view/source/select" hx-target="#read" hx-swap="innerHTML"><span class="swap-icon">⇄</span></button></div><div class="read-body"><div class="ef-empty">Nachricht waehlen.</div></div>`)
return b.String()
}
@ -496,7 +496,7 @@ func renderTargetAccountSelect(account, folder, selected string, index int) stri
}
fmt.Fprintf(&b, `<option value="%s"%s>%s</option>`, html.EscapeString(opt.Value), attr, html.EscapeString(opt.Label))
}
fmt.Fprintf(&b, `</select></form><button class="btn secondary compact" type="button" hx-get="/view/message?source=%s&amp;folder=%s&amp;index=%d&amp;target_account=%s" hx-target="#read" hx-swap="innerHTML">Quelle</button></div>`,
fmt.Fprintf(&b, `</select></form><button class="btn secondary compact mode-toggle" type="button" title="Zur Quellenansicht wechseln" aria-label="Zur Quellenansicht wechseln" hx-get="/view/message?source=%s&amp;folder=%s&amp;index=%d&amp;target_account=%s" hx-target="#read" hx-swap="innerHTML"><span class="swap-icon">⇄</span></button></div>`,
urlEsc(sourceDisplayLabel(account)), urlEsc(folder), index, urlEsc(selected))
if account != "" && folder != "" && index >= 0 {
fmt.Fprintf(&b, `<div class="drop-zone" data-drop-target="manual-copy" data-source="%s" data-folder="%s" data-index="%d">Mail hier ablegen fuer manuellen Umzug</div>`,
@ -520,7 +520,7 @@ func renderSourcePaneHead(account, folder, targetAccount string, index int) stri
}
fmt.Fprintf(&b, `<option value="%s"%s>%s</option>`, html.EscapeString(opt.Value), attr, html.EscapeString(opt.Label))
}
fmt.Fprintf(&b, `</select></form><button class="btn secondary compact" type="button" hx-get="/view/target?source=%s&amp;folder=%s&amp;index=%d&amp;target_account=%s" hx-target="#read" hx-swap="innerHTML">Ziel</button></div>`,
fmt.Fprintf(&b, `</select></form><button class="btn secondary compact mode-toggle" type="button" title="Zur Zielansicht wechseln" aria-label="Zur Zielansicht wechseln" hx-get="/view/target?source=%s&amp;folder=%s&amp;index=%d&amp;target_account=%s" hx-target="#read" hx-swap="innerHTML"><span class="swap-icon">⇄</span></button></div>`,
urlEsc(sourceDisplayLabel(account)), urlEsc(folder), index, urlEsc(targetAccount))
return b.String()
}