Update discover pages

This commit is contained in:
Daniel Supernault 2019-03-02 00:19:50 -07:00
parent eeda463756
commit 7d30a29227
No known key found for this signature in database
GPG key ID: 0DEF1C662C9033F7
3 changed files with 6 additions and 68 deletions

View file

@ -18,10 +18,12 @@ background: linear-gradient(to right, #FFC371, #FF5F6D); /* W3C, IE 10+/ Edge, F
<div class="container"> <div class="container">
<div class="pt-4 d-flex justify-content-between align-items-center"> <div class="pt-4 d-flex justify-content-between align-items-center">
<p> <p>
@if($tags->count() > 0)
<span class="font-weight-lighter pr-3">Related hashtags:</span> <span class="font-weight-lighter pr-3">Related hashtags:</span>
@foreach($tags as $hashtag) @foreach($tags as $hashtag)
<a class="btn btn-outline-secondary btn-sm py-0 pr-2" href="{{$hashtag->url()}}">#{{$hashtag->name}}</a> <a class="btn btn-outline-secondary btn-sm py-0 pr-2" href="{{$hashtag->url()}}">#{{$hashtag->name}}</a>
@endforeach @endforeach
@endif
</p> </p>
<p class="font-weight-lighter"> <p class="font-weight-lighter">
{{$posts->post_count}} posts {{$posts->post_count}} posts
@ -50,27 +52,6 @@ background: linear-gradient(to right, #FFC371, #FF5F6D); /* W3C, IE 10+/ Edge, F
@endforeach @endforeach
</div> </div>
</div> </div>
<div class="d-flex justify-content-center pagination-container mt-4">
{{$posts->links()}}
</div>
</div> </div>
@endsection @endsection
@push('scripts')
<script type="text/javascript">
$(document).ready(function() {
$('.pagination-container').hide();
$('.pagination').hide();
let elem = document.querySelector('.tag-timeline');
let infScroll = new InfiniteScroll( elem, {
path: '.pagination__next',
append: '.tag-timeline',
status: '.page-load-status',
history: true,
});
});
</script>
@endpush

View file

@ -2,7 +2,7 @@
@section('content') @section('content')
<div class="profile-header bg-light {{$tag->bgd ?? 'bgd-2'}}"> <div class="profile-header bg-light bgd-2">
<div class="container py-5"> <div class="container py-5">
<div class="row"> <div class="row">
<div class="col-12 col-md-3"> <div class="col-12 col-md-3">
@ -24,10 +24,12 @@
<div class="container"> <div class="container">
<div class="pt-4 d-flex justify-content-between align-items-center"> <div class="pt-4 d-flex justify-content-between align-items-center">
<p> <p>
@if($tag->hashtags->count() > 0)
<span class="font-weight-lighter pr-3">Related hashtags:</span> <span class="font-weight-lighter pr-3">Related hashtags:</span>
@foreach($tag->hashtags as $hashtag) @foreach($tag->hashtags as $hashtag)
<a class="btn btn-outline-secondary btn-sm py-0 pr-2" href="{{$hashtag->url()}}">#{{$hashtag->name}}</a> <a class="btn btn-outline-secondary btn-sm py-0 pr-2" href="{{$hashtag->url()}}">#{{$hashtag->name}}</a>
@endforeach @endforeach
@endif
</p> </p>
<p class="font-weight-lighter"> <p class="font-weight-lighter">
{{$tag->posts_count}} posts {{$tag->posts_count}} posts
@ -56,9 +58,6 @@
@endforeach @endforeach
</div> </div>
</div> </div>
<div class="d-flex justify-content-center pagination-container mt-4">
{{$posts->links()}}
</div>
</div> </div>
@endsection @endsection
@ -84,21 +83,3 @@
} }
</style> </style>
@endpush @endpush
@push('scripts')
<script type="text/javascript">
$(document).ready(function() {
$('.pagination-container').hide();
$('.pagination').hide();
let elem = document.querySelector('.tag-timeline');
let infScroll = new InfiniteScroll( elem, {
path: '.pagination__next',
append: '.tag-timeline',
status: '.page-load-status',
history: true,
});
});
</script>
@endpush

View file

@ -44,31 +44,7 @@
@endforeach @endforeach
</div> </div>
</div> </div>
<div class="d-flex justify-content-center pagination-container mt-4">
{{$posts->links()}}
</div>
</div> </div>
@endsection @endsection
@push('meta')
<meta property="og:description" content="Discover {{$tag->name}}">
@endpush
@push('scripts')
<script type="text/javascript">
$(document).ready(function() {
$('.pagination-container').hide();
$('.pagination').hide();
let elem = document.querySelector('.tag-timeline');
let infScroll = new InfiniteScroll( elem, {
path: '.pagination__next',
append: '.tag-timeline',
status: '.page-load-status',
history: true,
});
});
</script>
@endpush