Nieuws layout

This commit is contained in:
2020-01-17 01:55:00 +01:00
parent 1294824faa
commit d3ffa07d2f
31 changed files with 1154 additions and 372 deletions

View File

@@ -20,8 +20,14 @@ class NewsController extends Controller
case 2:
$newsItem = $apiResult->news;
$newsItem->published = new \DateTimeImmutable('@' . $newsItem->created);
return view('newsitem_nh', ['news' => $newsItem, 'podcast' => $apiResult->podcast]);
$source = $apiResult->source;
$newsItem->published = new \DateTimeImmutable('@' . $source->created);
$newsItem->edited = new \DateTimeImmutable('@' . $source->updated);
$newsItem->author = $source->author;
$newsItem->images = null; // Images will be embedded
$newsItem->video = null; // Videos will be embedded
$newsItem->content = $source->blocks;
return view('newsitem', ['news' => $newsItem]);
}
}
@@ -55,7 +61,7 @@ class NewsController extends Controller
$news[] = new \Model\NewsItem($newsItem);
}
return view($request->ajax() ? 'newslistitems' : 'newslist', ['title' => $title, 'news' => $news, 'searchURL' => 'nieuws/zoeken']);
return view($request->ajax() ? 'partial/newslist_small' : 'newslist', ['title' => $title, 'news' => $news, 'searchURL' => 'nieuws/zoeken']);
}
public function popular()

View File

@@ -31,6 +31,19 @@ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
border-color: #2F4A88;
}
button[disabled],
button[disabled]:hover
{
background-color: #F0F0F0;
border-color: #D0D0D0;
color: #333333;
cursor: default;
}
.blog_grid .post img {
height: 100%;
}
.post.single .post_details a {
color: #1F3977;
}
@@ -38,7 +51,11 @@ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
.post_details li.category
{
font-weight: bold;
background: #03A6E0;
background-color: #03A6E0;
}
.post_details date.edited {
font-weight: bold;
}
.read_more .arrow {
@@ -65,6 +82,9 @@ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
padding-top: 5px;
}
.post.single {
width: 100%;
}
.action_button
{

View File

@@ -1,11 +1,11 @@
@extends('page')
@extends('layouts/full')
@section('title')
Over 6FM
@endsection
@section('content')
<h1>Over 6FM</h1><P>
@parent
6FM is de publieke streekomroep voor Gooi en Vechtstreek. We zijn 24 uur per dag te horen in de ether op 92.0 FM/105.1 FM, op de kabel in Huizen, Laren, Blaricum en Eemnes op 92.3 FM en in Hilversum op 106.2 FM.<br><br>
Bij 6FM zijn op de radio en achter de schermen ruim 100 vrijwilligers actief. <br><br>

View File

@@ -1,11 +1,11 @@
@extends('page')
@extends('layouts/full')
@section('title')
Adverteren
@endsection
@section('content')
<h1>Adverteren</h1>
@parent
<p>
6FM biedt (plaatselijke) ondernemers de mogelijkheid om hun producten en/of diensten onder aandacht te brengen bij de luisteraars van Radio 6FM. De scherpe tarieven zijn op aanvraag verkrijgbaar bij Radio 6FM.
</p>

View File

@@ -1,4 +1,4 @@
@extends('page')
@extends('layouts/full')
@section('title')
Regioagenda | {{$event->title}}
@@ -6,6 +6,7 @@
@section('content')
@parent
<article class="article-content" itemscope itemtype="http://schema.org/Article">
<div class="article-header">
<div class="article-meta clearfix">

View File

@@ -1,11 +1,11 @@
@extends('page')
@extends('layouts/full')
@section('title')
Regioagenda
@endsection
@section('content')
<h1>Regioagenda</h1>
@parent
@if(!count($events))
<p>Er zijn geen items in de regioagenda. Iets te melden? Mail het naar {{Html::mailto("info@6fm.nl")}}.</p>

View File

@@ -1,11 +1,11 @@
@extends('page')
@extends('layouts/full')
@section('title')
Neem contact op
@endsection
@section('content')
<h1>Contact</h1><P>
@parent
Neem contact op met Radio 6FM. De streekomroep voor Hilversum, Huizen, Blaricum, Eemnes en Laren. Radio 6FM hoor je in heel Gooi en Eemland op 92.0 FM, 105.1 FM en 106.2 FM.<br><br>
<B>Het postadres van Radio 6FM is: </B><br>

View File

@@ -1,10 +1,9 @@
@extends('master')
@extends('layouts/full')
@section('title', 'Home')
@section('content')
<div class="clearfix" style="height: 15px;"></div>
@parent
<div class="row">
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 wow bounceInUp">

View File

@@ -1,52 +1,43 @@
@extends('page')
@extends('layouts/sidebar')
@section('title')
Zondagsdienst
@endsection
@include('_mediaplayer')
@include('widgets/mediaplayer')
@section('content')
<div class="page_layout">
<div class="page_margin_top">
<h1>Zondagsdienst</h1>
</div>
<div class="clearfix">
@if($kerkdienst->isRunning)
<p class="intro"><strong>
Vandaag wordt een dienst uitgezonden @if($kerkdienst->previous->name) vanuit de {{$kerkdienst->previous->name}}@endif.
Aanvang: {{$kerkdienst->previous->start->format('H:i')}} uur.
</strong></p>
@else
<p>
De kerkdienst van {{Formatter::fullDate($kerkdienst->previous->start, 'd m')}} werd uitgezonden @if($kerkdienst->previous->name) vanuit de {{$kerkdienst->previous->name}}@endif.
</p>
<p>
<audio controls>
<source src="{{ url( $apiUrl . 'kerkdienst/download' ) }}" type="audio/mpeg" />
</audio>
</p>
<p>
<a href="{{$url = url('kerkdienst/luister')}}" target="_radioplayer" class="action_button" onclick="window.open('{{$url}}', '_radioplayer','width=400,height=400'); return false;"><span class="fa fa-external-link-alt"></span> <span>Luister in nieuw venster</span></a>
<a href="{{$url = url($apiUrl . 'kerkdienst/download')}}" class="action_button"><span class="fa fa-download"></span> <span>Download als MP3</span></a>
</p>
</div>
<div>
<h3 class="page_margin_top">Volgende dienst</h3>
<p>
De eerstvolgende dienst wordt uitgezonden
op <strong>{{Formatter::fullDate($kerkdienst->next->start, 'd m')}} om {{$kerkdienst->next->start->format('H:i')}} uur</strong>
@if($kerkdienst->next->name) vanuit de {{$kerkdienst->next->name}}@endif.
</p>
@endif
<p>
Zondagochtend van 9:00 tot 12:00 uur kunt u live meeluisteren naar het programma Kerk &amp; Samenleving via de link
<a href="{{$live = url('luister/live')}}" target="_radioplayer" class="" onclick="window.open('{{$live}}', '_radioplayer','width=400,height=400'); return false;"><span class="fa fa-play"></span> <span>Luister live</span></a>.
</p>
<p>
Vanaf {{$kerkdienst->isRunning ? "vanmiddag" : "zondagmiddag" }} 12:00 uur is de dienst op deze pagina terug te luisteren.
</p>
</div>
</div>
</div>
@if($kerkdienst->isRunning)
<p class="intro"><strong>
Vandaag wordt een dienst uitgezonden @if($kerkdienst->previous->name) vanuit de {{$kerkdienst->previous->name}}@endif.
Aanvang: {{$kerkdienst->previous->start->format('H:i')}} uur.
</strong></p>
@else
<p>
De kerkdienst van {{Formatter::fullDate($kerkdienst->previous->start, 'd m')}} werd uitgezonden @if($kerkdienst->previous->name) vanuit de {{$kerkdienst->previous->name}}@endif.
</p>
<p>
<audio controls>
<source src="{{ url( $apiUrl . 'kerkdienst/download' ) }}" type="audio/mpeg" />
</audio>
</p>
<p>
<a href="{{$url = url('kerkdienst/luister')}}" target="_radioplayer" class="action_button" onclick="window.open('{{$url}}', '_radioplayer','width=400,height=400'); return false;"><span class="fa fa-external-link-alt"></span> <span>Luister in nieuw venster</span></a>
<a href="{{$url = url($apiUrl . 'kerkdienst/download')}}" class="action_button"><span class="fa fa-download"></span> <span>Download als MP3</span></a>
</p>
<h3 class="page_margin_top">Volgende dienst</h3>
<p>
De eerstvolgende dienst wordt uitgezonden
op <strong>{{Formatter::fullDate($kerkdienst->next->start, 'd m')}} om {{$kerkdienst->next->start->format('H:i')}} uur</strong>
@if($kerkdienst->next->name) vanuit de {{$kerkdienst->next->name}}@endif.
</p>
@endif
<p>
Zondagochtend van 9:00 tot 12:00 uur kunt u live meeluisteren naar het programma Kerk &amp; Samenleving via de link
<a href="{{$live = url('luister/live')}}" target="_radioplayer" class="" onclick="window.open('{{$live}}', '_radioplayer','width=400,height=400'); return false;"><span class="fa fa-play"></span> <span>Luister live</span></a>.
</p>
<p>
Vanaf {{$kerkdienst->isRunning ? "vanmiddag" : "zondagmiddag" }} 12:00 uur is de dienst op deze pagina terug te luisteren.
</p>
@endsection

View File

@@ -0,0 +1,8 @@
@extends('layouts/master')
@section('content')
<div class="clearfix" style="height: 15px;"></div>
<div class="page_header clearfix page_margin_top">
<h1 class="page_title">@yield('title')</h1>
</div>
@endsection

View File

@@ -1,3 +1,6 @@
@section('page')
@yield('content')
@endsection
<!DOCTYPE html>
<html>
<head>
@@ -298,13 +301,13 @@
</div>
</div>
<div class="menu_container sticky clearfix">
@include('_menu')
@include('widgets/menu')
</div>
<!-- Content -->
<div class="page">
@yield('content')
@yield('page')
</div><!--/.page-->
<!-- Footer -->

View File

@@ -0,0 +1,307 @@
@extends('layouts/master')
@section('page')
<div class="clearfix" style="height: 15px;"></div>
<div class="page_header clearfix page_margin_top">
<h1 class="page_title">@yield('title')</h1>
</div>
<div class="page_layout clearfix">
<div class="row page_margin_top">
<div class="column column_2_3">
@yield('content')
</div>
<div class="column column_1_3">
<h4 class="box_header">Recommended</h4>
<ul class="blog small_margin clearfix">
<li class="post">
<a href="?page=post_gallery" title="The Public Health Crisis Hiding in Our Food">
<span class="icon gallery"></span>
<img src='images/samples/510x187/image_12.jpg' alt='img'>
</a>
<div class="post_content">
<h5>
<a href="?page=post_gallery" title="The Public Health Crisis Hiding in Our Food">The Public Health Crisis Hiding in Our Food</a>
</h5>
<ul class="post_details simple">
<li class="category"><a href="?page=category&amp;cat=health" title="HEALTH">HEALTH</a></li>
<li class="date">
10:11 PM, Feb 02
</li>
</ul>
</div>
</li>
<li class="post">
<a href="?page=post" title="The Public Health Crisis Hiding in Our Food">
<img src='images/samples/510x187/image_01.jpg' alt='img'>
</a>
<div class="post_content">
<h5>
<a href="?page=post" title="The Public Health Crisis Hiding in Our Food">Climate Change Debate While Britain Floods</a>
</h5>
<ul class="post_details simple">
<li class="category"><a href="?page=category&amp;cat=world" title="WORLD">WORLD</a></li>
<li class="date">
10:11 PM, Feb 02
</li>
</ul>
</div>
</li>
<li class="post">
<a href="?page=post" title="New Painkiller Rekindles Addiction Concerns">
<img src='images/samples/510x187/image_14.jpg' alt='img'>
</a>
<div class="post_content">
<h5>
<a href="?page=post" title="New Painkiller Rekindles Addiction Concerns">New Painkiller Rekindles Addiction Concerns</a>
</h5>
<ul class="post_details simple">
<li class="category"><a href="?page=category&amp;cat=world" title="WORLD">WORLD</a></li>
<li class="date">
10:11 PM, Feb 02
</li>
</ul>
</div>
</li>
</ul>
<h4 class="box_header page_margin_top_section">Latest Posts</h4>
<div class="vertical_carousel_container clearfix">
<ul class="blog small vertical_carousel autoplay-1 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
<li class="post">
<a href="?page=post_gallery" title="Study Linking Illnes and Salt Leaves Researchers Doubtful">
<span class="icon small gallery"></span>
<img src='images/samples/100x100/image_06.jpg' alt='img'>
</a>
<div class="post_content">
<h5>
<a href="?page=post_gallery" title="Study Linking Illnes and Salt Leaves Researchers Doubtful">Study Linking Illnes and Salt Leaves Researchers Doubtful</a>
</h5>
<ul class="post_details simple">
<li class="category"><a href="?page=category&amp;cat=health" title="HEALTH">HEALTH</a></li>
<li class="date">
10:11 PM, Feb 02
</li>
</ul>
</div>
</li>
<li class="post">
<a href="?page=post" title="Syrian Civilians Trapped For Months Continue To Be Evacuated">
<img src='images/samples/100x100/image_12.jpg' alt='img'>
</a>
<div class="post_content">
<h5>
<a href="?page=post" title="Syrian Civilians Trapped For Months Continue To Be Evacuated">Syrian Civilians Trapped For Months Continue To Be Evacuated</a>
</h5>
<ul class="post_details simple">
<li class="category"><a href="?page=category&amp;cat=world" title="WORLD">WORLD</a></li>
<li class="date">
10:11 PM, Feb 02
</li>
</ul>
</div>
</li>
<li class="post">
<a href="?page=post_small_image" title="Built on Brotherhood, Club Lives Up to Name">
<img src='images/samples/100x100/image_02.jpg' alt='img'>
</a>
<div class="post_content">
<h5>
<a href="?page=post_small_image" title="Built on Brotherhood, Club Lives Up to Name">Built on Brotherhood, Club Lives Up to Name</a>
</h5>
<ul class="post_details simple">
<li class="category"><a href="?page=category&amp;cat=sports" title="SPORTS">SPORTS</a></li>
<li class="date">
10:11 PM, Feb 02
</li>
</ul>
</div>
</li>
<li class="post">
<a href="?page=post_quote" title="Nuclear Fusion Closer to Becoming a Reality">
<img src='images/samples/100x100/image_13.jpg' alt='img'>
</a>
<div class="post_content">
<h5>
<a href="?page=post_quote" title="Nuclear Fusion Closer to Becoming a Reality">Nuclear Fusion Closer to Becoming a Reality</a>
</h5>
<ul class="post_details simple">
<li class="category"><a href="?page=category&amp;cat=science" title="SCIENCE">SCIENCE</a></li>
<li class="date">
10:11 PM, Feb 02
</li>
</ul>
</div>
</li>
</ul>
</div>
<div class="tabs no_scroll page_margin_top_section clearfix">
<ul class="tabs_navigation clearfix">
<li>
<a href="#sidebar-most-read" title="Most Read">
Most Read
</a>
<span></span>
</li>
<li>
<a href="#sidebar-most-commented" title="Commented">
Commented
</a>
<span></span>
</li>
</ul>
<div id="sidebar-most-read">
<ul class="blog rating page_margin_top clearfix">
<li class="post">
<a href="?page=post" title="Nuclear Fusion Closer to Becoming a Reality">
<img src='images/samples/510x187/image_12.jpg' alt='img'>
</a>
<div class="post_content">
<span class="number animated_element" data-value="6 257"></span>
<h5><a href="?page=post" title="New Painkiller Rekindles Addiction Concerns">New Painkiller Rekindles Addiction Concerns</a></h5>
<ul class="post_details simple">
<li class="category"><a href="?page=category&amp;cat=health" title="HEALTH">HEALTH</a></li>
</ul>
</div>
</li>
<li class="post">
<div class="post_content">
<span class="number animated_element" data-value="5 062"></span>
<h5><a href="?page=post_small_image" title="New Painkiller Rekindles Addiction Concerns">New Painkiller Rekindles Addiction Concerns</a></h5>
<ul class="post_details simple">
<li class="category"><a href="?page=category&amp;cat=world" title="WORLD">WORLD</a></li>
</ul>
</div>
</li>
<li class="post">
<div class="post_content">
<span class="number animated_element" data-value="4 778"></span>
<h5><a href="?page=post" title="Seeking the Right Chemistry, Drug Makers Hunt for Mergers">Seeking the Right Chemistry, Drug Makers Hunt for Mergers</a></h5>
<ul class="post_details simple">
<li class="category"><a href="?page=category&amp;cat=sports" title="SPORTS">SPORTS</a></li>
</ul>
</div>
</li>
<li class="post">
<div class="post_content">
<span class="number animated_element" data-value="754"></span>
<h5><a href="?page=post_soundcloud" title="Study Linking Illnes and Salt Leaves Researchers Doubtful">Study Linking Illnes and Salt Leaves Researchers Doubtful</a></h5>
<ul class="post_details simple">
<li class="category"><a href="?page=category&amp;cat=science" title="SCIENCE">SCIENCE</a></li>
</ul>
</div>
</li>
<li class="post">
<div class="post_content">
<span class="number animated_element" data-value="52"></span>
<h5><a href="?page=post" title="Syrian Civilians Trapped for Months Continue to be Evacuated">Syrian Civilians Trapped for Months Continue to be Evacuated</a></h5>
<ul class="post_details simple">
<li class="category"><a href="?page=category&amp;cat=science" title="SCIENCE">SCIENCE</a></li>
</ul>
</div>
</li>
</ul>
<a class="more page_margin_top" href="#">SHOW MORE</a>
</div>
<div id="sidebar-most-commented">
<ul class="blog rating page_margin_top clearfix">
<li class="post">
<a href="?page=post_small_image" title="Nuclear Fusion Closer to Becoming a Reality">
<img src='images/samples/510x187/image_02.jpg' alt='img'>
</a>
<div class="post_content">
<span class="number animated_element" data-value="70"></span>
<h5><a href="?page=post_small_image" title="New Painkiller Rekindles Addiction Concerns">New Painkiller Rekindles Addiction Concerns</a></h5>
<ul class="post_details simple">
<li class="category"><a href="?page=category&amp;cat=health" title="HEALTH">HEALTH</a></li>
</ul>
</div>
</li>
<li class="post">
<div class="post_content">
<span class="number animated_element" data-value="62"></span>
<h5><a href="?page=post" title="New Painkiller Rekindles Addiction Concerns">New Painkiller Rekindles Addiction Concerns</a></h5>
<ul class="post_details simple">
<li class="category"><a href="?page=category&amp;cat=world" title="WORLD">WORLD</a></li>
</ul>
</div>
</li>
<li class="post">
<div class="post_content">
<span class="number animated_element" data-value="30"></span>
<h5><a href="?page=post_quote" title="Seeking the Right Chemistry, Drug Makers Hunt for Mergers">Seeking the Right Chemistry, Drug Makers Hunt for Mergers</a></h5>
<ul class="post_details simple">
<li class="category"><a href="?page=category&amp;cat=sports" title="SPORTS">SPORTS</a></li>
</ul>
</div>
</li>
<li class="post">
<div class="post_content">
<span class="number animated_element" data-value="25"></span>
<h5><a href="?page=post_small_image" title="Study Linking Illnes and Salt Leaves Researchers Doubtful">Study Linking Illnes and Salt Leaves Researchers Doubtful</a></h5>
<ul class="post_details simple">
<li class="category"><a href="?page=category&amp;cat=science" title="SCIENCE">SCIENCE</a></li>
</ul>
</div>
</li>
<li class="post">
<div class="post_content">
<span class="number animated_element" data-value="4"></span>
<h5><a href="?page=post" title="Syrian Civilians Trapped for Months Continue to be Evacuated">Syrian Civilians Trapped for Months Continue to be Evacuated</a></h5>
<ul class="post_details simple">
<li class="category"><a href="?page=category&amp;cat=science" title="SCIENCE">SCIENCE</a></li>
</ul>
</div>
</li>
</ul>
<a class="more page_margin_top" href="#">SHOW MORE</a>
</div>
</div>
<h4 class="box_header page_margin_top_section">Top Authors</h4>
<ul class="authors rating clearfix">
<li class="author">
<a class="thumb" href="?page=author" title="Debora Hilton">
<img src='images/samples/Team_100x100/image_01.jpg' alt='img'>
<span class="number animated_element" data-value="34"></span>
</a>
<div class="details">
<h5><a href="?page=author" title="Debora Hilton">Debora Hilton</a></h5>
<h6>EDITOR</h6>
</div>
</li>
<li class="author">
<a class="thumb" href="?page=author" title="Anna Shubina">
<img src='images/samples/Team_100x100/image_02.jpg' alt='img'>
<span class="number animated_element" data-value="25"></span>
</a>
<div class="details">
<h5><a href="?page=author" title="Anna Shubina">Anna Shubina</a></h5>
<h6>EDITOR</h6>
</div>
</li>
<li class="author">
<a class="thumb" href="?page=author" title="Liam Holden">
<img src='images/samples/Team_100x100/image_03.jpg' alt='img'>
<span class="number animated_element" data-value="9"></span>
</a>
<div class="details">
<h5><a href="?page=author" title="Liam Holden">Liam Holden</a></h5>
<h6>PUBLISHER</h6>
</div>
</li>
<li class="author">
<a class="thumb" href="?page=author" title="Heather Dale">
<img src='images/samples/Team_100x100/image_04.jpg' alt='img'>
<span class="number animated_element" data-value="2"></span>
</a>
<div class="details">
<h5><a href="?page=author" title="Heather Dale">Heather Dale</a></h5>
<h6>ILLUSTRATOR</h6>
</div>
</li>
</ul>
</div>
</div>
</div>
@endsection

View File

@@ -1,92 +1,138 @@
@extends('page')
@extends('layouts/sidebar')
@section('title')
Nieuws | {{$news->title}}
{{$news->title}}
@endsection
@section('content')
<article class="article-content" itemscope itemtype="http://schema.org/Article">
<div class="article-header">
<div class="article-meta clearfix">
<span class="news-pubdate" data-short-date="{{Formatter::fullDate($news->published, 'w d m y')}}, {{$news->published->format("H:i")}}" datetime="{{$news->published->format('c')}}">
{{Formatter::relativeDate($news->published)}}, {{$news->published->format("H:i")}}
</span>
</div>
@php($imgBase = 'https://nhgooi.nl')
</div>
<div class="row">
<div class="post single small_image">
<ul class="post_details clearfix">
@if($news->region && $news->region->title != "Regio")
<li class="detail category">Regio <a href="{{url('nieuws/regio/' . $news->region->slug)}}" title="{{$news->region->title}}">{{$news->region->title}}</a></li>
@endif
@if($news->theme && $news->theme->title != "Overig")
<li class="detail category">Thema <a href="{{url('nieuws/theme/' . $news->theme->slug)}}" title="{{$news->theme->title}}">{{$news->theme->title}}</a></li>
@endif
<li class="detail date">
{{Formatter::relativeDate($news->published)}} om {{$news->published->format('H:i')}}
@if($news->edited)
| bijgewerkt
@if($news->edited->format('d m') != $news->published->format('d m'))
op {{Formatter::relativeDate($news->edited)}}
@endif
om {{$news->edited->format('H:i')}} uur
@endif
</li>
@if($news->author)
<li class="detail author">{{$news->author}}</li>
@endif
</ul>
<h1 class="article-title" itemprop="headline">{{$news->title}}</h1>
@if($news->images && count($news->images) > 0)
@if(!$news->images[0]->title) @php($news->images[0]->title = $news->title) @endif
<div class="mediabox">
<div class="big-images owl-carousel">
@if($news->podcast)
@include('widgets/mediaplayer')
<div class="announcement">
<div>
<div class="mediabox-image">
<img src="{{$news->images[0]->url}}" alt="{{strip_tags($news->images[0]->title)}}" title="{{strip_tags($news->images[0]->title)}}"/>
<span class="mediabox-image-title">{{$news->images[0]->title}}</span>
</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">
{{ Formatter::relativeDate($news->podcast->created) }} uitgezonden
@if($news->podcast->program) in <a href="{{ url('radio/programma' . $news->podcast->program->url ) }}">{{ $news->podcast->program->name }}</a> @endif
</li>
<li class="detail category">
<a href="{{ url('/radio/gemist/fragment/' . $news->podcast->url) }}">
<span class="fa "></span>
<span>Meer over dit fragment</span>
</a>
</li>
</ul>
</div>
@endif
</div>
<div class="thumbs owl-carousel">
@if(count($news->images) > 1) @foreach($news->images as $image)
<div>
<img src="{{$image->url}}" alt="{{strip_tags($image->title)}}" title="{{strip_tags($image->title)}}" itemprop="image"/>
</div>
@endforeach @endif
</div>
</div>
<div class="post_content page_margin_top clearfix">
<div class="content_box">
@if($news->images)
@if(count($news->images) == 1)
<div class="post_image_box">
<a href="{{$imgBase . $news->images[0]->url}}" class="post_image prettyPhoto" title="{{$news->images[0]->title}}">
<img src='{{$imgBase . $news->images[0]->url}}' alt='{{$news->images[0]->title}}'>
</a>
<div class="sentence">
<span class="text">{{$news->images[0]->title}}</span>
@if(isset($news->images[0]->author))
<span class="author">{{$news->images[0]->author}}</span>
@endif
</div>
</div>
@endif
<p class="intro">
@else
<div class="horizontal_carousel_container thin page_margin_top gallery_control">
<ul class="horizontal_carousel control-for-post-gallery visible-5 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
@foreach($news->images as $image)
<li>
<a href="#"><img src='{{$imgBase . $image->url}}'></a>
</li>
@endforeach
</ul>
</div>
<div id="control-by-post-gallery" class="horizontal_carousel_container big margin_top_10">
<ul id="post-gallery" class="horizontal_carousel visible-1 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
@foreach($news->images as $image)
<li>
<a href="{{$imgBase . $image->url}}" data-rel="gallery" title="{{$image->title}}">
<span class="icon fullscreen animated"></span>
<img src='{{$imgBase . $image->url}}' alt='{{$image->title}}'>
</a>
</li>
</ul>
@endforeach
</div>
@endif
@endif
<span><b>{{$news->region->title}}</b> - </span> {!!$news->content!!}
@if(is_array($news->content))
@include('partial/nh_story', ['content' => $news->content]);
@else
<div class="text">
<p>{!!$news->content!!}</p>
</div>
@endif
</p>
@if($news->source && $news->source->show)
<div class="post-source">
<p>Bron: {{$news->source->title}}</p>
</div>
@endif
@if($news->source && $news->source->show)
<div class="post-source">
<p>Bron: {{$news->source->title}}</p>
</div>
@endif
@include('widgets/share')
@if($news->podcast)
<div class="left_content">
<h2>Fragment</h2>
<p>{{ Formatter::relativeDate($news->podcast->created) }} uitgezonden @if($news->podcast->program) in <a href="{{ url('radio/programma' . $news->podcast->program->url ) }}">{{ $news->podcast->program->name }}</a> @endif </p>
<p>
<audio controls>
<source src="{{ $url = url( $apiUrl . 'podcast/download/' . $news->podcast->url . "?auth=" . $news->podcast->auth )}}" type="audio/mpeg" />
</audio>
</p>
<p><a href="{{ url('/radio/gemist/fragment/' . $news->podcast->url) }}" class="btn btn-default">Meer over dit fragment</a></p>
</div>
@endif
<hr />
<div class="left_content">
<h2>Meer nieuws</h2>
<p>
<a href="{{ url('nieuws/regio/' . $news->region->slug) }}" title="Toon meer nieuws uit de regio {{$news->region->title}}" class="btn btn-primary">{{$news->region->title}}</a>
<a href="{{ url('nieuws/thema/' . $news->theme->slug) }}" title="Toon meer nieuws met thema {{$news->theme->title}}" class="btn btn-primary">{{$news->theme->title}}</a>
<!--
@if(is_array($news->keywords)) @foreach($news->keywords as $keyword)
<a href="nieuws/onderwerp/{{$keyword}}" class="btn btn-info" title="Zoek meer nieuwsberichten met het onderwerp '{{$keyword}}'">{{$keyword}}</a>
@endforeach @endif
-->
</p>
<div class="article-bottom">
<div class="row">
<div class="col-md-6 col-sm-12 pull-right">
<a href="/contact?correction=true" class="block-ctalink" rel="nofollow">Correctie melden <i class="icon-arrow-small"></i></a>
<div class="row page_margin_top">
<ul class="taxonomies tags left clearfix">
@if($news->keywords = ['test'])
@foreach($news->keywords as $keyword)
<li>
<a href="{{url('nieuws/onderwerp/' . $keyword)}}" title="Zoek meer nieuws met het onderwerp {{$keyword}}">{{$keyword}}</a>
</li>
@endforeach
@endif
</ul>
<ul class="taxonomies categories right clearfix">
<li>
<a href="{{url('nieuws/thema/' . $news->theme->slug)}}" title="Zoek meer nieuws met het thema {{$news->theme->title}}">{{$news->theme->title}}</a>
</li>
<li>
<a href="{{url('nieuws/regio/' . $news->region->slug)}}" title="Zoek meer nieuws uit de regio {{$news->region->title}}">{{$news->region->title}}</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
@endsection

View File

@@ -1,98 +0,0 @@
@extends('page')
@section('title')
Nieuws | {{$news->title}}
@endsection
@include('_mediaplayer')
@section('content')
<article class="article-content" itemscope itemtype="http://schema.org/Article">
<div class="article-header">
<div class="article-meta clearfix">
<span class="news-pubdate" data-short-date="{{Formatter::fullDate($news->published, 'w d m y')}}, {{$news->published->format("H:i")}}" datetime="{{$news->published->format('c')}}">
{{Formatter::relativeDate($news->published)}}, {{$news->published->format("H:i")}}
</span>
</div>
</div>
<h1 class="article-title" itemprop="headline">{{$news->title}}</h1>
{{--
@if($news->media && count($news->media) > 0)
@if(!$news->media[0]->title) @php($news->media[0]->title = $news->title) @endif
<div class="mediabox">
<div class="big-images owl-carousel">
<div>
<div class="mediabox-image">
<img src="{{$news->media[0]->url}}" alt="{{strip_tags($news->media[0]->title)}}" title="{{strip_tags($news->media[0]->title)}}"/>
<span class="mediabox-image-title">{{$news->media[0]->title}}</span>
</div>
</div>
</div>
<div class="thumbs owl-carousel">
@if(count($news->media) > 1) @foreach($news->media as $image)
<div>
<img src="{{$image->url}}" alt="{{strip_tags($image->title)}}" title="{{strip_tags($image->title)}}" itemprop="image"/>
</div>
@endforeach @endif
</div>
</div>
</div>
@endif
--}}
@foreach($news->blocks as $block)
@if($block->type == "text")
{!!$block->text!!}
@elseif($block->type == "intro")
<div class="intro">{!!$block->text!!}</div>
@elseif($block->type == "quote")
<blockquote>
{!!$block->text!!}
<div class="author">{{$block->name}}</div>
</blockquote>
@elseif($block->type == "image")
<div class="mediabox-image">
<img src="{{$block->image->imageWide}}" alt="{{$block->image->title}}" title="{{$block->image->title}} &copy;{{$block->image->author}}"/>
<span class="mediabox-image-title">{{$block->image->imageWide}}</span>
</div>
@elseif($block->type == "video")
<video controls>
@foreach($block->video->streams as $stream)
<source src="{!!$stream->stream_url!!}" type="application/x-mpegurl" />
@endforeach
</video>
<span class="author">{{$block->video->author}}</span>
@endif
@endforeach
@if($podcast)
<div class="left_content">
<h2>Fragment</h2>
<p>{{ Formatter::relativeDate($podcast->created) }} uitgezonden @if($podcast->program) in <a href="{{ url('radio/programma' . $podcast->program->url ) }}">{{ $podcast->program->name }}</a> @endif </p>
<p>
<audio controls>
<source src="{{ $url = url( $apiUrl . 'podcast/download/' . $podcast->url . "?auth=" . $podcast->auth )}}" type="audio/mpeg" />
</audio>
</p>
<p><a href="{{ url('/radio/gemist/fragment/' . $podcast->url) }}" class="btn btn-default">Meer over dit fragment</a></p>
</div>
@endif
<hr />
<div class="article-bottom">
<div class="row">
<div class="col-md-6 col-sm-12 pull-right">
<a href="/contact?correction=true" class="block-ctalink" rel="nofollow">Correctie melden <i class="icon-arrow-small"></i></a>
</div>
</div>
</div>
@endsection

View File

@@ -1,17 +1,482 @@
@extends('page')
@extends('layouts/master')
@section('title')
@if($title) {{$title}} - Nieuws @endif
@endsection
@section('content')
<h1>Nieuwsarchief 6FM</h1>
@php($imgBase = 'https://nhgooi.nl')
@parent
<div class="page">
<div class="page_layout page_margin_top clearfix">
<div class="row">
<div class="column column_1_1">
<div class="blog_grid">
{{-- Desktop --}}
<div class="grid_view">
<div class="row">
<div class="column">
@if($item = current($news))
<div class="post large">
<a href="{{url($item->url)}}" title="{{$item->title}}">
@if($item->video)
<span class="icon video"></span>
@elseif($item->images && count($item->images) > 1)
<span class="icon gallery"></span>
@endif
<img src='{{$item->images && count($item->images) ? $imgBase . $item->images[0]->url : '/images/noimage.png'}}' alt='img'>
</a>
<div class="slider_content_box">
<ul class="post_details simple">
<li class="category">
<a title="Regio: {{$item->region->title}}" href="{{url('nieuws/regio/' . $item->region->slug)}}">{{$item->region->title}}</a>
</li>
</ul>
<h2><a href="{{url($item->url)}}" title="{{$item->title}}">{{$item->title}}</a></h2>
</div>
</div>
@endif
</div>
<div class="column">
@for($i = 0; ($i < 2) && ($item = next($news)); ++$i)
<div class="row">
<div class="post small">
<a href="{{url($item->url)}}" title="{{$item->title}}">
@if($item->video)
<span class="icon video"></span>
@elseif($item->images && count($item->images) > 1)
<span class="icon gallery"></span>
@endif
<img src='{{$item->images && count($item->images) ? $imgBase . $item->images[0]->url : '/images/noimage.png'}}' alt='img'>
</a>
<div class="slider_content_box">
<ul class="post_details simple">
<li class="category">
<a title="Regio: {{$item->region->title}}" href="{{url('nieuws/regio/' . $item->region->slug)}}">{{$item->region->title}}</a>
</li>
</ul>
<h5><a href="{{url($item->url)}}" title="{{$item->title}}">{{$item->title}}</a></h5>
</div>
</div>
</div>
@endfor
</div>
</div>
</div>
{{-- Mobile --}}
<div class="slider_view">
<div class="caroufredsel_wrapper caroufredsel_wrapper_slider">
<ul class="slider id-small_slider">
@foreach($news as $item)
@if($loop->index >= 3) @break @endif
<li class="slide">
<a href="{{url($item->url)}}" title="{{$item->title}}">
@if($item->video)
<span class="icon video"></span>
@elseif($item->images && count($item->images) > 1)
<span class="icon gallery"></span>
@endif
<img src='{{$item->images && count($item->images) ? $imgBase . $item->images[0]->url : '/images/noimage.png'}}' alt='img'>
</a>
<div class="slider_content_box">
<ul class="post_details simple">
<li class="category">
<a title="Regio: {{$item->region->title}}" href="{{url('nieuws/regio/' . $item->region->slug)}}">{{$item->region->title}}</a>
</li>
</ul>
<h2><a href="{{url($item->url)}}" title="{{$item->title}}">{{$item->title}}</a></h2>
</div>
</li>
@endforeach
</ul>
</div>
<div id="small_slider" class='slider_posts_list_container small'>
</div>
</div>
</div>
</div>
</div>
{{-- Meer nieuws --}}
<div class="row page_margin_top">
<div class="column column_2_3">
<h4 class="box_header">Laatste nieuws</h4>
@foreach(array_slice($news, 3, 10) as $item)
@if($loop->index % 2 == 0)
<div class="row">
@endif
<div class="column column_1_2">
<ul class="blog">
<li class="post">
<a href="{{url($item->url)}}" title="{{$item->title}}">
@if($item->video)
<span class="icon video"></span>
@elseif($item->images && count($item->images) > 1)
<span class="icon gallery"></span>
@endif
<img src='{{$item->images && count($item->images) ? $imgBase . $item->images[0]->url : '/images/noimage.png'}}' alt='img'>
</a>
<h2><a href="{{url($item->url)}}" title="{{$item->title}}">{{$item->title}}</a></h2>
<ul class="post_details">
<li class="category">
<a title="Regio: {{$item->region->title}}" href="{{url('nieuws/regio/' . $item->region->slug)}}">{{$item->region->title}}</a>
</li>
<li class="category">
<a title="Thema: {{$item->theme->title}}" href="{{url('nieuws/thema/' . $item->theme->slug)}}">{{$item->theme->title}}</a>
</li>
36 @if($item->edited && ($item->edited != $item->published))
<li class="date edited">
Bijgewerkt
@if($item->edited->format('d m') != $item->published->format('d m'))
op {{Formatter::relativeDate($item->edited)}}
@endif
om {{$item->edited->format('H:i')}} uur
</li>
@else
<li class="date">
{{Formatter::relativeDate($item->published)}} om {{$item->published->format('H:i')}} uur
</li>
@endif
</ul>
<p>{{Formatter::excerpt($item->content, 150)}}</p>
<a class="read_more" href="{{url($item->url)}}" title="Lees verder"><span class="arrow"></span><span>Lees verder...</span></a>
</li>
</ul>
</div>
@if($loop->index % 2 == 1)
</div>
@endif
@endforeach
<div id="items">
@include('partial/newslist_small', array_slice($news, 10, count($news)))
</div>
<div>
<button class="more page_margin_top" type="button" id='meer-nieuws'>
<span class="fa-2x fas fa-spinner fa-spin" id="loading"></span>
LAAD MEER NIEUWSBERICHTEN
</button>
</div>
</div>
<div class="column column_1_3">
<div class="tabs no_scroll clearfix">
<ul class="tabs_navigation clearfix">
<li>
<a href="#sidebar-most-read" title="Most Read">
Most Read
</a>
<span></span>
</li>
<li>
<a href="#sidebar-most-commented" title="Commented">
Commented
</a>
<span></span>
</li>
</ul>
<div id="sidebar-most-read">
<ul class="blog rating page_margin_top clearfix">
<li class="post">
<a href="?page=post" title="Nuclear Fusion Closer to Becoming a Reality">
<img src='images/samples/510x187/image_12.jpg' alt='img'>
</a>
<div class="post_content">
<span class="number animated_element" data-value="6 257"></span>
<h5><a href="?page=post" title="New Painkiller Rekindles Addiction Concerns">New Painkiller Rekindles Addiction Concerns</a></h5>
<ul class="post_details simple">
<li class="category"><a href="?page=category&amp;cat=health" title="HEALTH">HEALTH</a></li>
</ul>
</div>
</li>
<li class="post">
<div class="post_content">
<span class="number animated_element" data-value="5 062"></span>
<h5><a href="?page=post" title="New Painkiller Rekindles Addiction Concerns">New Painkiller Rekindles Addiction Concerns</a></h5>
<ul class="post_details simple">
<li class="category"><a href="?page=category&amp;cat=world" title="WORLD">WORLD</a></li>
</ul>
</div>
</li>
<li class="post">
<div class="post_content">
<span class="number animated_element" data-value="4 778"></span>
<h5><a href="?page=post" title="Seeking the Right Chemistry, Drug Makers Hunt for Mergers">Seeking the Right Chemistry, Drug Makers Hunt for Mergers</a></h5>
<ul class="post_details simple">
<li class="category"><a href="?page=category&amp;cat=sports" title="SPORTS">SPORTS</a></li>
</ul>
</div>
</li>
<li class="post">
<div class="post_content">
<span class="number animated_element" data-value="754"></span>
<h5><a href="?page=post" title="Study Linking Illnes and Salt Leaves Researchers Doubtful">Study Linking Illnes and Salt Leaves Researchers Doubtful</a></h5>
<ul class="post_details simple">
<li class="category"><a href="?page=category&amp;cat=science" title="SCIENCE">SCIENCE</a></li>
</ul>
</div>
</li>
<li class="post">
<div class="post_content">
<span class="number animated_element" data-value="52"></span>
<h5><a href="?page=post" title="Syrian Civilians Trapped for Months Continue to be Evacuated">Syrian Civilians Trapped for Months Continue to be Evacuated</a></h5>
<ul class="post_details simple">
<li class="category"><a href="?page=category&amp;cat=science" title="SCIENCE">SCIENCE</a></li>
</ul>
</div>
</li>
</ul>
<a class="more page_margin_top" href="#">SHOW MORE</a>
</div>
<div id="sidebar-most-commented">
<ul class="blog rating page_margin_top clearfix">
<li class="post">
<a href="?page=post" title="Nuclear Fusion Closer to Becoming a Reality">
<img src='images/samples/510x187/image_02.jpg' alt='img'>
</a>
<div class="post_content">
<span class="number animated_element" data-value="70"></span>
<h5><a href="?page=post" title="New Painkiller Rekindles Addiction Concerns">New Painkiller Rekindles Addiction Concerns</a></h5>
<ul class="post_details simple">
<li class="category"><a href="?page=category&amp;cat=health" title="HEALTH">HEALTH</a></li>
</ul>
</div>
</li>
<li class="post">
<div class="post_content">
<span class="number animated_element" data-value="62"></span>
<h5><a href="?page=post_small_image" title="New Painkiller Rekindles Addiction Concerns">New Painkiller Rekindles Addiction Concerns</a></h5>
<ul class="post_details simple">
<li class="category"><a href="?page=category&amp;cat=world" title="WORLD">WORLD</a></li>
</ul>
</div>
</li>
<li class="post">
<div class="post_content">
<span class="number animated_element" data-value="30"></span>
<h5><a href="?page=post_quote_2" title="Seeking the Right Chemistry, Drug Makers Hunt for Mergers">Seeking the Right Chemistry, Drug Makers Hunt for Mergers</a></h5>
<ul class="post_details simple">
<li class="category"><a href="?page=category&amp;cat=sports" title="SPORTS">SPORTS</a></li>
</ul>
</div>
</li>
<li class="post">
<div class="post_content">
<span class="number animated_element" data-value="25"></span>
<h5><a href="?page=post" title="Study Linking Illnes and Salt Leaves Researchers Doubtful">Study Linking Illnes and Salt Leaves Researchers Doubtful</a></h5>
<ul class="post_details simple">
<li class="category"><a href="?page=category&amp;cat=science" title="SCIENCE">SCIENCE</a></li>
</ul>
</div>
</li>
<li class="post">
<div class="post_content">
<span class="number animated_element" data-value="4"></span>
<h5><a href="?page=post" title="Syrian Civilians Trapped for Months Continue to be Evacuated">Syrian Civilians Trapped for Months Continue to be Evacuated</a></h5>
<ul class="post_details simple">
<li class="category"><a href="?page=category&amp;cat=science" title="SCIENCE">SCIENCE</a></li>
</ul>
</div>
</li>
</ul>
<a class="more page_margin_top" href="#">SHOW MORE</a>
</div>
</div>
<h4 class="box_header page_margin_top_section">Latest Posts</h4>
<div class="vertical_carousel_container clearfix">
<ul class="blog small vertical_carousel autoplay-1 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
<li class="post">
<a href="?page=post_gallery" title="Study Linking Illnes and Salt Leaves Researchers Doubtful">
<span class="icon small gallery"></span>
<img src='images/samples/100x100/image_06.jpg' alt='img'>
</a>
<div class="post_content">
<h5>
<a href="?page=post_gallery" title="Study Linking Illnes and Salt Leaves Researchers Doubtful">Study Linking Illnes and Salt Leaves Researchers Doubtful</a>
</h5>
<ul class="post_details simple">
<li class="category"><a href="?page=category&amp;cat=health" title="HEALTH">HEALTH</a></li>
<li class="date">
10:11 PM, Feb 02
</li>
</ul>
</div>
</li>
<li class="post">
<a href="?page=post" title="Syrian Civilians Trapped For Months Continue To Be Evacuated">
<img src='images/samples/100x100/image_12.jpg' alt='img'>
</a>
<div class="post_content">
<h5>
<a href="?page=post" title="Syrian Civilians Trapped For Months Continue To Be Evacuated">Syrian Civilians Trapped For Months Continue To Be Evacuated</a>
</h5>
<ul class="post_details simple">
<li class="category"><a href="?page=category&amp;cat=world" title="WORLD">WORLD</a></li>
<li class="date">
10:11 PM, Feb 02
</li>
</ul>
</div>
</li>
<li class="post">
<a href="?page=post_soundcloud" title="Built on Brotherhood, Club Lives Up to Name">
<img src='images/samples/100x100/image_02.jpg' alt='img'>
</a>
<div class="post_content">
<h5>
<a href="?page=post_soundcloud" title="Built on Brotherhood, Club Lives Up to Name">Built on Brotherhood, Club Lives Up to Name</a>
</h5>
<ul class="post_details simple">
<li class="category"><a href="?page=category&amp;cat=sports" title="SPORTS">SPORTS</a></li>
<li class="date">
10:11 PM, Feb 02
</li>
</ul>
</div>
</li>
<li class="post">
<a href="?page=post" title="Nuclear Fusion Closer to Becoming a Reality">
<img src='images/samples/100x100/image_13.jpg' alt='img'>
</a>
<div class="post_content">
<h5>
<a href="?page=post" title="Nuclear Fusion Closer to Becoming a Reality">Nuclear Fusion Closer to Becoming a Reality</a>
</h5>
<ul class="post_details simple">
<li class="category"><a href="?page=category&amp;cat=science" title="SCIENCE">SCIENCE</a></li>
<li class="date">
10:11 PM, Feb 02
</li>
</ul>
</div>
</li>
</ul>
</div>
<h4 class="box_header page_margin_top_section">Top Authors</h4>
<ul class="authors rating clearfix">
<li class="author">
<a class="thumb" href="?page=author" title="Debora Hilton">
<img src='images/samples/Team_100x100/image_01.jpg' alt='img'>
<span class="number animated_element" data-value="34"></span>
</a>
<div class="details">
<h5><a href="?page=author" title="Debora Hilton">Debora Hilton</a></h5>
<h6>EDITOR</h6>
</div>
</li>
<li class="author">
<a class="thumb" href="?page=author" title="Anna Shubina">
<img src='images/samples/Team_100x100/image_02.jpg' alt='img'>
<span class="number animated_element" data-value="25"></span>
</a>
<div class="details">
<h5><a href="?page=author" title="Anna Shubina">Anna Shubina</a></h5>
<h6>EDITOR</h6>
</div>
</li>
<li class="author">
<a class="thumb" href="?page=author" title="Liam Holden">
<img src='images/samples/Team_100x100/image_03.jpg' alt='img'>
<span class="number animated_element" data-value="9"></span>
</a>
<div class="details">
<h5><a href="?page=author" title="Liam Holden">Liam Holden</a></h5>
<h6>PUBLISHER</h6>
</div>
</li>
<li class="author">
<a class="thumb" href="?page=author" title="Heather Dale">
<img src='images/samples/Team_100x100/image_04.jpg' alt='img'>
<span class="number animated_element" data-value="2"></span>
</a>
<div class="details">
<h5><a href="?page=author" title="Heather Dale">Heather Dale</a></h5>
<h6>ILLUSTRATOR</h6>
</div>
</li>
</ul>
<h4 class="box_header page_margin_top_section">Science</h4>
<ul class="blog small clearfix">
<li class="post">
<a href="?page=post_small_image" title="Study Linking Illnes and Salt Leaves Researchers Doubtful">
<img src='images/samples/100x100/image_09.jpg' alt='img'>
</a>
<div class="post_content">
<h5>
<a href="?page=post_small_image" title="Study Linking Illnes and Salt Leaves Researchers Doubtful">Study Linking Illnes and Salt Leaves Researchers Doubtful</a>
</h5>
<ul class="post_details simple">
<li class="category"><a href="?page=category&amp;cat=science" title="SCIENCE">SCIENCE</a></li>
<li class="date">
10:11 PM, Feb 02
</li>
</ul>
</div>
</li>
<li class="post">
<a href="?page=post_quote" title="Syrian Civilians Trapped For Months Continue To Be Evacuated">
<img src='images/samples/100x100/image_12.jpg' alt='img'>
</a>
<div class="post_content">
<h5>
<a href="?page=post_quote" title="Syrian Civilians Trapped For Months Continue To Be Evacuated">Syrian Civilians Trapped For Months Continue To Be Evacuated</a>
</h5>
<ul class="post_details simple">
<li class="category"><a href="?page=category&amp;cat=science" title="SCIENCE">SCIENCE</a></li>
<li class="date">
10:11 PM, Feb 02
</li>
</ul>
</div>
</li>
<li class="post">
<a href="?page=post" title="Built on Brotherhood, Club Lives Up to Name">
<img src='images/samples/100x100/image_02.jpg' alt='img'>
</a>
<div class="post_content">
<h5>
<a href="?page=post" title="Built on Brotherhood, Club Lives Up to Name">Built on Brotherhood, Club Lives Up to Name</a>
</h5>
<ul class="post_details simple">
<li class="category"><a href="?page=category&amp;cat=science" title="SCIENCE">SCIENCE</a></li>
<li class="date">
10:11 PM, Feb 02
</li>
</ul>
</div>
</li>
<li class="post">
<a href="?page=post_gallery" title="Nuclear Fusion Closer to Becoming a Reality">
<span class="icon small gallery"></span>
<img src='images/samples/100x100/image_01.jpg' alt='img'>
</a>
<div class="post_content">
<h5>
<a href="?page=post_gallery" title="Nuclear Fusion Closer to Becoming a Reality">Nuclear Fusion Closer to Becoming a Reality</a>
</h5>
<ul class="post_details simple">
<li class="category"><a href="?page=category&amp;cat=science" title="SCIENCE">SCIENCE</a></li>
<li class="date">
10:11 PM, Feb 02
</li>
</ul>
</div>
</li>
</ul>
<a class="more page_margin_top" href="#">MORE FROM SCIENCE</a>
</div>
</div>
</div>
</div>
@endsection
@section('oud')
@if($title) <h2> <a href="{{url('nieuws')}}" title="Terug naar het nieuwsoverzicht" class="btn btn-primary"><i class="icon-arrow-small-left"></i></a> {{$title}} </h2> @endif
<section class="page-content col-lg-8 col-md-12">
<div id="items">
@include('newslistitems', ['news' => $news])
@include('partial/newslistitems', ['news' => $news])
</div>
<div id="loading" style="display: none">
@@ -22,34 +487,43 @@
</div>
</div>
</section>
<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) {
page = -1;
return;
}
$items.append(data); if(!data) alert( "No more data");
});
}
});
});
</script>
@endsection
@push('scripts')
<script>
var nextPage = 2;
var isLoading = 0;
var $isLoading = $('#loading').hide();
$('#meer-nieuws').click(function(e) {
e.preventDefault();
if(!isLoading) {
// Set flag and update UI
isLoading = 1;
$isLoading.show();
var $button = $(this).attr("disabled", "disabled");
// Fire request for the next page
$.ajax({ url: document.location.pathname + '?pagina=' + nextPage })
.always(function() {
// Whether success or failure, update the UI again
isLoading = 0;
$isLoading.hide();
$button.removeAttr("disabled");
})
.done(function(data) {
if(!data) {
// When no data was returned, disable the button permanently
page = -1;
$button.attr("disabled", "disabled").text("Geen nieuws meer.");
return;
}
$('#items').append(data);
++nextPage;
});
}
});
</script>
@endpush

View File

@@ -1,4 +1,4 @@
@extends('master')
@extends('layouts/master')
@section('content')
<div class="clearfix" style="height: 15px;"></div>

View File

@@ -0,0 +1,38 @@
@php($imgBase = 'https://nhgooi.nl')
@foreach($news as $item)
@if($loop->index % 3 == 0)
<ul class="blog medium clearfix">
@endif
<li class="post">
<a href="{{url($item->url)}}" title="{{$item->title}}">
@if($item->video)
<span class="icon video"></span>
@elseif($item->images && count($item->images) > 1)
<span class="icon gallery"></span>
@endif
<img src='{{$item->images && count($item->images) ? $imgBase . $item->images[0]->url : '/images/noimage.png'}}' alt='img'>
</a>
<div class="post_content">
<h5>
<a href="{{url($item->url)}}" title="{{$item->title}}">{{$item->title}}</a>
</h5>
<ul class="post_details simple">
<li class="category">
<a title="Regio: {{$item->region->title}}" href="{{url('nieuws/regio/' . $item->region->slug)}}">{{$item->region->title}}</a>
</li>
@if($item->edited && ($item->edited != $item->published))
<li class="date edited">
{{Formatter::relativeDate($item->edited)}} bijgewerkt om {{$item->published->format('H:i')}}
</li>
@else
<li class="date">
{{Formatter::relativeDate($item->published)}} om {{$item->published->format('H:i')}}
</li>
@endif
</ul>
</div>
</li>
@if($loop->index % 3 == 2)
</ul>
@endif
@endforeach

View File

@@ -0,0 +1,37 @@
@foreach($content as $block)
@if($block->type == "headerRichA")
@php($block->image->url = $block->image->crops->{'16:9'}->{'1600'})
<a href="{{$block->image->url}}" class="post_image page_margin_top prettyPhoto" title="{{$block->image->title}}">
<img src="{{$block->image->url}}" alt="{{$block->image->title}}">
</a>
<div class="sentence margin_top_10">
<span class="text">{{$block->image->title}}</span>
@if($block->image->author)
<span class="author">{{$block->image->author}}</span>
@endif
</div>
@elseif($block->type == "text")
<div class="text">{!!$block->text!!}</div>
@elseif($block->type == "intro")
<h3 class="excerpt">{{strip_tags($block->text)}}</h3>
@elseif($block->type == "quote")
<blockquote>
{!!$block->text!!}
<div class="author">{{$block->name}}</div>
</blockquote>
@elseif($block->type == "image")
<div class="mediabox-image">
<img src="{{$block->image->imageWide}}" alt="{{$block->image->title}}" title="{{$block->image->title}} &copy;{{$block->image->author}}"/>
<span class="mediabox-image-title">{{$block->image->imageWide}}</span>
</div>
@elseif($block->type == "video")
@include('widgets/mediaplayer')
<video controls>
@foreach($block->video->streams as $stream)
<source src="{!!$stream->stream_url!!}" type="application/x-mpegurl" />
@endforeach
</video>
<span class="author">{{$block->video->author}}</span>
@endif
@endforeach

View File

@@ -1,6 +1,7 @@
@extends('page')
@extends('layouts/full')
@include('widgets/mediaplayer')
@include('_mediaplayer')
@section('title')
Fragment gemist | {{$podcast->title}}
@endsection
@@ -57,11 +58,12 @@ $(".vertical_carousel").each(function() {
@endpush
@section('content')
@parent
<?php
$audioUrl = url( $apiUrl . 'podcast/download/' . $podcast->url . "?auth=" . $podcast->auth );
$popoutUrl = url('luister/fragment/' . $podcast->url . '?auth=' . $podcast->auth );
?>
<div class="page_layout page_margin_top clearfix">
<div class="row page_margin_top">
<div class="column column_2_3">
<div class="row">
@@ -184,6 +186,5 @@ $(".vertical_carousel").each(function() {
</nav>
</div>
</div>
</div>
@endsection

View File

@@ -1,5 +1,4 @@
@extends('page')
@extends('layouts/sidebar')
@section('title')
Fragment gemist

View File

@@ -1,10 +1,11 @@
@extends('page')
@extends('layouts/full')
@section('title')
Radio | {{$program->name}}
@endsection
@section('content')
@parent
@php($now = new \DateTimeImmutable())
<div class="page_layout page_margin_top clearfix">
<div class="row page_margin_top">

View File

@@ -1,4 +1,4 @@
@extends('page')
@extends('layouts/full')
@section('title')
Radioprogrammering
@@ -24,7 +24,7 @@
</div>
<div id='schedule'>
@include('radioscheduleweek', ['schedule' => $schedule])
@include('partial/radioscheduleweek', ['schedule' => $schedule])
</div>
<style type="text/css">

View File

@@ -1,11 +1,11 @@
@extends('page')
@extends('layouts/full')
@section('title')
Kijk NH Gooi TV
@endsection
@section('content')
<h1>NH Gooi TV</h1>
@parent
@if(false)
<p>Wegens een technisch probleem is NH Gooi TV momenteel niet via Internet te bekijken. Onze excuses voor het ongemak.</p>

View File

@@ -1,95 +0,0 @@
<!doctype html>
<html lang="{{ app()->getLocale() }}">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Laravel</title>
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Raleway:100,600" rel="stylesheet" type="text/css">
<!-- Styles -->
<style>
html, body {
background-color: #fff;
color: #636b6f;
font-family: 'Raleway', sans-serif;
font-weight: 100;
height: 100vh;
margin: 0;
}
.full-height {
height: 100vh;
}
.flex-center {
align-items: center;
display: flex;
justify-content: center;
}
.position-ref {
position: relative;
}
.top-right {
position: absolute;
right: 10px;
top: 18px;
}
.content {
text-align: center;
}
.title {
font-size: 84px;
}
.links > a {
color: #636b6f;
padding: 0 25px;
font-size: 12px;
font-weight: 600;
letter-spacing: .1rem;
text-decoration: none;
text-transform: uppercase;
}
.m-b-md {
margin-bottom: 30px;
}
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
@if (Route::has('login'))
<div class="top-right links">
@if (Auth::check())
<a href="{{ url('/home') }}">Home</a>
@else
<a href="{{ url('/login') }}">Login</a>
<a href="{{ url('/register') }}">Register</a>
@endif
</div>
@endif
<div class="content">
<div class="title m-b-md">
Laravel
</div>
<div class="links">
<a href="https://laravel.com/docs">Documentation</a>
<a href="https://laracasts.com">Laracasts</a>
<a href="https://laravel-news.com">News</a>
<a href="https://forge.laravel.com">Forge</a>
<a href="https://github.com/laravel/laravel">GitHub</a>
</div>
</div>
</div>
</body>
</html>

View File

@@ -14,6 +14,7 @@
});
</script>
@endpush
@push('styles')
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/mediaelement/4.2.7/mediaelementplayer.css" />
@endpush

View File

@@ -0,0 +1,43 @@
<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">
&nbsp;
</a>
</li>
<li>
<a target="_blank" title="" href="https://twitter.com/QuanticaLabs" class="social_icon twitter">
&nbsp;
</a>
</li>
<li>
<a title="" href="mailto:contact@pressroom.com" class="social_icon mail">
&nbsp;
</a>
</li>
<li>
<a title="" href="#" class="social_icon skype">
&nbsp;
</a>
</li>
<li>
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon envato">
&nbsp;
</a>
</li>
<li>
<a title="" href="#" class="social_icon instagram">
&nbsp;
</a>
</li>
<li>
<a title="" href="#" class="social_icon pinterest">
&nbsp;
</a>
</li>
</ul>
</div>
</div>