mirror of
https://github.com/BookStackApp/BookStack.git
synced 2024-11-24 16:24:55 +08:00
89be30ff0e
- Added base of new grid system. - Added new margin/padding/visiblity helpers. - Made header collapse to overflow menu on mobile.
58 lines
3.3 KiB
PHP
58 lines
3.3 KiB
PHP
<header id="header" header-mobile-toggle>
|
|
<div class="grid break-l mx-l">
|
|
<div>
|
|
<a href="{{ baseUrl('/') }}" class="logo">
|
|
@if(setting('app-logo', '') !== 'none')
|
|
<img class="logo-image" src="{{ setting('app-logo', '') === '' ? baseUrl('/logo.png') : baseUrl(setting('app-logo', '')) }}" alt="Logo">
|
|
@endif
|
|
@if (setting('app-name-header'))
|
|
<span class="logo-text">{{ setting('app-name') }}</span>
|
|
@endif
|
|
</a>
|
|
<div class="mobile-menu-toggle hide-over-l">@icon('more')</div>
|
|
</div>
|
|
<div class="header-search hide-under-l">
|
|
<form action="{{ baseUrl('/search') }}" method="GET" class="search-box">
|
|
<button id="header-search-box-button" type="submit">@icon('search') </button>
|
|
<input id="header-search-box-input" type="text" name="term" tabindex="2" placeholder="{{ trans('common.search') }}" value="{{ isset($searchTerm) ? $searchTerm : '' }}">
|
|
</form>
|
|
</div>
|
|
<div class="text-right">
|
|
<div class="header-links">
|
|
<div class="links text-center">
|
|
<a class="hide-over-l" href="{{ baseUrl('/search') }}">@icon('search'){{ trans('common.search') }}</a>
|
|
@if(userCan('bookshelf-view-all') || userCan('bookshelf-view-own'))
|
|
<a href="{{ baseUrl('/shelves') }}">@icon('bookshelf'){{ trans('entities.shelves') }}</a>
|
|
@endif
|
|
<a href="{{ baseUrl('/books') }}">@icon('book'){{ trans('entities.books') }}</a>
|
|
@if(signedInUser() && userCan('settings-manage'))
|
|
<a href="{{ baseUrl('/settings') }}">@icon('settings'){{ trans('settings.settings') }}</a>
|
|
@endif
|
|
@if(!signedInUser())
|
|
<a href="{{ baseUrl('/login') }}">@icon('login'){{ trans('auth.log_in') }}</a>
|
|
@endif
|
|
</div>
|
|
@if(signedInUser())
|
|
<?php $currentUser = user(); ?>
|
|
<div class="dropdown-container" dropdown>
|
|
<span class="user-name hide-under-l" dropdown-toggle>
|
|
<img class="avatar" src="{{$currentUser->getAvatar(30)}}" alt="{{ $currentUser->name }}">
|
|
<span class="name">{{ $currentUser->getShortName(9) }}</span> @icon('caret-down')
|
|
</span>
|
|
<ul>
|
|
<li>
|
|
<a href="{{ baseUrl("/user/{$currentUser->id}") }}" class="text-primary">@icon('user'){{ trans('common.view_profile') }}</a>
|
|
</li>
|
|
<li>
|
|
<a href="{{ baseUrl("/settings/users/{$currentUser->id}") }}" class="text-primary">@icon('edit'){{ trans('common.edit_profile') }}</a>
|
|
</li>
|
|
<li>
|
|
<a href="{{ baseUrl('/logout') }}" class="text-neg">@icon('logout'){{ trans('auth.logout') }}</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|