X-Git-Url: http://source.bookstackapp.com/bookstack/blobdiff_plain/da2ba4d9f30c24057139bddbfe095938a09d9a88..refs/pull/205/head:/resources/views/pages/show.blade.php

diff --git a/resources/views/pages/show.blade.php b/resources/views/pages/show.blade.php
index 0a957fc5e..af85075a2 100644
--- a/resources/views/pages/show.blade.php
+++ b/resources/views/pages/show.blade.php
@@ -2,98 +2,130 @@
 
 @section('content')
 
-    <div class="row">
-        <div class="page-menu col-md-3">
-            <div class="page-nav">
-                <h4>Navigation</h4>
-                <ul class="page-nav-list"></ul>
-            </div>
-            <div class="page-actions">
-                <h4>Actions</h4>
-                <div class="list">
-                    <a href="{{$page->getUrl() . '/edit'}}" class="muted"><i class="fa fa-pencil"></i>Edit this page</a>
-                    <a href="{{$page->getUrl() . '/create'}}" class="muted"><i class="fa fa-file-o"></i>Create Sub-page</a>
+    <div class="faded-small toolbar">
+        <div class="container">
+            <div class="row">
+                <div class="col-sm-6 faded">
+                    <div class="breadcrumbs">
+                        <a href="{{ $book->getUrl() }}" class="text-book text-button"><i class="zmdi zmdi-book"></i>{{ $book->getShortName() }}</a>
+                        @if($page->hasChapter())
+                            <span class="sep">&raquo;</span>
+                            <a href="{{ $page->chapter->getUrl() }}" class="text-chapter text-button">
+                                <i class="zmdi zmdi-collection-bookmark"></i>
+                                {{ $page->chapter->getShortName() }}
+                            </a>
+                        @endif
+                    </div>
+                </div>
+                <div class="col-sm-6 faded">
+                    <div class="action-buttons">
+                        <span dropdown class="dropdown-container">
+                            <div dropdown-toggle class="text-button text-primary"><i class="zmdi zmdi-open-in-new"></i>Export</div>
+                            <ul class="wide">
+                                <li><a href="{{ $page->getUrl('/export/html') }}" target="_blank">Contained Web File <span class="text-muted float right">.html</span></a></li>
+                                <li><a href="{{ $page->getUrl('/export/pdf') }}" target="_blank">PDF File <span class="text-muted float right">.pdf</span></a></li>
+                                <li><a href="{{ $page->getUrl('/export/plaintext') }}" target="_blank">Plain Text File <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>Edit</a>
+                        @endif
+                        @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>Move</a></li>
+                                        <li><a href="{{ $page->getUrl('/revisions') }}" class="text-primary"><i class="zmdi zmdi-replay"></i>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>Permissions</a></li>
+                                    @endif
+                                    @if(userCan('page-delete', $page))
+                                        <li><a href="{{ $page->getUrl('/delete') }}" class="text-neg"><i class="zmdi zmdi-delete"></i>Delete</a></li>
+                                    @endif
+                                </ul>
+                            </div>
+                        @endif
+
+                    </div>
                 </div>
             </div>
         </div>
+    </div>
+
+
+    <div class="container" id="page-show" ng-non-bindable>
+        <div class="row">
+            <div class="col-md-9 print-full-width">
+                <div class="page-content">
 
-        <div class="page-content right col-md-9">
-            <div class="breadcrumbs">
-                <a href="{{$book->getUrl()}}"><i class="fa fa-book"></i>{{ $book->name }}</a>
-                @if($breadCrumbs)
-                    @foreach($breadCrumbs as $parentPage)
-                        <span class="sep">&gt;</span>
-                        <a href="{{$parentPage->getUrl()}}">{{ $parentPage->name }}</a>
-                    @endforeach
+                    <div class="pointer-container" id="pointer">
+                        <div class="pointer anim">
+                            <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>
+                        </div>
+                    </div>
+
+                    @include('pages/page-display')
+
+                    <hr>
+
+                    <p class="text-muted small">
+                        Created {{ $page->created_at->diffForHumans() }} @if($page->createdBy) by <a href="{{ $page->createdBy->getProfileUrl() }}">{{$page->createdBy->name}}</a> @endif
+                        <br>
+                        Last Updated {{ $page->updated_at->diffForHumans() }} @if($page->updatedBy) by <a href="{{ $page->updatedBy->getProfileUrl() }}">{{$page->updatedBy->name}}</a> @endif
+                    </p>
+
+                </div>
+            </div>
+
+            <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>Book Permissions Active</a>
+                            @else
+                                <i class="zmdi zmdi-lock-outline"></i>Book Permissions Active
+                            @endif
+                            <br>
+                        @endif
+
+                        @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>Chapter Permissions Active</a>
+                            @else
+                                <i class="zmdi zmdi-lock-outline"></i>Chapter 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>Page Permissions Active</a>
+                            @else
+                                <i class="zmdi zmdi-lock-outline"></i>Page Permissions Active
+                            @endif
+                            <br>
+                        @endif
+                    </div>
                 @endif
+
+                @include('pages/sidebar-tree-list', ['book' => $book, 'sidebarTree' => $sidebarTree, 'pageNav' => $pageNav])
             </div>
-            <h1>{{$page->name}}</h1>
-            @if(count($page->pages) > 0)
-                <h4 class="text-muted">Sub-pages</h4>
-                <div class="page-list">
-                    @foreach($page->pages as $childPage)
-                        <a href="{{ $childPage->getUrl() }}">{{ $childPage->name }}</a>
-                    @endforeach
-                </div>
-            @endif
-            {!! $page->html !!}
+
         </div>
     </div>
 
+    @include('partials/highlight')
+@stop
+
+@section('scripts')
     <script>
-        $(document).ready(function() {
-
-            // Set up fixed side menu
-            $('.page-menu').affix({
-                offset: {
-                    top: 10,
-                    bottom: function () {
-                        return (this.bottom = $('.footer').outerHeight(true))
-                    }
-                }
-            });
-
-            // Set up document navigation
-            var pageNav = $('.page-nav-list');
-            var pageContent = $('.page-content');
-            var headers = pageContent.find('h1, h2, h3, h4, h5, h6');
-            headers.each(function() {
-                var header = $(this);
-                var tag = header.prop('tagName');
-                var listElem = $('<li></li>').addClass('nav-'+tag);
-                var link = $('<a></a>').text(header.text().trim()).attr('href', '#');
-                listElem.append(link);
-                pageNav.append(listElem);
-                link.click(function(e) {
-                    e.preventDefault();
-                    header.smoothScrollTo();
-                })
-            });
-
-            // Set up link hooks
-            var pageId = {{$page->id}};
-            headers.each(function() {
-                var text = $(this).text().trim();
-                var link = '/link/' + pageId + '#' + encodeURIComponent(text);
-                var linkHook = $('<a class="link-hook"><i class="fa fa-link"></i></a>')
-                        .attr({"data-content": link, href: link, target: '_blank'});
-                linkHook.click(function(e) {
-                    e.preventDefault();
-                    goToText(text);
-                });
-                $(this).append(linkHook);
-            });
-
-            function goToText(text) {
-                $('.page-content').find(':contains("'+text+'")').smoothScrollTo();
-            }
-
-            if(window.location.hash) {
-                var text = window.location.hash.replace(/\%20/g, ' ').substr(1);
-                goToText(text);
-            }
-
-            //$('[data-toggle="popover"]').popover()
-        });
+        setupPageShow({{$page->id}});
     </script>
 @stop