keii.dev
1{{--
2 Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
3 See the LICENCE file in the repository root for full licence text.
4--}}
5<div class="nav2 js-nav-button">
6 <div class="nav2__colgroup nav2__colgroup--menu js-nav-button--container">
7 <div class="nav2__col nav2__col--logo">
8 <a href="{{ route('home') }}" class="nav2__logo-link">
9 <div class="nav2__logo nav2__logo--bg"></div>
10 <div class="nav2__logo"></div>
11 </a>
12 </div>
13
14 @foreach ($navLinks as $section => $links)
15 <div class="nav2__col nav2__col--menu">
16 <a
17 class="nav2__menu-link-main js-menu"
18 href="{{ $links['_'] ?? array_first($links) }}"
19 data-menu-target="nav2-menu-popup-{{ $section }}"
20 data-menu-show-delay="0"
21 >
22 <span class="u-relative">
23 {{ osu_trans("layout.menu.{$section}._") }}
24
25 @if ($section === $currentSection && !($isSearchPage ?? false))
26 <span class="nav2__menu-link-bar u-section--bg-normal"></span>
27 @endif
28 </span>
29 </a>
30
31 <div class="nav2__menu-popup">
32 <div
33 class="
34 simple-menu
35 simple-menu--nav2
36 simple-menu--nav2-left-aligned
37 simple-menu--nav2-transparent
38 js-menu
39 "
40 data-menu-id="nav2-menu-popup-{{ $section }}"
41 data-visibility="hidden"
42 >
43 @foreach ($links as $transKey => $link)
44 @if ($transKey === '_')
45 @continue
46 @endif
47 <a class="simple-menu__item u-section-{{ $section }}--before-bg-normal" href="{{ $link }}">
48 {{ osu_trans($transKey) }}
49 </a>
50 @endforeach
51 </div>
52 </div>
53 </div>
54 @endforeach
55
56 <div class="nav2__col nav2__col--menu js-react--quick-search-button">
57 <a
58 href="{{ route('search') }}"
59 class="
60 nav2__menu-link-main
61 nav2__menu-link-main--search
62 {{ isset($isSearchPage) ? 'u-section--bg-normal' : '' }}
63 "
64 >
65 <span class="fas fa-search"></span>
66 </a>
67 </div>
68 </div>
69 <div class="nav2__colgroup nav2__colgroup--icons js-nav-button--container">
70 <div class="nav2__col js-nav-button--item">
71 <a
72 href="{{ osu_url('social.twitter') }}"
73 class="nav-button nav-button--twitter"
74 title="Twitter"
75 data-tooltip-position="bottom center"
76 >
77 <span class="fab fa-twitter"></span>
78 </a>
79 </div>
80
81 <div class="nav2__col">
82 <a
83 href="{{ route('support-the-game') }}"
84 class="nav-button nav-button--support"
85 title="{{ osu_trans('page_title.main.home_controller.support_the_game') }}"
86 data-tooltip-position="bottom center"
87 >
88 <span class="fas fa-heart"></span>
89 </a>
90 </div>
91
92 <div class="nav2__col">
93 {!! app('layout-cache')->getLocalesDesktop() !!}
94 </div>
95
96 @if (Auth::user() !== null)
97 <div class="nav2__col nav2__col--notifications">
98 <div class="nav2__notification-container">
99 <a
100 class="nav-button nav-button--notifications js-click-menu js-react--chat-icon"
101 data-click-menu-target="nav2-chat-notification-widget"
102 data-turbo-permanent
103 id="notification-widget-chat-icon"
104 href="{{ route('chat.index') }}"
105 >
106 <span class="notification-icon">
107 <i class="fas fa-comment-alt"></i>
108 <span class="notification-icon__count">...</span>
109 </span>
110 </a>
111 <div
112 class="nav-click-popup js-click-menu js-react--notification-widget"
113 data-click-menu-id="nav2-chat-notification-widget"
114 data-visibility="hidden"
115 data-notification-widget="{{ json_encode(['extraClasses' => 'js-nav2--centered-popup hidden', 'only' => 'channel']) }}"
116 data-turbo-permanent
117 id="notification-widget-chat"
118 ></div>
119
120 <a
121 class="nav-button nav-button--notifications js-click-menu js-react--main-notification-icon"
122 data-click-menu-target="nav2-notification-widget"
123 data-turbo-permanent
124 id="notification-widget-icon"
125 href="{{ route('notifications.index') }}"
126 >
127 <span class="notification-icon">
128 <i class="fas fa-bell"></i>
129 <span class="notification-icon__count">...</span>
130 </span>
131 </a>
132 <div
133 class="nav-click-popup js-click-menu js-react--notification-widget"
134 data-click-menu-id="nav2-notification-widget"
135 data-visibility="hidden"
136 data-notification-widget="{{ json_encode(['extraClasses' => 'js-nav2--centered-popup hidden', 'excludes' => ['channel']]) }}"
137 data-turbo-permanent
138 id="notification-widget"
139 ></div>
140 </div>
141 </div>
142 @endif
143
144 <div class="nav2__col nav2__col--avatar">
145 @include('layout._header_user')
146
147 <div class="nav-click-popup nav-click-popup--user js-user-header-popup">
148 @if (Auth::user() !== null)
149 @include('layout._popup_user')
150 @endif
151 </div>
152 </div>
153 </div>
154</div>