Remove portal header variant extras

This commit is contained in:
2026-06-15 12:03:45 +02:00
parent e368428c6b
commit b9d9ca8220
+1 -58
View File
@@ -5,8 +5,6 @@ require_once __DIR__ . '/../service.php';
function render_auth_home_page(array $user): void
{
$userName = auth_escape_html((string) ($user['username'] ?? ''));
echo '<!doctype html>';
echo '<html lang="de">';
echo '<head>';
@@ -17,8 +15,7 @@ function render_auth_home_page(array $user): void
echo '</head>';
echo '<body>';
echo '<section id="pattern-portal-header" class="sg-vsf-list-overview-page-v2">';
echo '<article class="sg-portal-header-pattern-variant" aria-label="Portal Header mit Options Row">';
echo '<p class="sg-table-label sg-portal-header-pattern-variant__label sg-text-on-dark">Variante: Portal Header mit Options Row</p>';
echo '<article class="sg-portal-header-pattern-variant" aria-label="Portal Header">';
echo '<header class="sg-portal-header" aria-label="Portal Header" data-pattern="portal-header">';
echo '<div class="sg-portal-header__main" data-pattern-part="portal-header-main">';
echo '<p class="sg-portal-header__brand sg-brand-title" data-pattern-part="portal-header-brand">Naurua ERP</p>';
@@ -43,52 +40,6 @@ function render_auth_home_page(array $user): void
echo '</nav>';
echo '</div>';
echo '</header>';
echo '<div class="sg-options-row" aria-label="Optionszeile" data-pattern="options-row">';
echo '<div class="sg-options-row__left" data-pattern-part="options-row-primary-actions">';
echo '<div class="sg-pulldown-demo" data-open="false" data-align="left" data-selection-mode="single" data-component="pulldown" data-component-context="options-row" data-component-state="inactive-selectable">';
echo '<button class="sg-interaction-element sg-pulldown sg-pulldown-demo__trigger" type="button" aria-expanded="false" aria-label="Pulldown Sortierung" data-component-part="pulldown-trigger" data-label-base="Sortierung">Sortierung</button>';
echo '<div class="sg-pulldown-panel" aria-label="Geöffnetes Pulldown Sortierung" data-component-part="pulldown-panel">';
echo '<ul class="sg-pulldown-option-list" aria-label="Sortierungsoptionen">';
echo '<li class="sg-pulldown-option" role="checkbox" aria-checked="false" data-pulldown-option><span>Menüpunkt 1</span></li>';
echo '<li class="sg-pulldown-option" role="checkbox" aria-checked="false" data-pulldown-option><span>Menüpunkt 2</span></li>';
echo '<li class="sg-pulldown-option" role="checkbox" aria-checked="false" data-pulldown-option><span>Menüpunkt 3</span></li>';
echo '<li class="sg-pulldown-option" role="checkbox" aria-checked="false" data-pulldown-option><span>Menüpunkt 4</span></li>';
echo '<li class="sg-pulldown-option sg-pulldown-option--disabled"><span>Menüpunkt 5</span></li>';
echo '</ul>';
echo '</div>';
echo '</div>';
echo '<div class="sg-pulldown-demo" data-open="false" data-align="left" data-selection-mode="single" data-component="pulldown" data-component-context="options-row" data-component-state="inactive-selectable">';
echo '<button class="sg-interaction-element sg-pulldown sg-pulldown-demo__trigger" type="button" aria-expanded="false" aria-label="Pulldown Bereich" data-component-part="pulldown-trigger" data-label-base="Bereich">Bereich</button>';
echo '<div class="sg-pulldown-panel" aria-label="Geöffnetes Pulldown Bereich" data-component-part="pulldown-panel">';
echo '<ul class="sg-pulldown-option-list" aria-label="Bereichsoptionen">';
echo '<li class="sg-pulldown-option" role="checkbox" aria-checked="false" data-pulldown-option><span>Menüpunkt 1</span></li>';
echo '<li class="sg-pulldown-option" role="checkbox" aria-checked="false" data-pulldown-option><span>Menüpunkt 2</span></li>';
echo '<li class="sg-pulldown-option" role="checkbox" aria-checked="false" data-pulldown-option><span>Menüpunkt 3</span></li>';
echo '<li class="sg-pulldown-option" role="checkbox" aria-checked="false" data-pulldown-option><span>Menüpunkt 4</span></li>';
echo '<li class="sg-pulldown-option sg-pulldown-option--disabled"><span>Menüpunkt 5</span></li>';
echo '</ul>';
echo '</div>';
echo '</div>';
echo '<div class="sg-search-field-row">';
echo '<span class="sg-input-single-line-wrap sg-search-field-input" data-has-value="false" data-component="single-line-input" data-component-context="options-row" data-component-state="inactive-selectable">';
echo '<input class="sg-interaction-element sg-input-single-line" type="text" placeholder="Suche" aria-label="Suche">';
echo '<button class="sg-input-clear-button" type="button" aria-label="Eingabe löschen" data-component-part="input-clear-button">×</button>';
echo '</span>';
echo '<span class="sg-search-result-count sg-table-label" aria-live="polite" data-pattern-part="options-row-search-result-count">0 Treffer</span>';
echo '</div>';
echo '</div>';
echo '<div class="sg-options-row__right" data-pattern-part="options-row-secondary-actions">';
echo '<button class="sg-mode-toggle" type="button" data-active="relative" aria-label="Modus Schieber global: relativ aktiv" data-component="mode-toggle" data-component-context="options-row">';
echo '<span class="sg-mode-toggle__label" data-component-part="toggle-label">absolut</span>';
echo '<span class="sg-mode-toggle__switch" aria-hidden="true" data-component-part="toggle-track"><span class="sg-mode-toggle__handle" data-component-part="toggle-handle"></span></span>';
echo '<span class="sg-mode-toggle__label" data-component-part="toggle-label">relativ</span>';
echo '</button>';
echo '<span class="sg-help-icon-wrap" data-open="false" data-align="left" data-component="help-icon" data-component-context="options-row">';
echo '<button class="sg-help-icon" type="button" aria-expanded="false" aria-label="Hilfetext anzeigen" data-component-part="help-trigger">?</button>';
echo '<span class="sg-help-icon-panel sg-table-label" role="tooltip" data-component-part="help-panel">Angemeldet als ' . $userName . '</span>';
echo '</span>';
echo '</div>';
echo '</div>';
echo '</article>';
echo '<h1 class="sg-main-heading">Willkommen im Naurua ERP</h1>';
echo '<section class="sg-left-navigation-pattern" aria-label="Linke Navigation">';
@@ -137,14 +88,6 @@ function render_auth_home_page(array $user): void
echo " button.setAttribute('aria-expanded', String(nextState));";
echo " });";
echo "});";
echo "document.querySelectorAll('.sg-mode-toggle').forEach((toggle) => {";
echo " toggle.addEventListener('click', () => {";
echo " const nextState = toggle.dataset.active === 'relative' ? 'absolute' : 'relative';";
echo " toggle.dataset.active = nextState;";
echo " toggle.dataset.componentState = nextState;";
echo " toggle.setAttribute('aria-label', 'Modus Schieber global: ' + (nextState === 'relative' ? 'relativ' : 'absolut') + ' aktiv');";
echo " });";
echo "});";
echo "(() => {";
echo " const mediaQuery = window.matchMedia('(max-width: 767px)');";
echo " const toggle = document.querySelector('[data-left-navigation-toggle]');";