Made chapters functional and cleaned design features

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

diff --git a/resources/views/books/show.blade.php b/resources/views/books/show.blade.php
index b5bb7c8d094a6ab7f5a3f578abbdb07f99efff29..b4ae5cdb394dd0134f49209ebd09027eff9e978f 100644 (file)
--- a/resources/views/books/show.blade.php
+++ b/resources/views/books/show.blade.php
@@ -6,9 +6,11 @@
         <div class="col-md-6"></div>
         <div class="col-md-6">
             <div class="action-buttons faded">
-                <a href="{{$book->getEditUrl()}}"><i class="fa fa-pencil"></i>Edit</a>
-                <a href="{{ $book->getUrl() }}/sort"><i class="fa fa-sort"></i>Sort</a>
-                <a href="{{ $book->getUrl() }}/delete"><i class="fa fa-trash"></i>Delete</a>
+                <a href="{{$book->getUrl() . '/page/create'}}" class="text-pos"><i class="zmdi zmdi-plus"></i> New Page</a>
+                <a href="{{$book->getUrl() . '/chapter/create'}}" class="text-pos"><i class="zmdi zmdi-plus"></i> New Chapter</a>
+                <a href="{{$book->getEditUrl()}}" class="text-primary"><i class="zmdi zmdi-edit"></i>Edit</a>
+                <a href="{{ $book->getUrl() }}/sort" class="text-primary"><i class="zmdi zmdi-sort"></i>Sort</a>
+                <a href="{{ $book->getUrl() }}/delete" class="text-neg"><i class="zmdi zmdi-delete"></i>Delete</a>
             </div>
         </div>
     </div>
@@ -17,44 +19,45 @@
         <h1>{{$book->name}}</h1>
         <p class="text-muted">{{$book->description}}</p>
 
-        <div class="clearfix header-group">
-            <h4 class="float">Contents</h4>
-            <div class="float right">
-                <a href="{{$book->getUrl() . '/page/create'}}" class="text-pos">+ New Page</a>
-                <a href="{{$book->getUrl() . '/chapter/create'}}" class="text-pos">+ New Chapter</a>
-            </div>
-        </div>
-
-        <div>
+        <div class="page-list">
+            <hr>
             @foreach($book->children() as $childElement)
-                <div >
+                <div class="book-child">
                     <h3>
                         <a href="{{ $childElement->getUrl() }}">
                             @if(is_a($childElement, 'Oxbow\Chapter'))
-                                <i class="fa fa-archive"></i>
+                                <i class="zmdi zmdi-collection-bookmark chapter-toggle"></i>
                             @else
-                                <i class="fa fa-file"></i>
+                                <i class="zmdi zmdi-file-text"></i>
                             @endif
                             {{ $childElement->name }}
                         </a>
                     </h3>
+                    <p class="text-muted">
+                        {{$childElement->getExcerpt()}}
+                    </p>
+
+                    @if(is_a($childElement, 'Oxbow\Chapter'))
+                        <div class="inset-list">
+                            @foreach($childElement->pages as $page)
+                                <h4><a href="{{$page->getUrl()}}"><i class="zmdi zmdi-file-text"></i> {{$page->name}}</a></h4>
+                            @endforeach
+                        </div>
+                    @endif
                 </div>
                 <hr>
             @endforeach
         </div>
 
-        {{--@include('pages/page-tree-list', ['pageTree' => $pageTree])--}}
-
     </div>
 
 
     <script>
         $(function() {
 
-            $('.nested-page-list i.arrow').click(function() {
-                var list = $(this).closest('.nested-page-list');
-                var listItem = $(this).closest('li');
-                listItem.toggleClass('expanded');
+            $('.chapter-toggle').click(function(e) {
+                e.preventDefault();
+                $(this).closest('.book-child').find('.inset-list').slideToggle(180);
             });
 
         });