BookStack Code Mirror - bookstack/blob - resources/views/base.blade.php

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <title>{{ isset($pageTitle) ? $pageTitle . ' | ' : '' }}{{ Setting::get('app-name', 'BookStack') }}</title>
   5
   6     <!-- Meta -->
   7     <meta name="viewport" content="width=device-width">
   8     <meta name="token" content="{{ csrf_token() }}">
   9     <meta charset="utf-8">
  10
  11     <!-- Styles and Fonts -->
  12     <link rel="stylesheet" href="{{ versioned_asset('css/styles.css') }}">
  13     <link rel="stylesheet" media="print" href="{{ versioned_asset('css/print-styles.css') }}">
  14     <link rel="stylesheet" href="/libs/material-design-iconic-font/css/material-design-iconic-font.min.css">
  15
  16     <!-- Scripts -->
  17     <script src="/libs/jquery/jquery.min.js?version=2.1.4"></script>
  18
  19     @yield('head')
  20     @if(Setting::get('app-color'))
  21         <style>
  22             header{
  23                 background-color: #{{ Setting::get('app-color') }};
  24             }
  25             .faded-small{
  26                 background-color: {{ Setting::get('app-color-rgba') }};
  27             }
  28             .button-base, .button, input[type="button"], input[type="submit"] {
  29                 background-color: #{{ Setting::get('app-color') }};
  30             }
  31             .button-base:hover, .button:hover, input[type="button"]:hover, input[type="submit"]:hover {
  32                 background-color: #{{ Setting::get('app-color') }};
  33             }
  34             p.primary:hover, p .primary:hover, span.primary:hover, .text-primary:hover {
  35                 color: #{{ Setting::get('app-color') }};
  36             }
  37         </style>
  38     @endif
  39 </head>
  40 <body class="@yield('body-class')" ng-app="bookStack">
  41
  42     @include('partials/notifications')
  43
  44     <header id="header">
  45         <div class="container">
  46             <div class="row">
  47                 <div class="col-lg-4 col-sm-4" ng-non-bindable>
  48                     <a href="/" class="logo">
  49                         @if(Setting::get('app-logo', '') !== 'none')
  50                             <img class="logo-image" src="{{ Setting::get('app-logo', '') === '' ? '/logo.png' : Setting::get('app-logo', '') }}" alt="Logo">
  51                         @endif
  52                         <span class="logo-text">{{ Setting::get('app-name', 'BookStack') }}</span>
  53                     </a>
  54                 </div>
  55                 <div class="col-lg-4 col-sm-3 text-center">
  56                     <form action="/search/all" method="GET" class="search-box">
  57                         <input id="header-search-box-input" type="text" name="term" tabindex="2" value="{{ isset($searchTerm) ? $searchTerm : '' }}">
  58                         <button id="header-search-box-button" type="submit" class="text-button"><i class="zmdi zmdi-search"></i></button>
  59                     </form>
  60                 </div>
  61                 <div class="col-lg-4 col-sm-5">
  62                     <div class="float right">
  63                         <div class="links text-center">
  64                             <a href="/books"><i class="zmdi zmdi-book"></i>Books</a>
  65                             @if(isset($currentUser) && $currentUser->can('settings-manage'))
  66                                 <a href="/settings"><i class="zmdi zmdi-settings"></i>Settings</a>
  67                             @endif
  68                             @if(!isset($signedIn) || !$signedIn)
  69                                 <a href="/login"><i class="zmdi zmdi-sign-in"></i>Sign In</a>
  70                             @endif
  71                         </div>
  72                         @if(isset($signedIn) && $signedIn)
  73                             <div class="dropdown-container" dropdown>
  74                                 <span class="user-name" dropdown-toggle>
  75                                     <img class="avatar" src="{{$currentUser->getAvatar(30)}}" alt="{{ $currentUser->name }}">
  76                                     <span class="name" ng-non-bindable>{{ $currentUser->name }}</span> <i class="zmdi zmdi-caret-down"></i>
  77                                 </span>
  78                                 <ul>
  79                                     <li>
  80                                         <a href="/user/{{$currentUser->id}}" class="text-primary"><i class="zmdi zmdi-account zmdi-hc-fw zmdi-hc-lg"></i>View Profile</a>
  81                                     </li>
  82                                     <li>
  83                                         <a href="/settings/users/{{$currentUser->id}}" class="text-primary"><i class="zmdi zmdi-edit zmdi-hc-fw zmdi-hc-lg"></i>Edit Profile</a>
  84                                     </li>
  85                                     <li>
  86                                         <a href="/logout" class="text-neg"><i class="zmdi zmdi-run zmdi-hc-fw zmdi-hc-lg"></i>Logout</a>
  87                                     </li>
  88                                 </ul>
  89                             </div>
  90                         @endif
  91
  92                     </div>
  93                 </div>
  94             </div>
  95         </div>
  96     </header>
  97
  98     <section id="content" class="block">
  99         @yield('content')
 100     </section>
 101
 102     <div id="back-to-top">
 103         <div class="inner">
 104             <i class="zmdi zmdi-chevron-up"></i> <span>Back to top</span>
 105         </div>
 106     </div>
 107 @yield('bottom')
 108 <script src="{{ versioned_asset('js/common.js') }}"></script>
 109 @yield('scripts')
 110 </body>
 111 </html>