249f7a7d4c
Change logo Add luister and kijk icons Tip de streekredactie points to whatsapp 088-8505651 Add s to Podcast Removed waterschapsverkiezingen from menu Podcast autoplay disabled Remove Gooische Courant and NH Nieuws Changed NH Gooi to Over NH Gooi Added padding and border-radios to homepage posts Changed header 12px to 14px Add now and next programs to homepage Add new button to programs Changed contact text Add fallback image to program guide Make items height equally in program guide
129 lines
5.5 KiB
PHP
129 lines
5.5 KiB
PHP
@extends('layouts/full')
|
|
|
|
@section('title')
|
|
Programma gemist
|
|
@endsection
|
|
|
|
@section('page_class')news_post post_container @endsection
|
|
|
|
@section('breadcrumb')
|
|
@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')}}">Programma 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>Programma gemist</li>
|
|
</ul>
|
|
@endif
|
|
@endsection
|
|
|
|
@section('content')
|
|
<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 active">
|
|
<a href="{{route('gemist.programma')}}" title="Programma gemist">
|
|
<span>Programma gemist</span>
|
|
</a>
|
|
</h4>
|
|
<h4 class="box_header">
|
|
<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">U kunt programma's terugluisteren tot twee weken na uitzending. Items blijven onbeperkt beschikbaar via <a href="{{route('gemist.fragment')}}">fragment gemist</a>.<br /><br />
|
|
@endif
|
|
|
|
@if(isset($programs))
|
|
|
|
<div class="clearfix podcast_items">
|
|
@include('partial/programitems', [
|
|
'li' => [
|
|
'class' => 'col-12 col-md-6'
|
|
],
|
|
'content' => [
|
|
'class' => 'box full_width flex-column d-flex',
|
|
'style' => 'height: 270px'
|
|
],
|
|
'ul' => [
|
|
'class' => 'row overview'
|
|
],
|
|
'body' => [
|
|
'show' => true,
|
|
'class' => 'clipText clipText-5'
|
|
],
|
|
'actionButton' => [
|
|
'class' => 'd-flex flex-column justify-content-end flex-grow-1'
|
|
],
|
|
'showAction' => true,
|
|
'showTime' => true,
|
|
'programs' => array_slice($programs, 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($programs)))
|
|
<div data-tabs>
|
|
<div class="tabs">
|
|
<h4 data-tab-content-id="tab_more_fragmenten"
|
|
class="box_header 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/programitems', ['id' => 'items-programs', 'showTime' => true, 'programs' => array_slice($programs, 8)])
|
|
<a class="btn auto_width" id="meer-nieuws-more-programs" href="#"
|
|
data-loadmorenews='{"container":["#items-programs"]}'>
|
|
<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>
|
|
<style>
|
|
@keyframes tilt-shaking {
|
|
0% { transform: rotate(0deg); }
|
|
25% { transform: rotate(5deg); }
|
|
50% { transform: rotate(0deg); }
|
|
75% { transform: rotate(-5deg); }
|
|
100% { transform: rotate(0deg); }
|
|
}
|
|
.post_container .post_tags li a {
|
|
animation: tilt-shaking 1s linear infinite;
|
|
}
|
|
</style>
|
|
@endsection
|