webapp/bookstack
1
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-07-28 17:02:04 +03:00
Code Activity

Added recent pages to home view and made the home content more compact

Browse Source
This commit is contained in:
Dan Brown
2016-02-20 12:37:06 +00:00
parent 86fbc9a936
commit bab6fd1f2f
8 changed files with 173 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
resources/assets/js/global.js
View File

@ -106,6 +106,12 @@ $(function () {
}
});
// Common jQuery actions
$('[data-action="expand-entity-list-details"]').click(function() {
$('.entity-list.compact').find('p').slideToggle(240);
});
});

22
resources/assets/sass/_lists.scss
View File

@ -283,4 +283,26 @@ ul.pagination {
a {
color: $primary;
}
}
.entity-list.compact {
font-size: 0.6em;
> div {
padding: $-m 0;
}
h3, a {
line-height: 1.2;
}
h3 {
margin: 0;
}
p {
display: none;
font-size: $fs-m * 0.8;
padding-top: $-xs;
margin: 0;
}
hr {
margin: 0;
}
}

35
resources/views/home.blade.php
View File

@ -2,20 +2,43 @@
@section('content')
<div class="faded-small toolbar">
<div class="container">
<div class="row">
<div class="col-sm-4 faded">
<div class="action-buttons text-left">
<a data-action="expand-entity-list-details" class="text-primary text-button"><i class="zmdi zmdi-wrap-text"></i>Toggle Details</a>
</div>
</div>
<div class="col-sm-8 faded">
<div class="action-buttons">
</div>
</div>
</div>
</div>
</div>
<div class="container" ng-non-bindable>
<div class="row">
<div class="col-md-7">
<div class="col-sm-4">
@if($signedIn)
<h2>My Recently Viewed</h2>
<h3>My Recently Viewed</h3>
@else
<h2>Recent Books</h2>
<h3>Recent Books</h3>
@endif
@include('partials/entity-list', ['entities' => $recents])
@include('partials/entity-list', ['entities' => $recents, 'size' => 'compact'])
</div>
<div class="col-md-4 col-md-offset-1" id="recent-activity">
<div class="margin-top large">&nbsp;</div>
<div class="col-sm-4">
<h3>Recently Created Pages</h3>
@include('partials/entity-list', ['entities' => $recentlyCreatedPages, 'size' => 'compact'])
<h3>Recently Updated Pages</h3>
@include('partials/entity-list', ['entities' => $recentlyCreatedPages, 'size' => 'compact'])
</div>
<div class="col-sm-4" id="recent-activity">
<h3>Recent Activity</h3>
@include('partials/activity-list', ['activity' => $activity])
</div>

38
resources/views/partials/entity-list.blade.php
View File

@ -1,21 +1,23 @@
@if(count($entities) > 0)
@foreach($entities as $index => $entity)
@if($entity->isA('page'))
@include('pages/list-item', ['page' => $entity])
@elseif($entity->isA('book'))
@include('books/list-item', ['book' => $entity])
@elseif($entity->isA('chapter'))
@include('chapters/list-item', ['chapter' => $entity, 'hidePages' => true])
@endif
<div class="entity-list @if(isset($size)){{ $size }}@endif">
@if(count($entities) > 0)
@foreach($entities as $index => $entity)
@if($entity->isA('page'))
@include('pages/list-item', ['page' => $entity])
@elseif($entity->isA('book'))
@include('books/list-item', ['book' => $entity])
@elseif($entity->isA('chapter'))
@include('chapters/list-item', ['chapter' => $entity, 'hidePages' => true])
@endif
@if($index !== count($entities) - 1)
<hr>
@endif
@if($index !== count($entities) - 1)
<hr>
@endif
@endforeach
@else
<p class="text-muted">
No items available
</p>
@endif
@endforeach
@else
<p class="text-muted">
No items available
</p>
@endif
</div>