BookStack Code Mirror - bookstack/blob - 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 component="global-search" action="{{ url('/search') }}" method="GET" class="search-box" role="search">
  23                 <button id="header-search-box-button"
  24                         refs="global-search@button"
  25                         type="submit"
  26                         aria-label="{{ trans('common.search') }}"
  27                         tabindex="-1">@icon('search')</button>
  28                 <input id="header-search-box-input"
  29                        refs="global-search@input"
  30                        type="text"
  31                        name="term"
  32                        data-shortcut="global_search"
  33                        autocomplete="off"
  34                        aria-label="{{ trans('common.search') }}" placeholder="{{ trans('common.search') }}"
  35                        value="{{ $searchTerm ?? '' }}">
  36                 <div refs="global-search@suggestions" class="global-search-suggestions card">
  37                     <div refs="global-search@loading" class="text-center px-m global-search-loading">@include('common.loading-icon')</div>
  38                     <div refs="global-search@suggestion-results" class="px-m"></div>
  39                     <button class="text-button card-footer-link" type="submit">{{ trans('common.view_all') }}</button>
  40                 </div>
  41             </form>
  42             @endif
  43         </div>
  44
  45         <nav refs="header-mobile-toggle@menu" class="header-links">
  46             <div class="links text-center">
  47                 @if (hasAppAccess())
  48                     <a class="hide-over-l" href="{{ url('/search') }}">@icon('search'){{ trans('common.search') }}</a>
  49                     @if(userCanOnAny('view', \BookStack\Entities\Models\Bookshelf::class) || userCan('bookshelf-view-all') || userCan('bookshelf-view-own'))
  50                         <a href="{{ url('/shelves') }}" data-shortcut="shelves_view">@icon('bookshelf'){{ trans('entities.shelves') }}</a>
  51                     @endif
  52                     <a href="{{ url('/books') }}" data-shortcut="books_view">@icon('books'){{ trans('entities.books') }}</a>
  53                     @if(signedInUser() && userCan('settings-manage'))
  54                         <a href="{{ url('/settings') }}" data-shortcut="settings_view">@icon('settings'){{ trans('settings.settings') }}</a>
  55                     @endif
  56                     @if(signedInUser() && userCan('users-manage') && !userCan('settings-manage'))
  57                         <a href="{{ url('/settings/users') }}" data-shortcut="settings_view">@icon('users'){{ trans('settings.users') }}</a>
  58                     @endif
  59                 @endif
  60
  61                 @if(!signedInUser())
  62                     @if(setting('registration-enabled') && config('auth.method') === 'standard')
  63                         <a href="{{ url('/register') }}">@icon('new-user'){{ trans('auth.sign_up') }}</a>
  64                     @endif
  65                     <a href="{{ url('/login')  }}">@icon('login'){{ trans('auth.log_in') }}</a>
  66                 @endif
  67             </div>
  68             @if(signedInUser())
  69                 <?php $currentUser = user(); ?>
  70                 <div class="dropdown-container" component="dropdown" option:dropdown:bubble-escapes="true">
  71                         <span class="user-name py-s hide-under-l" refs="dropdown@toggle"
  72                               aria-haspopup="true" aria-expanded="false" aria-label="{{ trans('common.profile_menu') }}" tabindex="0">
  73                             <img class="avatar" src="{{$currentUser->getAvatar(30)}}" alt="{{ $currentUser->name }}">
  74                             <span class="name">{{ $currentUser->getShortName(9) }}</span> @icon('caret-down')
  75                         </span>
  76                     <ul refs="dropdown@menu" class="dropdown-menu" role="menu">
  77                         <li>
  78                             <a href="{{ url('/favourites') }}" data-shortcut="favourites_view" class="icon-item">
  79                                 @icon('star')
  80                                 <div>{{ trans('entities.my_favourites') }}</div>
  81                             </a>
  82                         </li>
  83                         <li>
  84                             <a href="{{ $currentUser->getProfileUrl() }}" data-shortcut="profile_view" class="icon-item">
  85                                 @icon('user')
  86                                 <div>{{ trans('common.view_profile') }}</div>
  87                             </a>
  88                         </li>
  89                         <li>
  90                             <a href="{{ $currentUser->getEditUrl() }}" class="icon-item">
  91                                 @icon('edit')
  92                                 <div>{{ trans('common.edit_profile') }}</div>
  93                             </a>
  94                         </li>
  95                         <li>
  96                             <form action="{{ url(config('auth.method') === 'saml2' ? '/saml2/logout' : '/logout') }}"
  97                                   method="post">
  98                                 {{ csrf_field() }}
  99                                 <button class="icon-item" data-shortcut="logout">
 100                                     @icon('logout')
 101                                     <div>{{ trans('auth.logout') }}</div>
 102                                 </button>
 103                             </form>
 104                         </li>
 105                         <li><hr></li>
 106                         <li>
 107                             <a href="{{ url('/preferences/shortcuts') }}" class="icon-item">
 108                                 @icon('shortcuts')
 109                                 <div>{{ trans('preferences.shortcuts') }}</div>
 110                             </a>
 111                         </li>
 112                         <li>
 113                             @include('common.dark-mode-toggle', ['classes' => 'icon-item'])
 114                         </li>
 115                     </ul>
 116                 </div>
 117             @endif
 118         </nav>
 119
 120     </div>
 121 </header>