Styled pages missed program and fragment missed
This commit is contained in:
Jorit Tijsen
@@ -1,109 +1,119 @@
|
||||
@extends('layouts/sidebar')
|
||||
@extends('layouts/full')
|
||||
|
||||
@section('title')
|
||||
Fragment gemist
|
||||
Fragment gemist
|
||||
@endsection
|
||||
|
||||
@section('page_class')post_container @endsection
|
||||
@section('page_class')
|
||||
post_container
|
||||
@endsection
|
||||
|
||||
@section('breadcrumb')
|
||||
@if(isset($program))
|
||||
<ul class="bread_crumb">
|
||||
<li><a title="Fragment gemist" href="{{url('radio/gemist')}}">Fragment gemist</a></li>
|
||||
<li class="separator icon_small_arrow right_gray"> </li>
|
||||
<li>{{$program->name}}</li>
|
||||
</ul>
|
||||
@endif
|
||||
@if(isset($program))
|
||||
<ul class="bread_crumb">
|
||||
<li><a title="Home" href="/">Home</a></li>
|
||||
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
|
||||
<li><a title="Fragment gemist" href="{{url('gemist.fragment')}}">Fragment gemist</a></li>
|
||||
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
|
||||
<li>{{$program->name}}</li>
|
||||
</ul>
|
||||
@else
|
||||
<ul class="bread_crumb">
|
||||
<li><a title="Home" href="/">Home</a></li>
|
||||
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
|
||||
<li>Fragment gemist</li>
|
||||
</ul>
|
||||
@endif
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
@parent
|
||||
<div class="">
|
||||
<div class="row news_post post_container">
|
||||
<div class="col-12 col-md content_container">
|
||||
<div id="gemist_tabs" class="no_scroll clearfix">
|
||||
<div class="tabs fit_content">
|
||||
<h4 class="box_header">
|
||||
<a href="{{route('gemist.programma')}}" title="Programma gemist">
|
||||
<span>Programma gemist</span>
|
||||
</a>
|
||||
</h4>
|
||||
<h4 class="box_header active">
|
||||
<a href="{{route('gemist.fragment')}}" title="Fragment gemist">
|
||||
<span>Fragment gemist</span>
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
@if(isset($program))
|
||||
<h2>{{$program->name}}</h2>
|
||||
<p class="align-right">
|
||||
<a href="{{route('gemist')}}" title="Alle programma's" class="btn btn-info">← Toon
|
||||
alles</a>
|
||||
<a href="{{route('programma') . $program->url}}" title="{{$program->name}}"
|
||||
class="btn btn-info">Programmainfo</a>
|
||||
</p>
|
||||
@else
|
||||
<p class="page_body">Hele uitzendingen kunt u binnen twee weken terugluisteren via <a
|
||||
href="{{route('gemist.programma')}}">programma gemist</a>.<br /><br />
|
||||
@endif
|
||||
|
||||
<div id="gemist_tabs" class="no_scroll clearfix">
|
||||
<div class="tabs fit_content">
|
||||
<h4 class="box_header">
|
||||
<a href="{{route('gemist.programma')}}" title="Programma gemist">
|
||||
<span>Programma gemist</span>
|
||||
</a>
|
||||
</h4>
|
||||
<h4 class="box_header active">
|
||||
<a href="{{route('gemist.fragment')}}" title="Fragment gemist">
|
||||
<span>Fragment gemist</span>
|
||||
</a>
|
||||
</h4>
|
||||
@if(isset($podcasts))
|
||||
|
||||
<div class="clearfix podcast_items">
|
||||
@include('partial/podcastitems', [
|
||||
'li' => [
|
||||
'class' => 'col-12 col-md-6'
|
||||
],
|
||||
'content' => [
|
||||
'class' => 'box full_width flex-column d-flex',
|
||||
'style' => 'height: 300px'
|
||||
],
|
||||
'ul' => [
|
||||
'class' => 'row overview'
|
||||
],
|
||||
'body' => [
|
||||
'show' => true,
|
||||
'class' => 'clipText'
|
||||
],
|
||||
'actionButton' => [
|
||||
'class' => 'd-flex flex-column justify-content-end flex-grow-1'
|
||||
],
|
||||
'showAction' => true,
|
||||
'podcasts' => array_slice($podcasts, 0, 8)])
|
||||
</div>
|
||||
|
||||
@else
|
||||
|
||||
<p class="page_body">Er zijn geen fragmenten beschikbaar.</p>
|
||||
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-md-auto sidebar">
|
||||
@if ((isset($podcasts)))
|
||||
<div data-tabs>
|
||||
<div class="tabs">
|
||||
<h4 data-tab-content-id="tab_more_fragmenten"
|
||||
class="box_header extra_small flex-grow-1 active"><span>Meer fragmenten</span>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="tab_more_fragmenten" class="box tab_content podcast_items active">
|
||||
@include('partial/podcastitems', ['id' => 'items-podcasts', 'showTime' => false, 'showImage' => false, 'podcasts' => array_slice($podcasts, 8)])
|
||||
<a class="btn auto_width" id="meer-nieuws-more-podcast" href="#"
|
||||
data-loadmorenews='{"container":["#items-podcasts"]}'>
|
||||
<span class="fas fa-spinner fa-spin" id="loading"></span>
|
||||
Meer fragmenten
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div style="width: 100%; font-family: Nunito,serif;font-size: 12px;font-weight: 500;line-height: 3.17;text-align: center;color: #666;">
|
||||
- Advertentie -
|
||||
</div>
|
||||
<div style="width: 100%;height: 275px;margin: 11px auto 50px auto;background-color: #efefef;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if(isset($program))
|
||||
<h2>{{$program->name}}</h2>
|
||||
<p class="align-right">
|
||||
<a href="{{route('gemist')}}" title="Alle programma's" class="btn btn-info">← Toon alles</a>
|
||||
<a href="{{route('programma') . $program->url}}" title="{{$program->name}}" class="btn btn-info">Programmainfo</a>
|
||||
</p>
|
||||
@else
|
||||
<p class="page_body">Hele uitzendingen kunt u binnen twee weken terugluisteren via <a href="{{route('gemist.programma')}}">programma gemist</a>.
|
||||
@endif
|
||||
|
||||
@if($podcasts)
|
||||
|
||||
<div class="page_layout clearfix">
|
||||
<div class="row grid" id="items">
|
||||
@include('partial.podcastitems', ['podcasts' => $podcasts])
|
||||
</div><!--/.row-->
|
||||
</div>
|
||||
|
||||
<div id="loading" style="display: none">
|
||||
<div class="progress progress-striped active">
|
||||
<div class="progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
|
||||
<b>Meer podcasts aan het ophalen...</b>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@push('scripts')
|
||||
<script>
|
||||
var page = 1;
|
||||
var isLoading = 0;
|
||||
var $items = $('#items');
|
||||
var $isLoading = $('#loading');
|
||||
$(function() {
|
||||
$(window).scroll(function () {
|
||||
var $this = $(this);
|
||||
var tweak = 10;
|
||||
|
||||
if(!isLoading && (page > 0) && ($this.scrollTop() >= $items.height() - $this.height() - tweak))
|
||||
{
|
||||
isLoading = 1;
|
||||
$isLoading.show();
|
||||
$.ajax({ url: document.location.pathname + '?pagina=' + (++page) })
|
||||
.always(function() { isLoading = 0; $isLoading.hide(); })
|
||||
.done(function(data) {
|
||||
if(!data) {
|
||||
if(page > 1) $items.append("<hr /><p class=\"page_body\">Er zijn geen podcasts (meer).</p>");
|
||||
page = -1;
|
||||
return;
|
||||
}
|
||||
$newPage = $("<div />").append(data);
|
||||
$items.append($newPage);
|
||||
$newPage.find("audio, video").mediaelementplayer({ stretching: 'responsive' });
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
@else
|
||||
|
||||
<p class="page_body">Er zijn geen fragmenten beschikbaar.</p>
|
||||
|
||||
@endif
|
||||
|
||||
@endsection
|
||||
|
||||
@push('styles')
|
||||
<style>
|
||||
#gemist_tabs li {
|
||||
width: 50%;
|
||||
}
|
||||
</style>
|
||||
@endpush
|
||||
|
||||
Reference in New Issue
Block a user