530 lines
21 KiB
PHP
530 lines
21 KiB
PHP
@extends('layouts/master')
|
|
|
|
@section('title')
|
|
@if($title) {{$title}} - Nieuws @endif
|
|
@endsection
|
|
|
|
@section('content')
|
|
@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)}}" class="over_image">{{$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)}}" class="over_image">{{$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&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&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&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&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&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&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&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&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&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&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&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&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&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&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&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&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&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&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('partial/newslistitems', ['news' => $news])
|
|
</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 nieuwsberichten ophalen...</b>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
@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
|
|
|