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

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <title>BookStack</title>
   5
   6     <!-- Meta-->
   7     <meta name="viewport" content="width=device-width">
   8     <meta name="token" content="{{ csrf_token() }}">
   9
  10     <!-- Styles and Fonts -->
  11     <link rel="stylesheet" href="/css/app.css">
  12     <link href='//fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,300italic,100,300' rel='stylesheet' type='text/css'>
  13     <link rel="stylesheet" href="/bower/material-design-iconic-font/dist/css/material-design-iconic-font.min.css">
  14
  15     <!-- Scripts -->
  16     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
  17     <script src="/bower/bootstrap/dist/js/bootstrap.js"></script>
  18     <script src="/bower/jquery-sortable/source/js/jquery-sortable.js"></script>
  19     <script src="/bower/dropzone/dist/min/dropzone.min.js"></script>
  20     <script src="/bower/vue/dist/vue.min.js"></script>
  21     <script>
  22         $.fn.smoothScrollTo = function() {
  23             if(this.length === 0) return;
  24             $('body').animate({
  25                 scrollTop: this.offset().top - 60 // Adjust to change final scroll position top margin
  26             }, 800); // Adjust to change animations speed (ms)
  27             return this;
  28         };
  29         $.expr[":"].contains = $.expr.createPseudo(function(arg) {
  30             return function( elem ) {
  31                 return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0;
  32             };
  33         });
  34     </script>
  35
  36     @yield('head')
  37 </head>
  38 <body class="@yield('body-class')">
  39
  40     @if(Session::has('success'))
  41         <div class="notification anim pos">
  42             <i class="zmdi zmdi-mood"></i> <span>{{ Session::get('success') }}</span>
  43         </div>
  44     @endif
  45
  46     @if(Session::has('error'))
  47         <div class="notification anim neg">
  48             <i class="zmdi zmdi-alert-circle"></i> <span>{{ Session::get('error') }}</span>
  49         </div>
  50     @endif
  51
  52     <header id="header">
  53         <div class="container">
  54             <div class="row">
  55                 <div class="col-md-3">
  56                     <a href="/" class="logo">{{ Setting::get('app-name', 'BookStack') }}</a>
  57                 </div>
  58                 <div class="col-md-9">
  59                     <div class="float right">
  60                         <div class="links text-center">
  61                             <a href="/search"><i class="zmdi zmdi-search"></i></a>
  62                             <a href="/books"><i class="zmdi zmdi-book"></i>Books</a>
  63                             @if($currentUser->can('settings-update'))
  64                                 <a href="/settings"><i class="zmdi zmdi-settings"></i>Settings</a>
  65                             @endif
  66                         </div>
  67                         @if($signedIn)
  68                             <img class="avatar" src="{{$currentUser->getAvatar(30)}}" alt="{{ $currentUser->name }}">
  69                             <div class="dropdown-container" data-dropdown>
  70                                 <span class="user-name" data-dropdown-toggle>
  71                                     {{ $currentUser->name }} <i class="zmdi zmdi-caret-down"></i>
  72                                 </span>
  73                                 <ul class="dropdown">
  74                                     <li>
  75                                         <a href="/users/{{$currentUser->id}}" class="text-primary"><i class="zmdi zmdi-edit zmdi-hc-lg"></i>Edit Profile</a>
  76                                     </li>
  77                                     <li>
  78                                         <a href="/logout" class="text-neg"><i class="zmdi zmdi-run zmdi-hc-lg"></i>Logout</a>
  79                                     </li>
  80                                 </ul>
  81                             </div>
  82                         @endif
  83
  84                     </div>
  85                 </div>
  86             </div>
  87         </div>
  88     </header>
  89
  90     <section id="content">
  91         @yield('content')
  92     </section>
  93
  94 @yield('bottom')
  95     <script>
  96         $(function() {
  97
  98             $('.notification').click(function() {
  99                 $(this).fadeOut(100);
 100             });
 101
 102             // Dropdown toggles
 103             $('[data-dropdown-toggle]').click(function() {
 104                 var toggleButton = $(this);
 105                 var container = toggleButton.closest('[data-dropdown]');
 106                 var dropdown = container.find('.dropdown');
 107                 dropdown.show().addClass('anim menuIn');
 108
 109                 container.mouseleave(function() {
 110                    dropdown.hide();
 111                     dropdown.removeClass('anim menuIn');
 112                 });
 113             });
 114
 115         });
 116     </script>
 117 </body>
 118 </html>