Add postcast styling
Add prettyPhoto
This commit is contained in:
Jorit Tijsen
@@ -4,12 +4,16 @@
|
||||
|
||||
@section('title')
|
||||
@if ($podcast)
|
||||
{{$podcast->title}}
|
||||
Fragment gemist
|
||||
@else
|
||||
Fragment {{$title}} niet gevonden
|
||||
@endif
|
||||
@endsection
|
||||
|
||||
@section('page_class')
|
||||
post_container breadcrumb_no_border
|
||||
@endsection
|
||||
|
||||
@section('breadcrumb')
|
||||
<ul class="bread_crumb">
|
||||
<li><a title="Home" href="/">Home</a></li>
|
||||
@@ -77,157 +81,94 @@
|
||||
@endpush
|
||||
|
||||
@section('content')
|
||||
@parent
|
||||
@if ($podcast)
|
||||
<?php
|
||||
$audioUrl = url($apiUrl . 'podcast/download' . $podcast->url . "?auth=" . $podcast->auth);
|
||||
$popoutUrl = route('luister.podcast') . $podcast->url . '?auth=' . $podcast->auth;
|
||||
?>
|
||||
|
||||
<div class="row page_margin_top">
|
||||
<div class="column column_2_3">
|
||||
<div class="row">
|
||||
<div class="post single small_image">
|
||||
<h1>Fragment gemist</h1>
|
||||
<ul class="post_details clearfix">
|
||||
<li class="detail date">{{ Formatter::relativeDate($podcast->created) }}</li>
|
||||
@if($podcast->program)
|
||||
<li class="detail"><a
|
||||
href="{{ route('programma') . $podcast->program->url }}">{{ $podcast->program->name }}</a>
|
||||
<div class="">
|
||||
<div class="row news_post">
|
||||
<div class="col-12 col-md content_container">
|
||||
<div class="box full-width post single small_image">
|
||||
<h1 class="page_title">{{$podcast->title}}</h1>
|
||||
<div class="post_body">
|
||||
<ul class="post_details clearfix">
|
||||
<li class="detail date">
|
||||
<i class="fa-regular fa-clock"></i>
|
||||
{{ Formatter::relativeDate($podcast->created) }}
|
||||
</li>
|
||||
@endif
|
||||
</ul>
|
||||
@if($podcast->program)
|
||||
<li class="detail author">
|
||||
<a href="{{ route('programma') . $podcast->program->url }}">{{ $podcast->program->name }}</a>
|
||||
</li>
|
||||
@endif
|
||||
</ul>
|
||||
|
||||
<div class="announcement">
|
||||
<audio controls autoplay="true">
|
||||
<source src="{{$audioUrl}}" type="audio/mpeg"/>
|
||||
</audio>
|
||||
<div class="clearfix">
|
||||
<a class="action_button" href="{{$audioUrl}}" title="Download dit fragment als MP3">
|
||||
<span class="fa fa-download"></span>
|
||||
<span>Download fragment</span>
|
||||
</a>
|
||||
<a class="action_button player" href="{{$popoutUrl}}">
|
||||
<span class="fa fa-external-link-alt"></span>
|
||||
<span>Luister in nieuw venster</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content_box clearfix section_margin_top">
|
||||
|
||||
@if($podcast->image)
|
||||
<div class="post_image_box">
|
||||
<a href="{{$imgBase . $podcast->image->url}}" class="post_image prettyPhoto"
|
||||
rel="prettyPhoto" title="{{$podcast->image->title}}">
|
||||
<img src="{{$imgBase . $podcast->image->url}}"
|
||||
title="{{$podcast->image->title}}" style="display: block;"/>
|
||||
<div class="announcement">
|
||||
<audio controls autoplay="true">
|
||||
<source src="{{$audioUrl}}" type="audio/mpeg"/>
|
||||
</audio>
|
||||
<div class="clearfix">
|
||||
<a class="action_button btn" href="{{$audioUrl}}" title="Download dit fragment als MP3">
|
||||
<span>Download fragment</span>
|
||||
</a>
|
||||
<a class="action_button btn player" href="{{$popoutUrl}}">
|
||||
<span>Luister in nieuw venster</span>
|
||||
</a>
|
||||
<div class="sentence">
|
||||
<span class="text">{{$podcast->image->title}}</span>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
<div class="post_content page_margin_top_section ">
|
||||
<h3>{!!$podcast->content!!}</h3>
|
||||
</div>
|
||||
|
||||
<div class="content_box clearfix section_margin_top">
|
||||
|
||||
@if($podcast->image)
|
||||
<div class="post_image_box">
|
||||
<a href="{{$imgBase . $podcast->image->url}}" class="post_image prettyPhoto"
|
||||
rel="prettyPhoto" title="{{$podcast->image->title}}">
|
||||
<img src="{{$imgBase . $podcast->image->url}}"
|
||||
title="{{$podcast->image->title}}" style="display: block;"/>
|
||||
</a>
|
||||
<div class="sentence">
|
||||
<span class="text">{{$podcast->image->title}}</span>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
<div class="post_content page_margin_top_section ">
|
||||
<h3 class="excerpt">{!!$podcast->content!!}</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!--
|
||||
<div class="row page_margin_top">
|
||||
<div class="share_box clearfix">
|
||||
<label>Share:</label>
|
||||
<ul class="social_icons clearfix">
|
||||
<li>
|
||||
<a target="_blank" title="" href="http://facebook.com/QuanticaLabs" class="social_icon facebook">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" title="" href="https://twitter.com/QuanticaLabs" class="social_icon twitter">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="mailto:contact@pressroom.com" class="social_icon mail">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="#" class="social_icon skype">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon envato">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="#" class="social_icon instagram">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="#" class="social_icon pinterest">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
-->
|
||||
</div>
|
||||
<div class="column column_1_3">
|
||||
<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' => $podcasts])
|
||||
<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
|
||||
|
||||
@if(count($related) > 1)
|
||||
<h4 class="box_header page_margin_top_section">Meer uit deze uitzending</h4>
|
||||
<div class="vertical_carousel_container clearfix">
|
||||
<ul class="blog podcasts vertical_carousel" id="related_items">
|
||||
@foreach($related as $relatedItem)
|
||||
@if($relatedItem->id == $podcast->id)
|
||||
@continue
|
||||
@endif
|
||||
<li class="post">
|
||||
<div class="post_content">
|
||||
<h5>
|
||||
<a href="{{ route('gemist.fragment') . $relatedItem->url }}"
|
||||
title="{{$relatedItem->title}}">
|
||||
<span class="fa fa-chevron-circle-right"></span>
|
||||
{{$relatedItem->titleWithoutProgram()}}
|
||||
</a>
|
||||
</h5>
|
||||
<p class="post_details simple" title="{{$relatedItem->content}}">
|
||||
{{Formatter::excerpt($relatedItem->content, 80)}}
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
<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>
|
||||
<a href="{{route('gemist.programma') . $podcast->program->url}}"
|
||||
class="more">Meer {{$podcast->program->name}}</a>
|
||||
@endif
|
||||
|
||||
|
||||
<h4 class="box_header page_margin_top_section">Meer fragmenten</h4>
|
||||
<nav>
|
||||
<ul class="blog podcasts">
|
||||
<li class="post">
|
||||
<a href="{{route('gemist')}}" class="read_more">
|
||||
<span class="arrow"></span>
|
||||
<span>Alle recente fragmenten</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<div style="width: 100%;height: 275px;margin: 11px auto 50px auto;background-color: #efefef;"></div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
@endsection
|
||||
|
||||
Reference in New Issue
Block a user