Make transfer panes resizable

This commit is contained in:
DonVoo 2026-07-13 09:14:24 +02:00
parent c7f6750d6c
commit 97a65dbbd4
3 changed files with 51 additions and 29 deletions

View file

@ -73,8 +73,8 @@ func renderStartPage(w http.ResponseWriter, r *http.Request) {
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=20260712-22">
<script src="/static/app.js?v=20260712-22" defer></script></head>
<link rel="stylesheet" href="/static/style.css?v=20260713-5">
<script src="/static/app.js?v=20260713-5" defer></script></head>
<body class="ol2013">
<header class="ribbon">
<button class="app-menu-button" type="button" aria-label="Mail-Graveyard-Menue" aria-expanded="false" data-backstage-toggle><span class="mail-logo" aria-hidden="true"></span></button>
@ -121,9 +121,9 @@ func renderShell(w http.ResponseWriter, r *http.Request, active, readingPane str
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=20260712-22">
<link rel="stylesheet" href="/static/style.css?v=20260713-5">
<script src="/static/htmx.min.js"></script>
<script src="/static/app.js?v=20260712-22" defer></script></head>
<script src="/static/app.js?v=20260713-5" defer></script></head>
<body class="ol2013">
<header class="ribbon">
<button class="app-menu-button" type="button" aria-label="Mail-Graveyard-Menue" aria-expanded="false" data-backstage-toggle><span class="mail-logo" aria-hidden="true"></span></button>
@ -697,9 +697,9 @@ func renderAccountsPage(w http.ResponseWriter, r *http.Request, accounts []Accou
fmt.Fprintf(w, `<!doctype html><html lang="de"><head><meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Konten-Verwaltung - Mail-Graveyard</title>
<link rel="stylesheet" href="/static/style.css?v=20260712-22">
<link rel="stylesheet" href="/static/style.css?v=20260713-5">
<script src="/static/htmx.min.js"></script>
<script src="/static/app.js?v=20260712-22" defer></script></head>
<script src="/static/app.js?v=20260713-5" defer></script></head>
<body class="ol2013">
<header class="ribbon">
<button class="app-menu-button" type="button" aria-label="Mail-Graveyard-Menue" aria-expanded="false" data-backstage-toggle><span class="mail-logo" aria-hidden="true"></span></button>
@ -743,9 +743,9 @@ func renderArchivesPage(w http.ResponseWriter, r *http.Request, archives []strin
fmt.Fprintf(w, `<!doctype html><html lang="de"><head><meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Archiv-mbox Verwaltung - Mail-Graveyard</title>
<link rel="stylesheet" href="/static/style.css?v=20260712-22">
<link rel="stylesheet" href="/static/style.css?v=20260713-5">
<script src="/static/htmx.min.js"></script>
<script src="/static/app.js?v=20260712-22" defer></script></head>
<script src="/static/app.js?v=20260713-5" defer></script></head>
<body class="ol2013">
<header class="ribbon">
<button class="app-menu-button" type="button" aria-label="Mail-Graveyard-Menue" aria-expanded="false" data-backstage-toggle><span class="mail-logo" aria-hidden="true"></span></button>
@ -791,9 +791,9 @@ func renderUsersPage(w http.ResponseWriter, r *http.Request, users []AppUser, ed
fmt.Fprintf(w, `<!doctype html><html lang="de"><head><meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Benutzerverwaltung - Mail-Graveyard</title>
<link rel="stylesheet" href="/static/style.css?v=20260712-22">
<link rel="stylesheet" href="/static/style.css?v=20260713-5">
<script src="/static/htmx.min.js"></script>
<script src="/static/app.js?v=20260712-22" defer></script></head>
<script src="/static/app.js?v=20260713-5" defer></script></head>
<body class="ol2013">
<header class="ribbon">
<button class="app-menu-button" type="button" aria-label="Mail-Graveyard-Menue" aria-expanded="false" data-backstage-toggle><span class="mail-logo" aria-hidden="true"></span></button>
@ -865,9 +865,9 @@ func renderTransferPage(w http.ResponseWriter, r *http.Request, mode transferMod
fmt.Fprintf(w, `<!doctype html><html lang="de"><head><meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>%s - Mail-Graveyard</title>
<link rel="stylesheet" href="/static/style.css?v=20260712-22">
<link rel="stylesheet" href="/static/style.css?v=20260713-5">
<script src="/static/htmx.min.js"></script>
<script src="/static/app.js?v=20260712-22" defer></script></head>
<script src="/static/app.js?v=20260713-5" defer></script></head>
<body class="ol2013">
<header class="ribbon">
<button class="app-menu-button" type="button" aria-label="Mail-Graveyard-Menue" aria-expanded="false" data-backstage-toggle><span class="mail-logo" aria-hidden="true"></span></button>
@ -890,9 +890,13 @@ func renderTransferPage(w http.ResponseWriter, r *http.Request, mode transferMod
<button class="backstage-shade" type="button" aria-label="Menue schliessen" data-backstage-close></button>
<main class="transfer-workbench">
<aside class="pane pane-tree" id="left-folders">%s</aside>
<div class="pane-resizer" data-resize-index="0"></div>
<section class="pane pane-list" id="left-list">%s</section>
<div class="pane-resizer" data-resize-index="1"></div>
<section class="pane pane-read" id="transfer-preview">%s</section>
<div class="pane-resizer" data-resize-index="2"></div>
<section class="pane pane-list" id="right-list">%s</section>
<div class="pane-resizer" data-resize-index="3"></div>
<aside class="pane pane-tree" id="right-folders">%s</aside>
</main>
<footer class="statusbar"><span id="mig-status" hx-get="/migrate/status" hx-trigger="load,every 3s" hx-swap="innerHTML">bereit</span></footer></body></html>`,
@ -1313,9 +1317,9 @@ func renderSourceEmailBoxPage(w http.ResponseWriter, r *http.Request, accounts [
fmt.Fprintf(w, `<!doctype html><html lang="de"><head><meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Quell-Postfach - Mail-Graveyard</title>
<link rel="stylesheet" href="/static/style.css?v=20260712-22">
<link rel="stylesheet" href="/static/style.css?v=20260713-5">
<script src="/static/htmx.min.js"></script>
<script src="/static/app.js?v=20260712-22" defer></script></head>
<script src="/static/app.js?v=20260713-5" defer></script></head>
<body class="ol2013">
<header class="ribbon">
<button class="app-menu-button" type="button" aria-label="Mail-Graveyard-Menue" aria-expanded="false" data-backstage-toggle><span class="mail-logo" aria-hidden="true"></span></button>
@ -1357,9 +1361,9 @@ func renderTargetEmailBoxPage(w http.ResponseWriter, r *http.Request, accounts [
fmt.Fprintf(w, `<!doctype html><html lang="de"><head><meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Ziel-Postfach - Mail-Graveyard</title>
<link rel="stylesheet" href="/static/style.css?v=20260712-22">
<link rel="stylesheet" href="/static/style.css?v=20260713-5">
<script src="/static/htmx.min.js"></script>
<script src="/static/app.js?v=20260712-22" defer></script></head>
<script src="/static/app.js?v=20260713-5" defer></script></head>
<body class="ol2013">
<header class="ribbon">
<button class="app-menu-button" type="button" aria-label="Mail-Graveyard-Menue" aria-expanded="false" data-backstage-toggle><span class="mail-logo" aria-hidden="true"></span></button>