Anpassung Menü

web/html/js/views/lists.js

@@ -5,6 +5,7 @@ import { del, get, patch, post } from "../api.js";
 import * as db from "../db.js";
 import { clear, el, mount } from "../dom.js";
 import { set, state } from "../store.js";
+import { appBar } from "../appbar.js";
 
 // Welche Zeile hat gerade ihr Menü offen
 let openMenuId = null;
@@ -244,11 +245,14 @@ export async function listsView(root, { openList, onLogout, settings }) {
 
   function render() {
     mount(root,
-      el("header.bar", {},
-        el("span.who", {}, state.user.display_name || state.user.email),
-        el("span.bar-actions", {},
-          el("button.linklike", { type: "button", onclick: settings }, "Einstellungen"),
-          el("button.linklike", { type: "button", onclick: onLogout }, "Abmelden"))),
+      appBar({
+        title: state.user.display_name || state.user.email,
+        actions: [
+          { label: "Einstellungen", onClick: settings,
+            hint: "Benachrichtigungen, Passwort" },
+          { label: "Abmelden", onClick: onLogout, danger: true },
+        ],
+      }),
 
       banner ? el(banner.kind === "error" ? "p.error" : "p.notice", {}, banner.message) : null,