NH_Gooi/nhgooi.nl
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Podcasts en lees meer... toegevoegd aan nieuwsartikelen

Browse Source
This commit is contained in:
NH Gooi
2024-06-23 23:18:38 +02:00
parent 52f38b4c00
commit 2799b1843f
4 changed files with 154 additions and 151 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
public/js/main.js vendored
View File

@@ -1,7 +0,0 @@
$(function() {
$('.podcast-player').each(function() {
var id = $(this).data('id');
var auth = $(this).data('auth');
$(this).load('/luister/fragment/inline/' + id + '?auth=' + auth);
});
});

28
resources/views/newsitem.blade.php
View File

@@ -47,30 +47,6 @@
</ul> </ul>
@if($news->podcast)
@include('widgets/mediaplayer')
<div class="announcement">
<div>
<audio controls>
<source src="{{ $url = url( $apiUrl . 'podcast/download' . $news->podcast->url . "?auth=" . $news->podcast->auth )}}" type="audio/mpeg" />
</audio>
</div>
<ul class="post_details clearfix">
<li class="detail date">
<i class="fa-regular fa-clock"></i>
{{ Formatter::relativeDate($news->podcast->created) }} uitgezonden
@if($news->podcast->program) in <a href="{{ route('programma') . $news->podcast->program->url }}">{{ $news->podcast->program->name }}</a> @endif
</li>
<li class="detail category">
<a href="{{ route('gemist.fragment') . $news->podcast->url }}">
<span class="fa "></span>
<span>Meer over dit fragment</span>
</a>
</li>
</ul>
</div>
@endif
<div class="post_content clearfix"> <div class="post_content clearfix">
<div class="content_box"> <div class="content_box">
@if($news->images) @if($news->images)
@@ -119,6 +95,10 @@
</div> </div>
@endif @endif
@if($news->podcast)
@include('widgets/podcastplayer', ['podcast' => $news->podcast])
@endif
@if($news->source && $news->source->show) @if($news->source && $news->source->show)
<div class="post-source"> <div class="post-source">
<p>Bron: {{$news->source->title}}</p> <p>Bron: {{$news->source->title}}</p>

181
resources/views/partial/nh_story.blade.php
View File

@@ -1,51 +1,51 @@
@foreach($content as $block) @foreach($content as $block)
@if($block->type == "headerRichA") @if($block->type == "headerRichA")
@php($block->image->url = isset($block->image->crops) @php($block->image->url = isset($block->image->crops)
? $block->image->crops->{'16:9'}->{'1600'} ? $block->image->crops->{'16:9'}->{'1600'}
: $block->image->crop) : $block->image->crop)
<a href="{{$block->image->url}}" class="post_image page_margin_top prettyPhoto" rel="prettyPhoto" title="{{$block->image->title}}"> <a href="{{$block->image->url}}" class="post_image page_margin_top prettyPhoto" rel="prettyPhoto"
<img src="{{$block->image->url}}" alt="{{$block->image->title}}"> title="{{$block->image->title}}">
</a> <img src="{{$block->image->url}}" alt="{{$block->image->title}}">
<div class="sentence margin_top_10"> </a>
<span class="text">{{$block->image->title}}</span> <div class="sentence margin_top_10">
@if($block->image->author) <span class="text">{{$block->image->title}}</span>
<span class="author">{{$block->image->author}}</span> @if($block->image->author)
@endif <span class="author">{{$block->image->author}}</span>
</div> @endif
@elseif($block->type == "text") </div>
<div class="text">{!!$block->text!!}</div> @elseif($block->type == "text")
@if (preg_match('!/gemist/fragment/([0-9]*)/!', $block->text, $match)) <div class="text">{!!$block->text!!}</div>
<div class="podcast-player" data-id="{{ $match[1] }}" data-auth="{{ sha1($match[1] . ':' . date('Y-m-d')) }}"></div> @elseif($block->type == "intro")
@endif <h3 class="excerpt">{!!strip_tags($block->text)!!}</h3>
@elseif($block->type == "intro") @elseif($block->type == "info")
<h3 class="excerpt">{!!strip_tags($block->text)!!}</h3> @if(strpos($block->text, "Meer nieuws uit 't Gooi?") === false)
@elseif($block->type == "info") <div class="info" style="background-color: {{$block->color}};">{!!($block->text)!!}</div>
@if(strpos($block->text, "Meer nieuws uit 't Gooi?") === false) @endif
<div class="info" style="background-color: {{$block->color}};">{!!($block->text)!!}</div> @elseif($block->type == "quote")
@endif <blockquote>
@elseif($block->type == "quote") {!!$block->text!!}
<blockquote> <div class="author">{{$block->name}}</div>
{!!$block->text!!} </blockquote>
<div class="author">{{$block->name}}</div> @elseif($block->type == "image")
</blockquote> <?php
@elseif($block->type == "image")
<?php
if(isset($block->image->imageWide)) if(isset($block->image->imageWide))
$image = $block->image->imageWide; $image = $block->image->imageWide;
else if(isset($block->image->crop)) else if(isset($block->image->crop))
$image = $block->image->crop; $image = $block->image->crop;
else if(isset($block->image->crops) && isset($block->image->crops->{'16:9'})) else if(isset($block->image->crops) && isset($block->image->crops->{'16:9'}))
foreach($block->image->crops->{'16:9'} as $image) break; foreach($block->image->crops->{'16:9'} as $image) break;
else if(isset($block->image->imageHigh)) else if(isset($block->image->imageHigh))
$image = $block->image->imageHigh; $image = $block->image->imageHigh;
else $image = null; else $image = null;
?> ?>
@if($image) @if($image)
<a class="post_image page_margin_top prettyPhoto" rel="prettyPhoto" href="{{$image}}" title="{{$block->image->title}} &copy; {{$block->image->author}}"> <a class="post_image page_margin_top prettyPhoto" rel="prettyPhoto" href="{{$image}}"
<img src="{{$image}}" class="attachment-small-slider-thumb size-small-slider-thumb wp-post-image" alt="{{$block->image->title}}" title="" style="display: block;"> title="{{$block->image->title}} &copy; {{$block->image->author}}">
</a> <img src="{{$image}}" class="attachment-small-slider-thumb size-small-slider-thumb wp-post-image"
<div class="sentence"> alt="{{$block->image->title}}" title="" style="display: block;">
<?php </a>
<div class="sentence">
<?php
$sentence = []; $sentence = [];
if (isset($block->image->caption) && $block->image->caption) { if (isset($block->image->caption) && $block->image->caption) {
$sentence[] = '<span class="text">' . $block->image->caption . '</span>'; $sentence[] = '<span class="text">' . $block->image->caption . '</span>';
@@ -57,52 +57,87 @@
} }
$sentence = join('<span class="separator">|</span>', $sentence); $sentence = join('<span class="separator">|</span>', $sentence);
?> ?>
{!!$sentence!!} {!!$sentence!!}
</div> </div>
@endif @endif
@elseif($block->type == "video" || $block->type == "headerVideo") @elseif($block->type == "video" || $block->type == "headerVideo")
@include('widgets/mediaplayer') @include('widgets/mediaplayer')
<?php <?php
$attr = ''; $attr = '';
if (isset($block->video->images[0]->imageMedia) && $block->video->images[0]->imageMedia) { if (isset($block->video->images[0]->imageMedia) && $block->video->images[0]->imageMedia) {
$attr = ' poster="' . $block->video->images[0]->imageMedia . '"'; $attr = ' poster="' . $block->video->images[0]->imageMedia . '"';
} }
?> ?>
<video controls{!!$attr!!}> <video controls{!!$attr!!}>
@foreach($block->video->streams as $stream) @foreach($block->video->streams as $stream)
<source src="{!!$stream->stream_url!!}" type="application/x-mpegurl" /> <source src="{!!$stream->stream_url!!}" type="application/x-mpegurl" />
@endforeach @endforeach
</video> </video>
<div class="sentence"> <div class="sentence">
<span class="author">{{$block->video->author}}</span> <span class="author">{{$block->video->author}}</span>
</div> </div>
@elseif($block->type == "carousel") @elseif($block->type == "carousel")
<div class="horizontal_carousel_container gallery"> <div class="horizontal_carousel_container gallery">
<ul class="horizontal_carousel visible-5 autoplay-1 scroll-1 navigation-1 easing-easeInOutQuint duration-750"> <ul class="horizontal_carousel visible-5 autoplay-1 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
@foreach($block->items as $image) @foreach($block->items as $image)
<?php <?php
if(isset($image->image->imageWide)) if(isset($image->image->imageWide))
$img = $image->image->imageWide; $img = $image->image->imageWide;
else if(isset($block->image->crop)) else if(isset($block->image->crop))
$image = $block->image->crop; $image = $block->image->crop;
else if(isset($image->image->crops) && isset($image->image->crops->{'16:9'})) else if(isset($image->image->crops) && isset($image->image->crops->{'16:9'}))
foreach($image->image->crops->{'16:9'} as $img) break; foreach($image->image->crops->{'16:9'} as $img) break;
else if(isset($image->image->imageHigh)) else if(isset($image->image->imageHigh))
$img = $image->image->imageHigh; $img = $image->image->imageHigh;
else $img = null; else $img = null;
?> ?>
@if($img) @if($img)
<li> <li>
<a href="{{$img}}" class="post_image prettyPhoto" rel="prettyPhoto[gallery]" title="{{$image->image->title}} &copy; {{$image->image->author}}"> <a href="{{$img}}" class="post_image prettyPhoto" rel="prettyPhoto[gallery]"
<img src="{{$img}}" alt="{{$image->image->title}}" title="{{$image->image->title}}"> title="{{$image->image->title}} &copy; {{$image->image->author}}">
</a> <img src="{{$img}}" alt="{{$image->image->title}}" title="{{$image->image->title}}">
</li> </a>
</li>
@endif @endif
@endforeach @endforeach
</ul> </ul>
</div> </div>
@elseif($block->type == "oembed") @elseif($block->type == "oembed")
<div class="oembed" data-url="{{$block->url}}">{!!$block->html!!}</div> <div class="oembed" data-url="{{$block->url}}">{!!$block->html!!}</div>
@endif @elseif($block->type == "podcast" && $block->id == $news->podcast?->id)
@endforeach @include('widgets/podcastplayer', ['podcast' => $news->podcast])
<? $news->podcast = null; // Avoid adding the player again ?>
@elseif($block->type == 'article' && count($block->articles))
<div class="block">
<h4 class="box_header"><span>{{ $block->title }}</span></h4>
<div class="box full-width">
<ul id="items-more-news" class="blog">
@foreach($block->articles as $article)
<? $article->published = new \DateTime($article->published) ?>
<li class="post">
<div class="row">
@if($article->image)
<div class="col-4">
<a href="{{ route('nieuws.detail', ['id' => $article->id, 'title' => $article->slug]) }}"
title="{{ $article->title }}">
<img src="{{ $article->image }}" alt="{{ $article->image_title }}">
</a>
</div>
@endif
<div class="col-8">
<h2 class="post_title"><a class="clipText clipText-3"
href="{{ route('nieuws.detail', ['id' => $article->id, 'title' => $article->slug]) }}"
title="{!! $article->title !!}">{!! $article->title !!}</a></h2>
<span class="post_date" title="Vandaag om 09:30">
<i class="fa-regular fa-clock"></i>
{{Formatter::relativeDate($article->published)}} om {{$article->published->format('H:i')}}
</span>
</div>
</div>
</li>
@endforeach
</ul>
</div>
</div>
@endif
@endforeach

89
resources/views/widgets/podcastplayer.blade.php
View File

@@ -1,61 +1,56 @@
<div class="content pt-2"> <div class="content pt-2">
@if($podcast == null) @if($podcast == null)
<span>De podcast kan helaas (op dit moment) niet weergegeven worden.</span> <span>De podcast kan helaas (op dit moment) niet weergegeven worden.</span>
@else @else
@include('widgets/mediaplayer') @include('widgets/mediaplayer')
@if ($podcast) @if ($podcast)
<?php <?php
$audioUrl = url($apiUrl . 'podcast/download' . $podcast->url . "?auth=" . $podcast->auth); $audioUrl = url($apiUrl . 'podcast/download' . $podcast->url . "?auth=" . $podcast->auth);
$popoutUrl = route('luister.podcast') . $podcast->url . '?auth=' . $podcast->auth; $popoutUrl = route('luister.podcast') . $podcast->url . '?auth=' . $podcast->auth;
?> ?>
<div class="announcement p-3"> <div class="announcement p-3">
<h3 class="page_title">{{$podcast->title}}</h3> <h3 class="page_title">{{$podcast->title}}</h3>
<div class="post_body"> <div class="post_body">
<ul class="post_details clearfix"> <ul class="post_details clearfix">
<li class="detail date"> <li class="detail date">
<i class="fa-regular fa-clock"></i> <i class="fa-regular fa-clock"></i>
{{ Formatter::relativeDate($podcast->created) }} {{ Formatter::relativeDate($podcast->created) }}
</li> </li>
@if($podcast->program) @if($podcast->program)
<li class="detail author"> <li class="detail author">
<a href="{{ route('programma') . $podcast->program->url }}">{{ $podcast->program->name }}</a> <a href="{{ route('programma') . $podcast->program->url }}">{{ $podcast->program->name }}</a>
</li> </li>
@endif @endif
</ul> </ul>
<audio controls> <audio controls>
<source src="{{$audioUrl}}" type="audio/mpeg"/> <source src="{{$audioUrl}}" type="audio/mpeg" />
</audio> </audio>
<div class="clearfix"> <div class="clearfix">
<a class="action_button btn" href="{{$audioUrl}}" title="Download dit fragment als MP3"> <a class="action_button btn" href="{{$audioUrl}}" title="Download dit fragment als MP3">
<span>Download fragment</span> <span>Download fragment</span>
</a> </a>
<a class="action_button btn player" href="{{$popoutUrl}}"> <a class="action_button btn player" href="{{$popoutUrl}}">
<span>Luister in nieuw venster</span> <span>Luister in nieuw venster</span>
</a> </a>
</div> </div>
<div class="row content_box clearfix mt-2">
@if($podcast->image)
<div class="col-3">
<img src="{{$imgBase . $podcast->image->url}}"
title="{{$podcast->image->title}}" style="display: block; width: 100%;"/>
<div class="sentence">
<span class="text">{{$podcast->image->title}}</span>
</div>
</div>
@endif
<div class="col excerpt">{!!$podcast->content!!}</div>
</div>
</div>
</div>
</div>
<div class="row content_box clearfix mt-2">
@if($podcast->image)
<div class="col-3">
<img src="{{$imgBase . $podcast->image->url}}" title="{{$podcast->image->title}}"
style="display: block; width: 100%;" />
<div class="sentence">
<span class="text">{{$podcast->image->title}}</span>
</div> </div>
</div> </div>
@endif
<div class="col excerpt">{!!$podcast->content!!}</div>
</div>
</div> </div>
@endif
@endif
</div>
@endif
@endif
</div>