Code Coverage |
||||||||||
Lines |
Functions and Methods |
Classes and Traits |
||||||||
| Total | |
0.00% |
0 / 40 |
|
0.00% |
0 / 1 |
CRAP | |
0.00% |
0 / 1 |
| OlzHeaderBar | |
0.00% |
0 / 40 |
|
0.00% |
0 / 1 |
20 | |
0.00% |
0 / 1 |
| getHtml | |
0.00% |
0 / 40 |
|
0.00% |
0 / 1 |
20 | |||
| 1 | <?php |
| 2 | |
| 3 | // ============================================================================= |
| 4 | // Die Kopfzeile der Website. |
| 5 | // ============================================================================= |
| 6 | |
| 7 | namespace Olz\Components\Page\OlzHeaderBar; |
| 8 | |
| 9 | use Olz\Components\Auth\OlzAccountMenu\OlzAccountMenu; |
| 10 | use Olz\Components\Common\OlzComponent; |
| 11 | use Olz\Components\Page\OlzMenu\OlzMenu; |
| 12 | |
| 13 | /** @extends OlzComponent<array<string, mixed>> */ |
| 14 | class OlzHeaderBar extends OlzComponent { |
| 15 | public function getHtml(mixed $args): string { |
| 16 | $code_href = $this->envUtils()->getCodeHref(); |
| 17 | $back_link = $args['back_link'] ?? null; |
| 18 | $search_query_esc = htmlspecialchars($this->getParams()['anfrage'] ?? ''); |
| 19 | |
| 20 | $account_menu_out = !($args['skip_auth_menu'] ?? false) |
| 21 | ? OlzAccountMenu::render([], $this) |
| 22 | : ''; |
| 23 | |
| 24 | $menu_out = OlzMenu::render([ |
| 25 | 'back_link' => $back_link, |
| 26 | ], $this); |
| 27 | |
| 28 | $hamburger_or_back_out = ($back_link !== null) |
| 29 | ? <<<ZZZZZZZZZZ |
| 30 | <a href='{$back_link}' id='menu-switch'> |
| 31 | <img |
| 32 | src='{$code_href}assets/icns/menu_back.svg' |
| 33 | alt='' |
| 34 | class='menu-back noborder' |
| 35 | /> |
| 36 | </a> |
| 37 | ZZZZZZZZZZ |
| 38 | : <<<ZZZZZZZZZZ |
| 39 | <div id='menu-switch' onclick='olz.toggleMenu()'> |
| 40 | <img |
| 41 | src='{$code_href}assets/icns/menu_hamburger.svg' |
| 42 | alt='' |
| 43 | class='menu-hamburger noborder' |
| 44 | /> |
| 45 | <img |
| 46 | src='{$code_href}assets/icns/menu_close.svg' |
| 47 | alt='' |
| 48 | class='menu-close noborder' |
| 49 | /> |
| 50 | </div> |
| 51 | ZZZZZZZZZZ; |
| 52 | |
| 53 | // TODO: Remove switch as soon as Safari properly supports SVGs. |
| 54 | $logo_out = preg_match('/Safari/i', $_SERVER['HTTP_USER_AGENT'] ?? '') |
| 55 | ? <<<ZZZZZZZZZZ |
| 56 | <img |
| 57 | srcset=' |
| 58 | {$code_href}assets/icns/olz_logo@2x.png 2x, |
| 59 | {$code_href}assets/icns/olz_logo.png 1x |
| 60 | ' |
| 61 | src='{$code_href}assets/icns/olz_logo.png' |
| 62 | alt='' |
| 63 | class='noborder' |
| 64 | id='olz-logo' |
| 65 | /> |
| 66 | ZZZZZZZZZZ |
| 67 | : <<<ZZZZZZZZZZ |
| 68 | <img |
| 69 | src='{$code_href}assets/icns/olz_logo.svg' |
| 70 | alt='' |
| 71 | class='noborder' |
| 72 | id='olz-logo' |
| 73 | /> |
| 74 | ZZZZZZZZZZ; |
| 75 | |
| 76 | $out = <<<ZZZZZZZZZZ |
| 77 | <div id='header-bar' class='header-bar menu-closed'> |
| 78 | <div class='header-content'> |
| 79 | {$hamburger_or_back_out} |
| 80 | <div class='logo-container'>{$logo_out}</div> |
| 81 | <div class='spacer'> |
| 82 | <form name='Suche' method='get' action='{$code_href}suche'> |
| 83 | <input |
| 84 | type='text' |
| 85 | name='anfrage' |
| 86 | id='site-search' |
| 87 | title='Suche auf olzimmerberg.ch' |
| 88 | placeholder='Suche auf olzimmerberg.ch...' |
| 89 | value='{$search_query_esc}' |
| 90 | /> |
| 91 | </form> |
| 92 | </div> |
| 93 | <div class='account-menu-container'>{$account_menu_out}</div> |
| 94 | </div> |
| 95 | <div class='below-header'> |
| 96 | <div id='menu-container' class='menu-container'> |
| 97 | {$menu_out} |
| 98 | </div> |
| 99 | </div> |
| 100 | </div> |
| 101 | ZZZZZZZZZZ; |
| 102 | |
| 103 | return $out; |
| 104 | } |
| 105 | } |