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

<!DOCTYPE html>

-<html>

+<html class="@yield('body-class')">

<head>

- <title>BookStack</title>

+ <title>{{ isset($pageTitle) ? $pageTitle . ' | ' : '' }}{{ setting('app-name') }}</title>

-

+

+ <meta name="base-url" content="{{ baseUrl('/') }}">

+ <meta charset="utf-8">

- <link rel="stylesheet" href="/css/app.css">

- <link href='//fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,300italic,100,300' rel='stylesheet' type='text/css'>

- <link rel="stylesheet" href="/bower/material-design-iconic-font/dist/css/material-design-iconic-font.min.css">

+ <link rel="stylesheet" href="{{ versioned_asset('css/styles.css') }}">

+ <link rel="stylesheet" media="print" href="{{ versioned_asset('css/print-styles.css') }}">

+ <link rel="stylesheet" href="{{ baseUrl('/libs/material-design-iconic-font/css/material-design-iconic-font.min.css') }}">

- <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

- <script src="/js/jquery-extensions.js"></script>

- <script src="/bower/bootstrap/dist/js/bootstrap.js"></script>

- <script src="/bower/jquery-sortable/source/js/jquery-sortable.js"></script>

- <script src="/bower/dropzone/dist/min/dropzone.min.js"></script>

- <script src="/bower/vue/dist/vue.min.js"></script>

- <script src="/bower/vue-resource/dist/vue-resource.min.js"></script>

+ <script src="{{ baseUrl('/libs/jquery/jquery.min.js?version=2.1.4') }}"></script>

+ <script src="{{ baseUrl('/libs/jquery/jquery-ui.min.js?version=1.11.4') }}"></script>

+ <script src="{{ baseUrl('/translations.js') }}"></script>

@yield('head')

-</head>

-<body class="@yield('body-class')">

- @if(Session::has('success'))

- <div class="notification anim pos">

- <i class="zmdi zmdi-mood"></i> <span>{{ Session::get('success') }}</span>

- </div>

- @endif

+ @include('partials/custom-styles')

- @if(Session::has('error'))

- <div class="notification anim neg">

- <i class="zmdi zmdi-alert-circle"></i> <span>{{ Session::get('error') }}</span>

- </div>

+

+ @if(setting('app-custom-head'))

+ {!! setting('app-custom-head') !!}

@endif

+</head>

+<body class="@yield('body-class')" ng-app="bookStack">

+

+ @include('partials/notifications')

- <div class="col-md-3">

- <a href="/" class="logo">{{ Setting::get('app-name', 'BookStack') }}</a>

+ <div class="col-lg-4 col-sm-4" ng-non-bindable>

+ <a href="{{ baseUrl('/') }}" class="logo">

+ @if(setting('app-logo', '') !== 'none')

+ <img class="logo-image" src="{{ setting('app-logo', '') === '' ? baseUrl('/logo.png') : baseUrl(setting('app-logo', '')) }}" alt="Logo">

+ @endif

+ @if (setting('app-name-header'))

+ <span class="logo-text">{{ setting('app-name') }}</span>

+ @endif

+ </a>

</div>

- <div class="col-md-3 text-right">

- <form action="/search/all" method="GET" class="search-box">

- <input type="text" name="term" tabindex="2" value="{{ isset($searchTerm) ? $searchTerm : '' }}">

- <a onclick="$(this).closest('form').submit();"><i class="zmdi zmdi-search"></i></a>

+ <div class="col-lg-4 col-sm-3 text-center">

+ <form action="{{ baseUrl('/search/all') }}" method="GET" class="search-box">

+ <input id="header-search-box-input" type="text" name="term" tabindex="2" value="{{ isset($searchTerm) ? $searchTerm : '' }}">

+ <button id="header-search-box-button" type="submit" class="text-button"><i class="zmdi zmdi-search"></i></button>

</form>

</div>

</form>

</div>

- <div class="col-md-6">

+ <div class="col-lg-4 col-sm-5">

- <a href="/books"><i class="zmdi zmdi-book"></i>Books</a>

- @if($currentUser->can('settings-update'))

- <a href="/settings"><i class="zmdi zmdi-settings"></i>Settings</a>

+ <a href="{{ baseUrl('/books') }}"><i class="zmdi zmdi-book"></i>{{ trans('entities.books') }}</a>

+ @if(isset($currentUser) && userCan('settings-manage'))

+ <a href="{{ baseUrl('/settings') }}"><i class="zmdi zmdi-settings"></i>{{ trans('settings.settings') }}</a>

+ @endif

+ @if(!isset($signedIn) || !$signedIn)

+ <a href="{{ baseUrl('/login') }}"><i class="zmdi zmdi-sign-in"></i>{{ trans('auth.log_in') }}</a>

@endif

</div>

@endif

</div>

- @if($signedIn)

- <img class="avatar" src="{{$currentUser->getAvatar(30)}}" alt="{{ $currentUser->name }}">

- <div class="dropdown-container" data-dropdown>

- <span class="user-name" data-dropdown-toggle>

- {{ $currentUser->name }} <i class="zmdi zmdi-caret-down"></i>

- </span>

- <ul class="dropdown">

- <li>

- <a href="/users/{{$currentUser->id}}" class="text-primary"><i class="zmdi zmdi-edit zmdi-hc-lg"></i>Edit Profile</a>

- </li>

- <li>

- <a href="/logout" class="text-neg"><i class="zmdi zmdi-run zmdi-hc-lg"></i>Logout</a>

- </li>

- </ul>

- </div>

+ @if(isset($signedIn) && $signedIn)

+ @include('partials._header-dropdown', ['currentUser' => $currentUser])

@endif

</div>

@endif

</div>

</header>

</div>

</header>

- <section id="content">

+ <section id="content" class="block">

@yield('content')

</section>

@yield('content')

</section>

+ <div id="back-to-top">

+ <div class="inner">

+ <i class="zmdi zmdi-chevron-up"></i> <span>{{ trans('common.back_to_top') }}</span>

+ </div>

@yield('bottom')

- <script>

- $(function() {

-

- $('.notification').click(function() {

- $(this).fadeOut(100);

- });

-

- // Dropdown toggles

- $('[data-dropdown-toggle]').click(function() {

- var toggleButton = $(this);

- var container = toggleButton.closest('[data-dropdown]');

- var dropdown = container.find('.dropdown');

- dropdown.show().addClass('anim menuIn');

-

- container.mouseleave(function() {

- dropdown.hide();

- dropdown.removeClass('anim menuIn');

- });

-

- });

- </script>

+<script src="{{ versioned_asset('js/common.js') }}"></script>

+@yield('scripts')

</body>

</html>

</body>

</html>