Add prev and next button to navigate through different pages

[bookstack] / resources / views / pages / show.blade.php

diff --git a/resources/views/pages/show.blade.php b/resources/views/pages/show.blade.php
index dfe0a9d7d2fbe28d6e9b9129c66ce72ac1811412..38e819a9e1baecd2dc6d037409cc97fe3770ca43 100644 (file)
--- a/resources/views/pages/show.blade.php
+++ b/resources/views/pages/show.blade.php
@@ -11,11 +11,23 @@
     </div>
 
     <main class="content-wrap card">
     </div>
 
     <main class="content-wrap card">

-        <div class="page-content" page-display="{{ $page->id }}">
+        <div class="page-content clearfix" page-display="{{ $page->id }}">

             @include('pages.pointer', ['page' => $page])
             @include('pages.page-display')
         </div>
     </main>
             @include('pages.pointer', ['page' => $page])
             @include('pages.page-display')
         </div>
     </main>

+       
+    <div class="prev-next-btn">
+        <div class="grid third no-row-gap prev-next">
+            <div class="text-m-left">
+                <a class="{{ $disablePrev }}" href="{{ $prevPage }}">Previous Page</a>
+            </div>
+            <div></div>
+            <div class="text-m-right">
+                <a class="{{ $disableNxt }}" href="{{ $nextPage }}">Next Page</a>
+            </div>
+        </div>
+    </div>

 
     @if ($commentsEnabled)
         <div class="container small p-none comments-container mb-l print-hidden">
 
     @if ($commentsEnabled)
         <div class="container small p-none comments-container mb-l print-hidden">


@@ -37,14 +49,7 @@
         <div id="page-attachments" class="mb-l">
             <h5>{{ trans('entities.pages_attachments') }}</h5>
             <div class="body">
         <div id="page-attachments" class="mb-l">
             <h5>{{ trans('entities.pages_attachments') }}</h5>
             <div class="body">

-                @foreach($page->attachments as $attachment)
-                    <div class="attachment icon-list">
-                        <a class="icon-list-item py-xs" href="{{ $attachment->getUrl() }}" @if($attachment->external) target="_blank" @endif>
-                            <span class="icon">@icon($attachment->external ? 'export' : 'file')</span>
-                            <span>{{ $attachment->name }}</span>
-                        </a>
-                    </div>
-                @endforeach
+                @include('attachments.list', ['attachments' => $page->attachments])

             </div>
         </div>
     @endif
             </div>
         </div>
     @endif


@@ -56,7 +61,7 @@
                 <div class="sidebar-page-nav menu">
                     @foreach($pageNav as $navItem)
                         <li class="page-nav-item h{{ $navItem['level'] }}">
                 <div class="sidebar-page-nav menu">
                     @foreach($pageNav as $navItem)
                         <li class="page-nav-item h{{ $navItem['level'] }}">

-                            <a href="{{ $navItem['link'] }}" class="limit-text block">{{ $navItem['text'] }}</a>
+                            <a href="{{ $navItem['link'] }}" class="text-limit-lines-1 block">{{ $navItem['text'] }}</a>

                             <div class="primary-background sidebar-page-nav-bullet"></div>
                         </li>
                     @endforeach
                             <div class="primary-background sidebar-page-nav-bullet"></div>
                         </li>
                     @endforeach