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

Regioagenda layout en breadcrumbs

Browse Source
This commit is contained in:
Mischa Spelt
2020-01-18 03:01:24 +01:00
parent a93addfb6d
commit 811fab79d5
13 changed files with 447 additions and 1784 deletions
Download Patch File Download Diff File Expand all files Collapse all files

126
website/resources/views/calendarlist.blade.php
View File

@@ -1,4 +1,4 @@
@extends('layouts/full')
@extends('layouts/sidebar')
@section('title')
Regioagenda
@@ -13,59 +13,97 @@
<nav>
<ul class="pager">
<li class="previous-month"><a href="#">&larr; Eerder</a></li>
<li class="current-month"><a href="#">Komende week</a></li>
<li class="everything"><a href="#">Toon alles</a></li>
<li class="next-month"><a href="#">Later &rarr;</a></li>
<li class="action_button previous-month"><a href="#">&larr; Eerder</a></li>
<li class="action_button current-month"><a href="#">Komende week</a></li>
<li class="action_button everything"><a href="#">Toon alles</a></li>
<li class="action_button next-month"><a href="#">Later &rarr;</a></li>
</ul>
</nav>
<div class="month" data-month="0">
<h2>Komende week</h2>
@php($nextWeek = new \DateTimeImmutable('midnight +7 days'))
@php($heading = null)
@php($month = 0)
<div class="row">
<div class="month" data-month="0">
<h4 class="box_header page_margin_top_section">Komende week</h4>
<ul class="blog big">
@foreach($events as $event)
@if($event->starts >= ($heading ? $heading : $nextWeek))
</div>
<div class="month" data-month="{{++$month}}">
<h2>{{$heading ? "De agenda van" : "De rest van"}} {{Formatter::fullDate($event->starts, 'm y?')}}</h2>
@php($heading = new \DateTimeImmutable('first day of next month ' . $event->starts->format('Y-m-d')))
@endif
<div class='row details' data-index="{{$month}}">
@php($image = isset($event->images) && count($event->images) ? $event->images[0] : null)
<div class='col-lg-3 @if(!$image) hidden-sm hidden-xs @endif'>
<div class="news-item news-item-small wow fadeInDown">
<div class="thumb">
<a href="{{$event->url}}" rel="bookmark" title="{{$event->title}}">
<img style="width: 100%;" src="{{ $image ? url( $image->url ) : url( 'images/noimage.png') }}" alt="{{$image ? $image->title : $event->title}}" title="{{$image ? $image->title : $event->title}}"/>
</a>
</div><!--/.thumb-->
</div><!--/.wow-->
</div><!--/.col-->
<div class='col-lg-9'>
<h2><a href="{{$event->url}}">{{$event->title}}</a></h2>
<div class="event-date">
{{Formatter::relativeDate($event->starts, 'W d m y?')}} @if($event->ends && $event->starts != $event->ends) t/m {{Formatter::relativeDate($event->ends, 'd m y?')}} @endif
</div>
<b>{{$event->region}}.</b> {!!Formatter::excerpt($event->content, 250)!!}
<p><a href="{{$event->url}}" class="btn btn-info">Lees verder</a>
</div><!--/.col-->
</div><!--/.row-->
@endforeach
</div>
@php($imgBase = 'https://nhgooi.nl')
@php($nextWeek = new \DateTimeImmutable('midnight +7 days'))
@php($heading = null)
@php($month = 0)
@foreach($events as $event)
@if($event->starts >= ($heading ? $heading : $nextWeek))
</ul>
</div>
</div>
<div class="row">
<div class="month" data-month="{{++$month}}">
<h4 class="box_header page_margin_top_section">{{$heading ? "De agenda van" : "De rest van"}} {{Formatter::fullDate($event->starts, 'm y?')}}</h4>
<ul class="blog big">
@php($heading = new \DateTimeImmutable('first day of next month ' . $event->starts->format('Y-m-d')))
@endif
@php($image = isset($event->images) && count($event->images) ? $event->images[0] : null)
<li class="post {{$image ? "" : "no_img"}}">
@if($image)
<a href="{{$event->url}}" title="{{$event->title}}">
<img src='{{$imgBase . $image->url}}' alt="{{$image->title}}">
</a>
@endif
<div class="post_content">
<h2><a href="{{$event->url}}" title="{{$event->title}}">{{$event->title}}</a></h2>
<ul class="post_details">
<li class="category"><span href="#" title="{{$event->region}}">{{$event->region}}</span></li>
<li class="date">
{{Formatter::relativeDate($event->starts, 'W d m y?')}}
@if($event->ends && $event->starts != $event->ends)
t/m {{Formatter::relativeDate($event->ends, 'd m y?')}}
@endif
</li>
</ul>
<p>{!!Formatter::excerpt($event->content, 250)!!}</p>
<a class="read_more" href="{{$event->url}}" title="Lees verder"><span class="arrow"></span><span>Lees verder</span></a>
</div>
</li>
@endforeach
</ul>
</div>
</div>{{--row--}}
<nav>
<ul class="pager">
<li class="previous-month"><a href="#">&larr; Eerder</a></li>
<li class="current-month"><a href="#">Komende week</a></li>
<li class="everything"><a href="#">Toon alles</a></li>
<li class="next-month"><a href="#">Later &rarr;</a></li>
<li class="action_button previous-month"><a href="#">&larr; Eerder</a></li>
<li class="action_button current-month"><a href="#">Komende week</a></li>
<li class="action_button everything"><a href="#">Toon alles</a></li>
<li class="action_button next-month"><a href="#">Later &rarr;</a></li>
</ul>
</nav>
@endsection
@push('styles')
<style>
.pager {
display: flex;
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
}
.pager .action_button {
flex: 1;
}
.pager .current-month,
.pager .everything {
text-align: center;
}
.pager .next-month {
text-align: right;
}
</style>
@endpush
@push('scripts')
<script type="text/javascript">
var month = 0;
var months = {{$month}};
@@ -120,4 +158,4 @@
</script>
@endif
@endsection
@endpush