2021-04-19 16:41:13 -04:00
|
|
|
<header id="header" component="header-mobile-toggle" class="primary-background">
|
2019-04-07 04:57:48 -04:00
|
|
|
<div class="grid mx-l">
|
2019-02-03 12:34:15 -05:00
|
|
|
|
2018-10-16 13:49:16 -04:00
|
|
|
<div>
|
2022-11-08 16:17:45 -05:00
|
|
|
<a href="{{ url('/') }}" data-shortcut="home_view" class="logo">
|
2018-10-16 13:49:16 -04:00
|
|
|
@if(setting('app-logo', '') !== 'none')
|
2019-08-04 09:26:39 -04:00
|
|
|
<img class="logo-image" src="{{ setting('app-logo', '') === '' ? url('/logo.png') : url(setting('app-logo', '')) }}" alt="Logo">
|
2018-10-16 13:49:16 -04:00
|
|
|
@endif
|
|
|
|
@if (setting('app-name-header'))
|
|
|
|
<span class="logo-text">{{ setting('app-name') }}</span>
|
|
|
|
@endif
|
|
|
|
</a>
|
2021-04-19 16:41:13 -04:00
|
|
|
<button type="button"
|
|
|
|
refs="header-mobile-toggle@toggle"
|
|
|
|
title="{{ trans('common.header_menu_expand') }}"
|
|
|
|
aria-expanded="false"
|
|
|
|
class="mobile-menu-toggle hide-over-l">@icon('more')</button>
|
2018-10-16 13:49:16 -04:00
|
|
|
</div>
|
2019-02-03 12:34:15 -05:00
|
|
|
|
2022-05-17 09:16:43 -04:00
|
|
|
<div class="flex-container-column items-center justify-center hide-under-l">
|
2019-02-03 12:34:15 -05:00
|
|
|
@if (hasAppAccess())
|
2023-01-25 16:46:26 -05:00
|
|
|
<form component="global-search" action="{{ url('/search') }}" method="GET" class="search-box" role="search" tabindex="0">
|
2022-11-21 05:29:12 -05:00
|
|
|
<button id="header-search-box-button"
|
|
|
|
refs="global-search@button"
|
|
|
|
type="submit"
|
|
|
|
aria-label="{{ trans('common.search') }}"
|
|
|
|
tabindex="-1">@icon('search')</button>
|
2022-11-14 05:24:14 -05:00
|
|
|
<input id="header-search-box-input"
|
|
|
|
refs="global-search@input"
|
|
|
|
type="text"
|
|
|
|
name="term"
|
2022-11-04 11:20:19 -04:00
|
|
|
data-shortcut="global_search"
|
2022-11-20 16:50:59 -05:00
|
|
|
autocomplete="off"
|
2019-08-18 14:17:43 -04:00
|
|
|
aria-label="{{ trans('common.search') }}" placeholder="{{ trans('common.search') }}"
|
2022-11-14 05:24:14 -05:00
|
|
|
value="{{ $searchTerm ?? '' }}">
|
|
|
|
<div refs="global-search@suggestions" class="global-search-suggestions card">
|
2022-11-20 17:20:31 -05:00
|
|
|
<div refs="global-search@loading" class="text-center px-m global-search-loading">@include('common.loading-icon')</div>
|
2022-11-14 05:24:14 -05:00
|
|
|
<div refs="global-search@suggestion-results" class="px-m"></div>
|
|
|
|
<button class="text-button card-footer-link" type="submit">{{ trans('common.view_all') }}</button>
|
|
|
|
</div>
|
2018-10-16 13:49:16 -04:00
|
|
|
</form>
|
2019-02-03 12:34:15 -05:00
|
|
|
@endif
|
2018-10-16 13:49:16 -04:00
|
|
|
</div>
|
2019-02-03 12:34:15 -05:00
|
|
|
|
2022-05-17 09:16:43 -04:00
|
|
|
<nav refs="header-mobile-toggle@menu" class="header-links">
|
|
|
|
<div class="links text-center">
|
|
|
|
@if (hasAppAccess())
|
|
|
|
<a class="hide-over-l" href="{{ url('/search') }}">@icon('search'){{ trans('common.search') }}</a>
|
|
|
|
@if(userCanOnAny('view', \BookStack\Entities\Models\Bookshelf::class) || userCan('bookshelf-view-all') || userCan('bookshelf-view-own'))
|
2022-11-05 09:39:17 -04:00
|
|
|
<a href="{{ url('/shelves') }}" data-shortcut="shelves_view">@icon('bookshelf'){{ trans('entities.shelves') }}</a>
|
2019-01-13 09:10:27 -05:00
|
|
|
@endif
|
2022-11-05 09:39:17 -04:00
|
|
|
<a href="{{ url('/books') }}" data-shortcut="books_view">@icon('books'){{ trans('entities.books') }}</a>
|
2022-05-17 09:16:43 -04:00
|
|
|
@if(signedInUser() && userCan('settings-manage'))
|
2022-11-05 09:39:17 -04:00
|
|
|
<a href="{{ url('/settings') }}" data-shortcut="settings_view">@icon('settings'){{ trans('settings.settings') }}</a>
|
2022-05-17 09:16:43 -04:00
|
|
|
@endif
|
|
|
|
@if(signedInUser() && userCan('users-manage') && !userCan('settings-manage'))
|
2022-11-05 09:39:17 -04:00
|
|
|
<a href="{{ url('/settings/users') }}" data-shortcut="settings_view">@icon('users'){{ trans('settings.users') }}</a>
|
2022-05-17 09:16:43 -04:00
|
|
|
@endif
|
|
|
|
@endif
|
2019-02-03 12:34:15 -05:00
|
|
|
|
2022-05-17 09:16:43 -04:00
|
|
|
@if(!signedInUser())
|
|
|
|
@if(setting('registration-enabled') && config('auth.method') === 'standard')
|
|
|
|
<a href="{{ url('/register') }}">@icon('new-user'){{ trans('auth.sign_up') }}</a>
|
2018-10-16 13:49:16 -04:00
|
|
|
@endif
|
2022-05-17 09:16:43 -04:00
|
|
|
<a href="{{ url('/login') }}">@icon('login'){{ trans('auth.log_in') }}</a>
|
|
|
|
@endif
|
|
|
|
</div>
|
|
|
|
@if(signedInUser())
|
|
|
|
<?php $currentUser = user(); ?>
|
|
|
|
<div class="dropdown-container" component="dropdown" option:dropdown:bubble-escapes="true">
|
2020-06-24 15:38:08 -04:00
|
|
|
<span class="user-name py-s hide-under-l" refs="dropdown@toggle"
|
2019-08-24 13:26:28 -04:00
|
|
|
aria-haspopup="true" aria-expanded="false" aria-label="{{ trans('common.profile_menu') }}" tabindex="0">
|
2018-10-16 13:49:16 -04:00
|
|
|
<img class="avatar" src="{{$currentUser->getAvatar(30)}}" alt="{{ $currentUser->name }}">
|
|
|
|
<span class="name">{{ $currentUser->getShortName(9) }}</span> @icon('caret-down')
|
|
|
|
</span>
|
2022-05-17 09:16:43 -04:00
|
|
|
<ul refs="dropdown@menu" class="dropdown-menu" role="menu">
|
|
|
|
<li>
|
2022-11-08 16:17:45 -05:00
|
|
|
<a href="{{ url('/favourites') }}" data-shortcut="favourites_view" class="icon-item">
|
2022-05-17 09:16:43 -04:00
|
|
|
@icon('star')
|
|
|
|
<div>{{ trans('entities.my_favourites') }}</div>
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<li>
|
2022-11-05 09:39:17 -04:00
|
|
|
<a href="{{ $currentUser->getProfileUrl() }}" data-shortcut="profile_view" class="icon-item">
|
2022-05-17 09:16:43 -04:00
|
|
|
@icon('user')
|
|
|
|
<div>{{ trans('common.view_profile') }}</div>
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a href="{{ $currentUser->getEditUrl() }}" class="icon-item">
|
|
|
|
@icon('edit')
|
|
|
|
<div>{{ trans('common.edit_profile') }}</div>
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<form action="{{ url(config('auth.method') === 'saml2' ? '/saml2/logout' : '/logout') }}"
|
|
|
|
method="post">
|
|
|
|
{{ csrf_field() }}
|
2022-11-05 09:39:17 -04:00
|
|
|
<button class="icon-item" data-shortcut="logout">
|
2022-05-17 09:16:43 -04:00
|
|
|
@icon('logout')
|
|
|
|
<div>{{ trans('auth.logout') }}</div>
|
|
|
|
</button>
|
|
|
|
</form>
|
|
|
|
</li>
|
|
|
|
<li><hr></li>
|
2022-11-08 16:17:45 -05:00
|
|
|
<li>
|
2023-08-14 12:29:12 -04:00
|
|
|
<a href="{{ url('/preferences') }}" class="icon-item">
|
|
|
|
@icon('user-preferences')
|
|
|
|
<div>{{ trans('preferences.preferences') }}</div>
|
2022-11-08 16:17:45 -05:00
|
|
|
</a>
|
|
|
|
</li>
|
2022-05-17 09:16:43 -04:00
|
|
|
<li>
|
|
|
|
@include('common.dark-mode-toggle', ['classes' => 'icon-item'])
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
@endif
|
|
|
|
</nav>
|
2019-02-03 12:34:15 -05:00
|
|
|
|
2018-10-16 13:49:16 -04:00
|
|
|
</div>
|
2020-03-07 04:43:42 -05:00
|
|
|
</header>
|