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

@section('content')

- <div class="faded-small">

+ <div class="faded-small toolbar">

- <div class="breadcrumbs">

- <a href="{{$book->getUrl()}}" class="text-book text-button"><i class="zmdi zmdi-book"></i>{{ $book->name }}</a>

- @if($page->hasChapter())

- <span class="sep">»</span>

- <a href="{{ $page->chapter->getUrl() }}" class="text-chapter text-button">

- <i class="zmdi zmdi-collection-bookmark"></i>

- {{$page->chapter->name}}

- </a>

- @endif

- </div>

+ @include('pages._breadcrumbs', ['page' => $page])

</div>

</div>

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

- <a href="{{$page->getUrl() . '/revisions'}}" class="text-primary text-button"><i class="zmdi zmdi-replay"></i>Revisions</a>

- <a href="{{$page->getUrl() . '/edit'}}" class="text-primary text-button" ><i class="zmdi zmdi-edit"></i>Edit</a>

+ <span dropdown class="dropdown-container">

+ <div dropdown-toggle class="text-button text-primary"><i class="zmdi zmdi-open-in-new"></i>{{ trans('entities.export') }}</div>

+ <ul class="wide">

+ <li><a href="{{ $page->getUrl('/export/html') }}" target="_blank">{{ trans('entities.export_html') }} <span class="text-muted float right">.html</span></a></li>

+ <li><a href="{{ $page->getUrl('/export/pdf') }}" target="_blank">{{ trans('entities.export_pdf') }} <span class="text-muted float right">.pdf</span></a></li>

+ <li><a href="{{ $page->getUrl('/export/plaintext') }}" target="_blank">{{ trans('entities.export_text') }} <span class="text-muted float right">.txt</span></a></li>

+ </ul>

+ </span>

+ @if(userCan('page-update', $page))

+ <a href="{{ $page->getUrl('/edit') }}" class="text-primary text-button" ><i class="zmdi zmdi-edit"></i>{{ trans('common.edit') }}</a>

@endif

- @if($currentUser->can('page-delete'))

- <a href="{{$page->getUrl() . '/delete'}}" class="text-neg text-button"><i class="zmdi zmdi-delete"></i>Delete</a>

+ @if(userCan('page-update', $page) || userCan('restrictions-manage', $page) || userCan('page-delete', $page))

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

+ <a dropdown-toggle class="text-primary text-button"><i class="zmdi zmdi-more-vert"></i></a>

+ <ul>

+ @if(userCan('page-update', $page))

+ <li><a href="{{ $page->getUrl('/move') }}" class="text-primary" ><i class="zmdi zmdi-folder"></i>{{ trans('common.move') }}</a></li>

+ <li><a href="{{ $page->getUrl('/revisions') }}" class="text-primary"><i class="zmdi zmdi-replay"></i>{{ trans('entities.revisions') }}</a></li>

+ @endif

+ @if(userCan('restrictions-manage', $page))

+ <li><a href="{{ $page->getUrl('/permissions') }}" class="text-primary"><i class="zmdi zmdi-lock-outline"></i>{{ trans('entities.permissions') }}</a></li>

+ @endif

+ @if(userCan('page-delete', $page))

+ <li><a href="{{ $page->getUrl('/delete') }}" class="text-neg"><i class="zmdi zmdi-delete"></i>{{ trans('common.delete') }}</a></li>

+ @endif

+ </ul>

+ </div>

@endif

+

</div>

- <div class="container">

+ <div class="container" id="page-show" ng-non-bindable>

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

- <div class="page-content anim fadeIn">

+ <div class="col-md-9 print-full-width">

+ <div class="page-content">

- <i class="zmdi zmdi-link"></i>

- <input readonly="readonly" type="text" placeholder="url">

- <button class="button icon" title="Copy Link" data-clipboard-text=""><i class="zmdi zmdi-copy"></i></button>

+ <span class="icon text-primary"><i class="zmdi zmdi-link"></i></span>

+ <input readonly="readonly" type="text" id="pointer-url" placeholder="url">

+ <button class="button icon" data-clipboard-target="#pointer-url" type="button" title="{{ trans('entities.pages_copy_link') }}"><i class="zmdi zmdi-copy"></i></button>

</div>

<hr>

- <p class="text-muted small">

- Created {{$page->created_at->diffForHumans()}} @if($page->createdBy) by {{$page->createdBy->name}} @endif

- <br>

- Last Updated {{$page->updated_at->diffForHumans()}} @if($page->createdBy) by {{$page->updatedBy->name}} @endif

- </p>

+ @include('partials.entity-meta', ['entity' => $page])

</div>

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

- @include('pages/sidebar-tree-list', ['book' => $book])

+ <div class="col-md-3 print-hidden">

+ <div class="margin-top large"></div>

+ @if($book->restricted || ($page->chapter && $page->chapter->restricted) || $page->restricted)

+ <div class="text-muted">

+

+ @if($book->restricted)

+ @if(userCan('restrictions-manage', $book))

+ <a href="{{ $book->getUrl('/permissions') }}"><i class="zmdi zmdi-lock-outline"></i>{{ trans('entities.books_permissions_active') }}</a>

+ @else

+ <i class="zmdi zmdi-lock-outline"></i>{{ trans('entities.books_permissions_active') }}

+ @endif

+ <br>

+ @endif

- </div>

+ @if($page->chapter && $page->chapter->restricted)

+ @if(userCan('restrictions-manage', $page->chapter))

+ <a href="{{ $page->chapter->getUrl('/permissions') }}"><i class="zmdi zmdi-lock-outline"></i>{{ trans('entities.chapters_permissions_active') }}</a>

+ @else

+ <i class="zmdi zmdi-lock-outline"></i>{{ trans('entities.chapters_permissions_active') }}

+ @endif

+ <br>

+ @endif

+ @if($page->restricted)

+ @if(userCan('restrictions-manage', $page))

+ <a href="{{ $page->getUrl('/permissions') }}"><i class="zmdi zmdi-lock-outline"></i>{{ trans('entities.pages_permissions_active') }}</a>

+ @else

+ <i class="zmdi zmdi-lock-outline"></i>{{ trans('entities.pages_permissions_active') }}

+ @endif

+ <br>

+ @endif

+ </div>

+ @endif

+ @include('pages/sidebar-tree-list', ['book' => $book, 'sidebarTree' => $sidebarTree, 'pageNav' => $pageNav])

+ </div>

- <script>

- $(document).ready(function() {

-

- // Set up pointer

- var $pointer = $('#pointer').detach();

- var pageId = {{$page->id}};

- var isSelection = false;

-

- $pointer.find('input').click(function(e){$(this).select();e.stopPropagation();});

- new ZeroClipboard( $pointer.find('button').first()[0] );

-

- $(document.body).find('*').on('click focus', function(e) {

- if(!isSelection) {

- $pointer.detach();

- }

- });

-

- $('.page-content [id^="bkmrk"]').on('mouseup keyup', function(e) {

- var selection = window.getSelection();

- if(selection.toString().length === 0) return;

- // Show pointer and set link

- var $elem = $(this);

- var link = window.location.protocol + "//" + window.location.host + '/link/' + pageId + '#' + $elem.attr('id');

- $pointer.find('input').val(link);

- $pointer.find('button').first().attr('data-clipboard-text', link);

- $elem.before($pointer);

- $pointer.show();

- e.stopPropagation();

-

- isSelection = true;

- setTimeout(function() {

- isSelection = false;

- }, 100);

- });

-

- function goToText(text) {

- var idElem = $('.page-content').find('#' + text).first();

- if(idElem.length !== 0) {

- idElem.smoothScrollTo();

- } else {

- $('.page-content').find(':contains("'+text+'")').smoothScrollTo();

- }

-

- if(window.location.hash) {

- var text = window.location.hash.replace(/\%20/g, ' ').substr(1);

- goToText(text);

- }

-

- });

- </script>

+ </div>

+

+ @include('partials/highlight')

+@stop

- <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.7/styles/solarized_light.min.css">

- <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.7/highlight.min.js"></script>

+@section('scripts')

- window.onload = function() {

- var aCodes = document.getElementsByTagName('pre');

- for (var i=0; i < aCodes.length; i++) {

- hljs.highlightBlock(aCodes[i]);

- }

- };

+ setupPageShow({{$page->id}});

</script>

@stop

</script>

@stop