1
0
mirror of https://github.com/BookStackApp/BookStack.git synced 2024-10-30 07:32:39 +01:00

Added pagination to books page

This commit is contained in:
Dan Brown 2015-11-09 19:46:04 +00:00
parent ab6f6a5522
commit e5b9be2e76
4 changed files with 55 additions and 6 deletions

View File

@ -40,7 +40,7 @@ class BookController extends Controller
*/ */
public function index() public function index()
{ {
$books = $this->bookRepo->getAll(); $books = $this->bookRepo->getAllPaginated(10);
return view('books/index', ['books' => $books]); return view('books/index', ['books' => $books]);
} }

View File

@ -30,6 +30,16 @@ class BookRepo
return $this->book->all(); return $this->book->all();
} }
/**
* Getas
* @param int $count
* @return mixed
*/
public function getAllPaginated($count = 10)
{
return $this->book->orderBy('name', 'asc')->paginate($count);
}
public function getBySlug($slug) public function getBySlug($slug)
{ {
return $this->book->where('slug', '=', $slug)->first(); return $this->book->where('slug', '=', $slug)->first();

View File

@ -215,3 +215,41 @@
margin-left: 30px + $-s; margin-left: 30px + $-s;
} }
} }
ul.pagination {
display: inline-block;
list-style: none;
margin: $-m 0;
li {
float: left;
}
li:first-child {
a, span {
border-radius: 3px 0 0 3px;
}
}
li:last-child {
a, span {
border-radius: 0 3px 3px 0;
}
}
a, span {
display: block;
padding: $-xxs $-s;
border: 1px solid #CCC;
margin-left: -1px;
color: #888;
user-select: none;
&.disabled {
cursor: not-allowed;
}
}
li.active span {
background-color: rgba($primary, 0.8);
color: #EEE;
border-color: rgba($primary, 0.8);
}
a {
color: $primary;
}
}

View File

@ -27,6 +27,7 @@
@include('books/list-item', ['book' => $book]) @include('books/list-item', ['book' => $book])
<hr> <hr>
@endforeach @endforeach
{!! $books->render() !!}
@else @else
<p class="text-muted">No books have been created.</p> <p class="text-muted">No books have been created.</p>
<a href="/books/create" class="text-pos"><i class="zmdi zmdi-edit"></i>Create one now</a> <a href="/books/create" class="text-pos"><i class="zmdi zmdi-edit"></i>Create one now</a>