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