dsfdf

2026-04-23 23:16:03 +02:00
parent 8b1924989b
commit c14e673faf
5 changed files with 90 additions and 65 deletions
--- a/modules/boersenchecker/partials/dashboard.php
+++ b/modules/boersenchecker/partials/dashboard.php
@@ -1,5 +1,7 @@
 <?php $ownerQuery = $isAdmin ? '?owner_sub=' . urlencode((string) $ownerSub) : ''; ?>
-<?= module_shell_header('boersenchecker') ?>
+<?= module_shell_header('boersenchecker', [
+    'title' => 'Depotverwaltung',
+]) ?>
 <div class="bc-app">
  <div class="bc-grid-bg">
    <div class="bc-shell bc-stack">
@@ -10,15 +12,6 @@
        <div class="bc-alert bc-alert--success"><?= e($notice) ?></div>
      <?php endif; ?>

-      <section class="module-box">
-        <div class="module-box-head">
-          <div>
-            <h1 class="module-title">Depotverwaltung</h1>
-            <p class="module-lead">Depots, Positionen und Kurs-Historien verwalten.</p>
-          </div>
-        </div>
-      </section>
-
      <?php if ($isAdmin): ?>
        <div class="bc-panel">
      <strong>Benutzer-Scope</strong>
--- a/modules/boersenchecker/partials/home.php
+++ b/modules/boersenchecker/partials/home.php
@@ -1,4 +1,6 @@
-<?= module_shell_header('boersenchecker') ?>
+<?= module_shell_header('boersenchecker', [
+    'title' => 'Depot-Ueberblick',
+]) ?>
 <div class="bc-app">
  <div class="bc-grid-bg">
    <div class="bc-shell bc-stack" data-bc-home data-chart-endpoint="<?= e($chartEndpoint) ?>">
@@ -20,8 +22,8 @@
      <section class="module-box">
        <div class="module-box-head">
          <div>
-            <h1 class="module-title">Depot-Ueberblick</h1>
-            <p class="module-lead">Depots, Aktien und Kursverlaeufe in einer Oberflaeche.</p>
+            <h2 class="module-box-title">Marktueberblick</h2>
+            <p>Depotauswahl, Aktienfokus und aktueller Kursabruf in einem Bereich.</p>
          </div>
        </div>
        <div class="bc-toolbar" style="margin-top:16px;">
--- a/modules/boersenchecker/partials/instruments.php
+++ b/modules/boersenchecker/partials/instruments.php
@@ -1,4 +1,6 @@
-<?= module_shell_header('boersenchecker') ?>
+<?= module_shell_header('boersenchecker', [
+    'title' => 'Aktienverwaltung',
+]) ?>
 <div class="bc-app">
  <div class="bc-grid-bg">
    <div class="bc-shell bc-stack">
@@ -9,15 +11,6 @@
        <div class="bc-alert bc-alert--success"><?= e($notice) ?></div>
      <?php endif; ?>

-      <section class="module-box">
-        <div class="module-box-head">
-          <div>
-            <h1 class="module-title">Aktienverwaltung</h1>
-            <p class="module-lead">Stammdaten der Aktien pflegen, Symbole suchen und manuelle Kurse verwalten.</p>
-          </div>
-        </div>
-      </section>
-
      <div class="grid" style="margin-top:1rem;">
    <div class="bc-panel">
      <strong>Aktie waehlen</strong>
--- a/public/assets/css/app.css
+++ b/public/assets/css/app.css
@@ -948,6 +948,10 @@ a {
  align-items: start;
 }

+.module-hero-top--compact {
+  align-items: center;
+}
+
 .module-hero-copy,
 .module-hero-actions {
  display: grid;
@@ -958,10 +962,6 @@ a {
  min-width: 0;
 }

-.module-hero-copy--compact {
-  min-height: 1px;
-}
-
 .module-title {
  margin: 0;
  font-size: clamp(1.45rem, 3vw, 2.2rem);
@@ -981,6 +981,7 @@ a {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
+  flex: 1 1 auto;
 }

 .module-button {
@@ -1036,6 +1037,16 @@ a {
  width: min(240px, 100%);
 }

+.brand-copy h1 .module-page-context {
+  display: inline;
+  margin-left: 0.35em;
+  color: var(--brand-accent-3);
+  font-size: 0.42em;
+  font-weight: 700;
+  letter-spacing: -0.01em;
+  vertical-align: middle;
+}
+
 .module-box,
 .module-box-soft,
 .module-box-table,
@@ -1111,4 +1122,8 @@ a {
  .module-hero-actions {
    width: 100%;
  }
+
+  .module-hero-top--compact {
+    align-items: stretch;
+  }
 }
--- a/src/App/functions.php
+++ b/src/App/functions.php
@@ -286,27 +286,8 @@ function module_shell_header(string $module, array $options = []): string
    $actions = is_array($options['actions'] ?? null) ? $options['actions'] : (is_array($design['actions'] ?? null) ? $design['actions'] : []);
    $tabs = is_array($options['tabs'] ?? null) ? $options['tabs'] : (is_array($design['tabs'] ?? null) ? $design['tabs'] : []);

-    $html = '<div class="module-shell"><div class="module-page-bg"><div class="module-page-stack">';
-    $html .= '<header class="module-hero">';
-    $html .= '<div class="module-hero-top">';
-    if ($title !== '' || $description !== '' || !empty($options['show_eyebrow'])) {
-        $html .= '<div class="module-hero-copy">';
-        if (!empty($options['show_eyebrow'])) {
-            $html .= '<div class="eyebrow">' . e($eyebrow) . '</div>';
-        }
-        if ($title !== '') {
-            $html .= '<h1 class="module-title">' . e($title) . '</h1>';
-        }
-        if ($description !== '') {
-            $html .= '<p class="module-lead">' . e($description) . '</p>';
-        }
-        $html .= '</div>';
-    } else {
-        $html .= '<div class="module-hero-copy module-hero-copy--compact" aria-hidden="true"></div>';
-    }
-
-    if ($actions !== []) {
-        $html .= '<div class="module-hero-actions">';
+    $renderActions = static function (array $actions): string {
+        $html = '';
        foreach ($actions as $action) {
            if (!is_array($action)) {
                continue;
@@ -324,10 +305,14 @@ function module_shell_header(string $module, array $options = []): string
            }
            $html .= '<a class="' . e($class) . '" href="' . e($href) . '">' . e($label) . '</a>';
        }
-        $html .= '</div>';
-    }
+        return $html;
+    };

-    $html .= '</div>';
+    $html = '<div class="module-shell"><div class="module-page-bg"><div class="module-page-stack">';
+    $html .= '<header class="module-hero">';
+
+    if ($tabs !== [] || $actions !== []) {
+        $html .= '<div class="module-hero-top module-hero-top--compact">';
        if ($tabs !== []) {
            $html .= '<nav class="module-tabs" aria-label="Modulnavigation">';
            foreach ($tabs as $tab) {
@@ -345,6 +330,43 @@ function module_shell_header(string $module, array $options = []): string
            }
            $html .= '</nav>';
        }
+        if ($actions !== []) {
+            $html .= '<div class="module-hero-actions">' . $renderActions($actions) . '</div>';
+        }
+        $html .= '</div>';
+    } elseif ($title !== '' || $description !== '' || !empty($options['show_eyebrow'])) {
+        $html .= '<div class="module-hero-copy">';
+        if (!empty($options['show_eyebrow'])) {
+            $html .= '<div class="eyebrow">' . e($eyebrow) . '</div>';
+        }
+        if ($title !== '') {
+            $html .= '<h1 class="module-title">' . e($title) . '</h1>';
+        }
+        if ($description !== '') {
+            $html .= '<p class="module-lead">' . e($description) . '</p>';
+        }
+        $html .= '</div>';
+    }
+
+    if ($title !== '') {
+        $moduleTitle = trim((string) ($design['title'] ?? ucfirst($module)));
+        $script = '(function(){'
+            . 'var root=document.querySelector(".home-hero[data-module-name=' . json_encode($module, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES) . '] .brand-copy h1");'
+            . 'if(!root){return;}'
+            . 'var old=root.querySelector(".module-page-context");'
+            . 'if(old){old.remove();}'
+            . 'root.textContent=' . json_encode($moduleTitle, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES) . ';'
+            . 'var pageTitle=' . json_encode($title, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES) . ';'
+            . 'if(pageTitle&&pageTitle!==' . json_encode($moduleTitle, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES) . '){'
+            . 'var span=document.createElement("span");'
+            . 'span.className="module-page-context";'
+            . 'span.textContent=" / "+pageTitle;'
+            . 'root.appendChild(span);'
+            . '}'
+            . '})();';
+        $html .= '<script>' . $script . '</script>';
+    }
+
    $html .= '</header>';

    return $html;