]> BookStack Code Mirror - bookstack/blob - resources/views/common/header.blade.php
Started interface user shortcut form interface
[bookstack] / resources / views / common / header.blade.php
1 <header id="header" component="header-mobile-toggle" class="primary-background">
2     <div class="grid mx-l">
3
4         <div>
5             <a href="{{ url('/') }}" data-shortcut="home_view" class="logo">
6                 @if(setting('app-logo', '') !== 'none')
7                     <img class="logo-image" src="{{ setting('app-logo', '') === '' ? url('/logo.png') : url(setting('app-logo', '')) }}" alt="Logo">
8                 @endif
9                 @if (setting('app-name-header'))
10                     <span class="logo-text">{{ setting('app-name') }}</span>
11                 @endif
12             </a>
13             <button type="button"
14                     refs="header-mobile-toggle@toggle"
15                     title="{{ trans('common.header_menu_expand') }}"
16                     aria-expanded="false"
17                     class="mobile-menu-toggle hide-over-l">@icon('more')</button>
18         </div>
19
20         <div class="flex-container-column items-center justify-center hide-under-l">
21             @if (hasAppAccess())
22             <form action="{{ url('/search') }}" method="GET" class="search-box" role="search">
23                 <button id="header-search-box-button" type="submit" aria-label="{{ trans('common.search') }}" tabindex="-1">@icon('search') </button>
24                 <input id="header-search-box-input" type="text" name="term"
25                        data-shortcut="global_search"
26                        aria-label="{{ trans('common.search') }}" placeholder="{{ trans('common.search') }}"
27                        value="{{ isset($searchTerm) ? $searchTerm : '' }}">
28             </form>
29             @endif
30         </div>
31
32         <nav refs="header-mobile-toggle@menu" class="header-links">
33             <div class="links text-center">
34                 @if (hasAppAccess())
35                     <a class="hide-over-l" href="{{ url('/search') }}">@icon('search'){{ trans('common.search') }}</a>
36                     @if(userCanOnAny('view', \BookStack\Entities\Models\Bookshelf::class) || userCan('bookshelf-view-all') || userCan('bookshelf-view-own'))
37                         <a href="{{ url('/shelves') }}" data-shortcut="shelves_view">@icon('bookshelf'){{ trans('entities.shelves') }}</a>
38                     @endif
39                     <a href="{{ url('/books') }}" data-shortcut="books_view">@icon('books'){{ trans('entities.books') }}</a>
40                     @if(signedInUser() && userCan('settings-manage'))
41                         <a href="{{ url('/settings') }}" data-shortcut="settings_view">@icon('settings'){{ trans('settings.settings') }}</a>
42                     @endif
43                     @if(signedInUser() && userCan('users-manage') && !userCan('settings-manage'))
44                         <a href="{{ url('/settings/users') }}" data-shortcut="settings_view">@icon('users'){{ trans('settings.users') }}</a>
45                     @endif
46                 @endif
47
48                 @if(!signedInUser())
49                     @if(setting('registration-enabled') && config('auth.method') === 'standard')
50                         <a href="{{ url('/register') }}">@icon('new-user'){{ trans('auth.sign_up') }}</a>
51                     @endif
52                     <a href="{{ url('/login')  }}">@icon('login'){{ trans('auth.log_in') }}</a>
53                 @endif
54             </div>
55             @if(signedInUser())
56                 <?php $currentUser = user(); ?>
57                 <div class="dropdown-container" component="dropdown" option:dropdown:bubble-escapes="true">
58                         <span class="user-name py-s hide-under-l" refs="dropdown@toggle"
59                               aria-haspopup="true" aria-expanded="false" aria-label="{{ trans('common.profile_menu') }}" tabindex="0">
60                             <img class="avatar" src="{{$currentUser->getAvatar(30)}}" alt="{{ $currentUser->name }}">
61                             <span class="name">{{ $currentUser->getShortName(9) }}</span> @icon('caret-down')
62                         </span>
63                     <ul refs="dropdown@menu" class="dropdown-menu" role="menu">
64                         <li>
65                             <a href="{{ url('/favourites') }}" data-shortcut="favourites_view" class="icon-item">
66                                 @icon('star')
67                                 <div>{{ trans('entities.my_favourites') }}</div>
68                             </a>
69                         </li>
70                         <li>
71                             <a href="{{ $currentUser->getProfileUrl() }}" data-shortcut="profile_view" class="icon-item">
72                                 @icon('user')
73                                 <div>{{ trans('common.view_profile') }}</div>
74                             </a>
75                         </li>
76                         <li>
77                             <a href="{{ $currentUser->getEditUrl() }}" class="icon-item">
78                                 @icon('edit')
79                                 <div>{{ trans('common.edit_profile') }}</div>
80                             </a>
81                         </li>
82                         <li>
83                             <form action="{{ url(config('auth.method') === 'saml2' ? '/saml2/logout' : '/logout') }}"
84                                   method="post">
85                                 {{ csrf_field() }}
86                                 <button class="icon-item" data-shortcut="logout">
87                                     @icon('logout')
88                                     <div>{{ trans('auth.logout') }}</div>
89                                 </button>
90                             </form>
91                         </li>
92                         <li><hr></li>
93                         <li>
94                             <a href="{{ url('/preferences/shortcuts') }}" class="icon-item">
95                                 @icon('shortcuts')
96                                 <div>{{ 'Shortcuts' }}</div>
97                             </a>
98                         </li>
99                         <li>
100                             @include('common.dark-mode-toggle', ['classes' => 'icon-item'])
101                         </li>
102                     </ul>
103                 </div>
104             @endif
105         </nav>
106
107     </div>
108 </header>