Add viewer search and dual pane
This commit is contained in:
parent
9f2973e0e8
commit
c5d761db98
3 changed files with 181 additions and 16 deletions
|
|
@ -33,7 +33,7 @@ func homeHandler(w http.ResponseWriter, r *http.Request) {
|
|||
|
||||
// renderShell ist das Grundgeruest im Outlook-2013-Look:
|
||||
// [ Ribbon: Umzug | Postfaecher | Betrachten | Weiterleiten | Einstellungen ]
|
||||
// [ Ordnerbaum (links) | Nachrichtenliste (mitte) | Lesebereich (rechts) ]
|
||||
// [ Ordnerbaum | Nachrichtenliste | Original | Zielkopie ]
|
||||
func renderShell(w http.ResponseWriter, active, readingPane string) {
|
||||
w.Header().Set("Content-Type", "text/html; charset=utf-8")
|
||||
fmt.Fprintf(w, `<!doctype html><html lang="de"><head><meta charset="utf-8">
|
||||
|
|
@ -51,7 +51,7 @@ func renderShell(w http.ResponseWriter, active, readingPane string) {
|
|||
<a class="tab" href="/accounts">Einstellungen</a>
|
||||
</nav>
|
||||
</header>
|
||||
<div class="three-pane">
|
||||
<div class="four-pane">
|
||||
<aside class="pane pane-tree" id="tree"
|
||||
hx-get="/view" hx-trigger="load" hx-target="#tree" hx-swap="innerHTML">
|
||||
<div class="pane-head">Postfächer</div>
|
||||
|
|
@ -60,9 +60,13 @@ func renderShell(w http.ResponseWriter, active, readingPane string) {
|
|||
<div class="pane-head">Nachrichten</div>
|
||||
</section>
|
||||
<section class="pane pane-read" id="read">
|
||||
<div class="pane-head">Lesebereich</div>
|
||||
<div class="pane-head">Original</div>
|
||||
<div class="read-body">%s</div>
|
||||
</section>
|
||||
<section class="pane pane-read pane-target" id="read-target">
|
||||
<div class="pane-head">Zielkopie</div>
|
||||
<div class="read-body"><div class="ef-empty">Nachricht waehlen.</div></div>
|
||||
</section>
|
||||
</div>
|
||||
<footer class="statusbar"><span id="mig-status"
|
||||
hx-get="/migrate/status" hx-trigger="every 3s" hx-swap="innerHTML">bereit</span></footer>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue