Pressroom template verwijderd, website naar root van repo
This commit is contained in:
51
resources/views/about.blade.php
Normal file
51
resources/views/about.blade.php
Normal file
@@ -0,0 +1,51 @@
|
||||
@extends('layouts/full')
|
||||
|
||||
@section('title')
|
||||
Over 6FM
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
@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>
|
||||
|
||||
Het doel van 6FM is radio- en tv-uitzendingen maken voor de inwoners van de Gooi en Vechstreek gemeenten waarbij de nadruk ligt op Informatie, Cultuur en Educatie. 6FM doet dit o.a. met de programma's <a href="{{url('radio/programma/1038/6fm-zaterdag')}}">6FM Zaterdag</a> en diverse themauitzendingen. <br><br>
|
||||
|
||||
<h2>Werken bij 6FM</h2>
|
||||
|
||||
6FM is altijd op zoek naar radiotalent op het gebied van techniek, redactie, presentatie, of beter: een combinatie daarvan.
|
||||
Ervaring niet vereist maar enthousiasme wel.<br><br>
|
||||
|
||||
6FM probeert een zo professioneel mogelijk geluid te brengen. Alle werkzaamheden voor 6FM zijn geheel vrijwillig.<br><br>
|
||||
|
||||
Ben je geïnteresseerd in radio en wil je aan de slag? Dan komen we graag in contact met jou. Een e-mail naar <a href="mailto:vacature@6fm.nl">vacature@6fm.nl</a> met jouw motivatie om bij 6FM te komen werken volstaat.<br><br>
|
||||
|
||||
Momenteel is er bij 6FM een dringende behoefte aan:<br>
|
||||
<b>Redactiemedewerkers voor zowel radio, internet als kabelkrant</b><br>
|
||||
<b>Radiotechnicus</b><br><br>
|
||||
|
||||
<h3>Redactiemedewerker</h3>
|
||||
<br>
|
||||
<u>De werkzaamheden</u><br>
|
||||
Redacteuren verzorgen een 24-uurs nieuwsvoorziening op het internet en onze kabelkrant. Zij gebruiken daarvoor eigen bronnen zoals persberichten, de lokale media en de sites van organisaties in de regio. De redactie stelt nieuwsbulletins samen en houdt de evenementenagenda bij. <br>
|
||||
<br>
|
||||
<u>Wat vragen wij?</u><br>
|
||||
Redacteuren bij radio 6FM hebben een gezonde dosis nieuwsgierigheid. En zijn geïnteresseerd in veel wat er in Huizen en de BEL-gemeenten speelt. Zij bezitten een goede beheersing van de Nederlandse taal. De werkzaamheden kunnen vanuit huis via internet gedaan worden. Na een instructie krijgen zij toegang tot het gecodeerde 6FM redactiesysteem.<br>
|
||||
<br>
|
||||
<u>Wat bieden wij?</u><br>
|
||||
Opname in een enthousiast team dat dagelijks bezig is Radio 6FM 'op de kaart' te zetten. Doordat de werkzaamheden vanuit huis gedaan kunnen worden is er een grote mate van flexibiliteit. Later kunnen de werkzaamheden bij interesse eventueel uitgebreid worden. Te denken valt dan aan het produceren van onderwerpen voor ons actualiteitenprogramma '6FM Actueel'.<br>
|
||||
Het hele team van Radio 6FM bestaat uit vrijwilligers en kent geen betaalde functies.<br>
|
||||
<br>
|
||||
<u>Hoe reageren?</u><br>
|
||||
Interesse? Stuur dan een mailtje naar {{Html::mailto('vacature@6fm.nl')}}. We nemen dan zo snel mogelijk contact op.<br>
|
||||
|
||||
<h3>Radiotechnicus</h3>
|
||||
Voor de versterking van onze club technici zoeken we mensen vanaf 18 jaar die:<br>
|
||||
- affiniteit hebben met radiotechniek en/of audio<br>
|
||||
- en/of radio items willen monteren met de computer of hier gevoel voor
|
||||
hebben en dit willen leren<br><br>
|
||||
|
||||
Ben jij dit? Stuur een e-mail naar {{Html::mailto('vacature@6fm.nl')}} met motivatie om uitgenodigd te worden voor een kennismaking.<br><br>
|
||||
|
||||
@endsection
|
||||
23
resources/views/adverteren.blade.php
Normal file
23
resources/views/adverteren.blade.php
Normal file
@@ -0,0 +1,23 @@
|
||||
@extends('layouts/sidebar')
|
||||
|
||||
@section('title')
|
||||
Adverteren
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
@parent
|
||||
<h5 class="excerpt">
|
||||
NH Gooi biedt (plaatselijke) ondernemers de mogelijkheid om hun producten en/of diensten onder aandacht te brengen bij de luisteraars van NH Gooi. De scherpe tarieven zijn op aanvraag verkrijgbaar bij NH Gooi.
|
||||
</h5>
|
||||
<p>
|
||||
In 2005 heeft onderzoeksbureau INTERVIEW NSS in opdracht van de Organisatie van Lokale Omroepen Nederland een onderzoek uitgevoerd naar het bereik van de publieke lokale omroepen in Nederland. Uit dit onderzoek kwam onder meer naar voren dat een kwart van de bevolking wel eens luistert publieke lokale radio. Ruim de helft van de bevolking kent de publieke lokale radiozender in de eigen woonplaats bij naam. Verder bleek uit het onderzoek dat een op de zes inwoners lokale omroep als de belangrijkste bron voor lokale informatie beschouwt.
|
||||
</p>
|
||||
<h4>Streekomroep</h4>
|
||||
<p>
|
||||
Interessant daarbij is dat NH Gooi meer is dan zomaar een publieke lokale radiozender. NH Gooi is een streekomroep, die in grote delen van het Gooi alsmede in Eemland-Noord is te ontvangen via 92.0 FM, 105.1 FM en 106.2 FM, ether-bereik: 200.000 mensen. Daarnaast is NH Gooi te ontvangen via de kabelnetten van Blaricum (3881 huishoudens), Eemnes (3090 huishoudens), Laren (4739 huishoudens), Huizen (18.000 huishoudens) en Hilversum (40.000 huishoudens).
|
||||
Tenslotte is NH Gooi ook on line te ontvangen.
|
||||
</p>
|
||||
<p>
|
||||
Ondernemers die geïnteresseerd zijn en meer informatie wensen te ontvangen over adverteren op NH Gooi kunnen reageren via {{Html::mailto('info@nhgooi.nl')}}.
|
||||
</p>
|
||||
@endsection
|
||||
114
resources/views/calendarevent.blade.php
Normal file
114
resources/views/calendarevent.blade.php
Normal file
@@ -0,0 +1,114 @@
|
||||
@extends('layouts/sidebar')
|
||||
|
||||
@section('title')
|
||||
{{$event->title}}
|
||||
@endsection
|
||||
|
||||
@section('breadcrumb')
|
||||
<ul class="bread_crumb">
|
||||
<li><a title="Regio-agenda" href="{{route('agenda')}}">Regio-agenda</a></li>
|
||||
<li class="separator icon_small_arrow right_gray"> </li>
|
||||
<li>Details</li>
|
||||
</ul>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="row">
|
||||
<div class="post single small_image">
|
||||
<ul class="post_details clearfix">
|
||||
<li class="detail 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>
|
||||
@if($event->region && $event->region != "Regio")
|
||||
<li class="detail category">Regio {{$event->region}}</a></li>
|
||||
@endif
|
||||
</ul>
|
||||
|
||||
|
||||
@if($event->podcast)
|
||||
@include('widgets/mediaplayer')
|
||||
<div class="announcement">
|
||||
<div>
|
||||
<audio controls>
|
||||
<source src="{{ $url = url( $apiUrl . 'podcast/download/' . $event->podcast->url . "?auth=" . $event->podcast->auth )}}" type="audio/mpeg" />
|
||||
</audio>
|
||||
</div>
|
||||
<ul class="post_details clearfix">
|
||||
<li class="detail date">
|
||||
{{ Formatter::relativeDate($event->podcast->created) }} uitgezonden
|
||||
@if($event->podcast->program) in <a href="{{ route('programma') . $event->podcast->program->url }}">{{ $event->podcast->program->name }}</a> @endif
|
||||
</li>
|
||||
<li class="detail category">
|
||||
<a href="{{ route('gemist.fragment') . $event->podcast->url }}">
|
||||
<span class="fa "></span>
|
||||
<span>Meer over dit fragment</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="post_content page_margin_top clearfix">
|
||||
<div class="content_box">
|
||||
@if($event->images)
|
||||
@if(count($event->images) == 1)
|
||||
<div class="post_image_box">
|
||||
<a href="{{$imgBase . $event->images[0]->url}}" class="post_image prettyPhoto" title="{{$event->images[0]->title}}">
|
||||
<img src='{{$imgBase . $event->images[0]->url}}' alt='{{$event->images[0]->title}}'>
|
||||
</a>
|
||||
<div class="sentence">
|
||||
<span class="text">{{$event->images[0]->title}}</span>
|
||||
@if(isset($event->images[0]->author))
|
||||
<span class="author">{{$event->images[0]->author}}</span>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
@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($event->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($event->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
|
||||
|
||||
@if(is_array($event->content))
|
||||
@include('partial/nh_story', ['content' => $event->content]);
|
||||
@else
|
||||
<div class="text">
|
||||
<p>{!!$event->content!!}</p>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
{{--
|
||||
@include('widgets/share')
|
||||
--}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@endsection
|
||||
|
||||
|
||||
160
resources/views/calendarlist.blade.php
Normal file
160
resources/views/calendarlist.blade.php
Normal file
@@ -0,0 +1,160 @@
|
||||
@extends('layouts/sidebar')
|
||||
|
||||
@section('title')
|
||||
Regioagenda
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
@parent
|
||||
|
||||
@if(!count($events))
|
||||
<p>Er zijn geen items in de regioagenda. Iets te melden? Mail het naar {{Html::mailto("info@6fm.nl")}}.</p>
|
||||
@else
|
||||
|
||||
<nav>
|
||||
<ul class="pager">
|
||||
<li class="action_button previous-month"><a href="#">← 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 →</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="month" data-month="0">
|
||||
<h4 class="box_header page_margin_top_section">Komende week</h4>
|
||||
<ul class="blog big">
|
||||
|
||||
@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="action_button previous-month"><a href="#">← 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 →</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}};
|
||||
var $current = null;
|
||||
|
||||
function gotoPage(month) {
|
||||
$new = (month === null) ? $(".month") : $(".month[data-month=" + month + "]");
|
||||
if($current == null) {
|
||||
$(".month").hide("fast");
|
||||
$new.fadeIn("fast");
|
||||
} else {
|
||||
($container = $("#contentSection")).css('height', $container.height() + "px").css('overflow', 'hidden');
|
||||
animations = $current.length;
|
||||
$current.fadeOut("fast", function() {
|
||||
$new.fadeIn("fast", function() {
|
||||
if(--animations > 0) { return; }
|
||||
curHeight = $container.height();
|
||||
autoHeight = $container.css('height', 'auto').height();
|
||||
$container.height(curHeight).animate({ height: autoHeight }, 250, function() {
|
||||
$container.css('height', 'auto');
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
$current = $new;
|
||||
window.location.hash = (month === null) ? "alles" : ("page-" + month);
|
||||
|
||||
$previous = $(".pager .previous-month, .pager .current-month");
|
||||
if(month == 0) { $previous.addClass('disabled'); } else { $previous.removeClass('disabled'); }
|
||||
|
||||
$next = $(".pager .next-month");
|
||||
if(month == months) { $next.addClass('disabled'); } else { $next.removeClass('disabled'); }
|
||||
}
|
||||
|
||||
$(".pager .previous-month").click(function(e) { if(month > 0) gotoPage(--month); e.preventDefault(); });
|
||||
$(".pager .current-month").click(function(e) { if(month != 0) gotoPage(month = 0); e.preventDefault(); });
|
||||
$(".pager .next-month").click(function(e) { if(month < months) gotoPage(++month); e.preventDefault(); });
|
||||
$(".pager .everything").click(function(e) { gotoPage(null); e.preventDefault(); });
|
||||
gotoPage(0);
|
||||
|
||||
window.onhashchange = function() {
|
||||
if(window.location.hash == "#alles") {
|
||||
gotoPage(null);
|
||||
} else {
|
||||
newMonth = window.location.hash.substr(6);
|
||||
if(newMonth != month) {
|
||||
gotoPage(newMonth);
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@endif
|
||||
@endpush
|
||||
36
resources/views/contact.blade.php
Normal file
36
resources/views/contact.blade.php
Normal file
@@ -0,0 +1,36 @@
|
||||
@extends('layouts.sidebar')
|
||||
|
||||
@section('title')
|
||||
Neem contact op
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<h1>Contact</h1>
|
||||
<p>Neem contact op met NH Gooi. De streekomroep voor Hilversum, Huizen, Blaricum, Eemnes en Laren.</p>
|
||||
|
||||
<p class="clearfix">
|
||||
Wij zijn te ontvangen in heel Gooi en Eemland. <br>
|
||||
<a href="{{url('frequenties')}}" class="action_button">
|
||||
<span class="fa fa-list"></span>
|
||||
<span>Frequenties</span>
|
||||
</a>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<b>Het postadres van NH Gooi is: </b><br>
|
||||
Postbus 83<br>
|
||||
1270 AB Huizen<br>
|
||||
<br>
|
||||
|
||||
<b>Bezoekadres / Studio:</b><br>
|
||||
IJsselmeerstraat 3B<br>
|
||||
1271 AA Huizen<br><br>
|
||||
|
||||
<p>
|
||||
<b>Telefoon en email:</b><br>
|
||||
Tel: 035-6424774<br/>
|
||||
Studio: 035-6424776<br/>
|
||||
E-mail: {{Html::mailto('info@nhgooi.nl')}}<br/>
|
||||
KvK: 41194132</table><br>
|
||||
</p>
|
||||
@endsection
|
||||
29
resources/views/frequenties.blade.php
Normal file
29
resources/views/frequenties.blade.php
Normal file
@@ -0,0 +1,29 @@
|
||||
@extends('layouts.sidebar')
|
||||
|
||||
@section('title')
|
||||
Frequenties
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
|
||||
<h2 class="page_margin_top">NH Gooi Radio</h2>
|
||||
<p>NH Gooi Radio hoor je in heel Gooi en Eemland op FM:
|
||||
|
||||
<ul class="list no_border spacing">
|
||||
<li class="bullet style_2">Huizen, BEL-gemeenten: <b>92.0 FM</b> of <b>105.1 FM</b></li>
|
||||
<li class="bullet style_2">Hilversum: <b>106.2 FM</b></li>
|
||||
</ul></p>
|
||||
|
||||
<p>Of luister via je digitale ontvanger:
|
||||
<ul class="list no_border spacing">
|
||||
<li class="bullet style_2">Bij KPN op <b>kanaal 1079</b>.</li>
|
||||
</ul></p>
|
||||
|
||||
<h2 class="page_margin_top">NH Gooi TV</h2>
|
||||
<p>NH Gooi TV zie je op de kabel:</p>
|
||||
|
||||
<ul class="list no_border spacing">
|
||||
<li class="bullet style_2">Bij KPN op <b>kanaal 1379</b>.</li>
|
||||
<li class="bullet style_2">Bij Ziggo op <b>kanaal 40</b>.</li>
|
||||
</ul>
|
||||
@endsection
|
||||
258
resources/views/home.blade.php
Normal file
258
resources/views/home.blade.php
Normal file
@@ -0,0 +1,258 @@
|
||||
@extends('layouts.master')
|
||||
|
||||
@section('title')
|
||||
NH Gooi - Nieuws
|
||||
@endsection
|
||||
|
||||
|
||||
@section('content')
|
||||
{{-- Nieuws komt met 15 berichten per pagina. Deel op in (1 + 3) in de kop,
|
||||
1 x 2-breed en de rest 3-breed. --}}
|
||||
<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="{{route('nieuws.regio', ['id' => $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 < 3) && ($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="{{route('nieuws.regio', ['id' => $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)}}" class="over_image">{{$item->region->title}}</a>
|
||||
</li>
|
||||
</ul>
|
||||
<h2 style="display:none;"><a href="{{url($item->url)}}" title="{{$item->title}}">{{Formatter::excerpt($item->title, 50)}}</a></h2>
|
||||
<h5><a href="{{url($item->url)}}" title="sfd">{{$item->title}}</a></h5>
|
||||
|
||||
</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">Meer nieuws</h4>
|
||||
@foreach(array_slice($news, 4, 2) 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', ['news' => array_slice($news, 6, 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">
|
||||
@include('widgets.banners')
|
||||
|
||||
{{--
|
||||
<h4 class="box_header"><span class="fa fa-fire"></span> Meest gelezen</h4>
|
||||
@include('widgets.populairnieuws')
|
||||
--}}
|
||||
|
||||
@include('widgets.nustraks')
|
||||
|
||||
<h4 class="page_margin_top box_header"><span class="fa fa-history"></span> Iets gemist?</h4>
|
||||
<p><a class="more" href="{{route('gemist.fragment')}}">Fragment gemist</a>
|
||||
<a class="more" style="margin-top: 2px;" href="{{route('gemist.programma')}}">Programma terugluisteren</a></p>
|
||||
|
||||
@if(!$title)
|
||||
<h4 class="page_margin_top box_header"><span class="fa fa-tag"></span> Recente berichten</h4>
|
||||
<?php
|
||||
$regions = [];
|
||||
$themes = [];
|
||||
foreach($news as $item) {
|
||||
$regions[$item->region->slug] = $item->region->title;
|
||||
$themes[$item->theme->slug] = $item->theme->title;
|
||||
}
|
||||
?>
|
||||
|
||||
<ul class="taxonomies clearfix page_margin_top">
|
||||
@foreach($regions as $slug => $title)
|
||||
<li><a href="{{route('nieuws.regio', $slug)}}" title="Meer nieuws uit regio {{$title}}"><span class="fa fa-map-marker"></span> Uit {{$title}}</a></li>
|
||||
@endforeach
|
||||
@foreach($themes as $slug => $title)
|
||||
<li class="active"><a href="{{route('nieuws.thema', $slug)}}" title="Meer nieuws met thema {{$title}}"><span class="fa fa-tag"></span> Over {{$title}}</a></li>
|
||||
@endforeach
|
||||
</ul>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('oud')
|
||||
@if($title) <h2> <a href="{{route('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
|
||||
|
||||
43
resources/views/kerkdienst.blade.php
Normal file
43
resources/views/kerkdienst.blade.php
Normal file
@@ -0,0 +1,43 @@
|
||||
@extends('layouts/sidebar')
|
||||
|
||||
@section('title')
|
||||
Zondagsdienst
|
||||
@endsection
|
||||
|
||||
@include('widgets/mediaplayer')
|
||||
|
||||
@section('content')
|
||||
@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 = route('luister.kerkdienst')}}" class="action_button player"><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 & Samenleving via de link
|
||||
<a href="{{$live = route('luister.live')}}" class="player"><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
|
||||
37
resources/views/layouts/_head.blade.php
Normal file
37
resources/views/layouts/_head.blade.php
Normal file
@@ -0,0 +1,37 @@
|
||||
<head>
|
||||
<title>@yield('title') | NH Gooi</title>
|
||||
<!--meta-->
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.2" />
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<meta name="keywords" content="NH Gooi,Radio,TV,Nieuws,Lokale omroep,Huizen,Blaricum,Eemnes,Laren,Hilversum,BEL-gemeenten,Streekomroep" />
|
||||
<meta name="description" content="NH Gooi is de streekomroep voor Hilversum, Huizen, Blaricum, Eemnes en Laren." />
|
||||
<!--style-->
|
||||
<link href='//fonts.googleapis.com/css?family=Roboto:300,400,700' rel='stylesheet' type='text/css'>
|
||||
<link href='//fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700' rel='stylesheet' type='text/css'>
|
||||
<link rel="stylesheet" type="text/css" href="/css/reset.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/superfish.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/prettyPhoto.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/jquery.qtip.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/menu_styles.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/animations.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/responsive.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/odometer-theme-default.css">
|
||||
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/nhgooi.css">
|
||||
<meta property="fb:app_id" content="133349980094758" />
|
||||
<meta property="og:site_name" content="NH Gooi" />
|
||||
<?php if(isset($metadata)) {
|
||||
$metadata->set('url', url()->current())
|
||||
->prepend('image', $imgBase)
|
||||
->prepend('audio', route('gemist.fragment'))
|
||||
->append('title', ' | NH Gooi')
|
||||
->metaTags();
|
||||
} ?>
|
||||
@stack('styles')
|
||||
<link rel="shortcut icon" href="/images/favicon.ico">
|
||||
<!--rss-->
|
||||
<link rel="alternate" type="application/rss+xml" title="Abonneren op NH Gooi Nieuws" href="{{env('API_URL')}}rss/nieuws" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Abonneren op NH Gooi Fragment gemist" href="{{env('API_URL')}}rss/podcasts" />
|
||||
</head>
|
||||
8
resources/views/layouts/empty.blade.php
Normal file
8
resources/views/layouts/empty.blade.php
Normal file
@@ -0,0 +1,8 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
@include('layouts._head')
|
||||
<body>
|
||||
@yield('content')
|
||||
@stack('scripts')
|
||||
</body>
|
||||
</html>
|
||||
16
resources/views/layouts/full.blade.php
Normal file
16
resources/views/layouts/full.blade.php
Normal file
@@ -0,0 +1,16 @@
|
||||
@extends('layouts/master')
|
||||
|
||||
@section('page')
|
||||
<div class="clearfix" style="height: 15px;"></div>
|
||||
<div class="page_header clearfix page_margin_top">
|
||||
<div class="page_header_left clearfix page_margin_top">
|
||||
<h1 class="page_title">@yield('title')</h1>
|
||||
</div>
|
||||
<div class="page_header_right">
|
||||
@yield('breadcrumb')
|
||||
</div>
|
||||
</div>
|
||||
<div class="page_layout clearfix">
|
||||
@yield('content')
|
||||
</div>
|
||||
@endsection
|
||||
459
resources/views/layouts/master.blade.php
Normal file
459
resources/views/layouts/master.blade.php
Normal file
@@ -0,0 +1,459 @@
|
||||
@section('page')
|
||||
@yield('content')
|
||||
@endsection
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
@include('layouts._head')
|
||||
<body>
|
||||
<div class="site_container boxed">
|
||||
<div class="header_top_bar_container style_11 clearfix">
|
||||
{{--
|
||||
<div class="header_top_bar">
|
||||
<form class="search">
|
||||
<input type="text" name="s" placeholder="Search..." value="Search..." class="search_input hint">
|
||||
<input type="submit" class="search_submit" value="">
|
||||
<input type="hidden" name="page" value="search">
|
||||
</form>
|
||||
<!--<ul class="social_icons dark clearfix">
|
||||
<ul class="social_icons colors clearfix">-->
|
||||
<ul class="social_icons clearfix">
|
||||
<li>
|
||||
<a target="_blank" href="http://facebook.com/QuanticaLabs" class="social_icon facebook" title="facebook">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" href="https://twitter.com/QuanticaLabs" class="social_icon twitter" title="twitter">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="mailto:contact@pressroom.com" class="social_icon mail" title="mail">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://themeforest.net/user/QuanticaLabs/portfolio" class="social_icon envato" title="envato">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<!--<li>
|
||||
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon behance">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon bing">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon blogger">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon deezer">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon designfloat">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon deviantart">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon digg">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon dribbble">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon flickr">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon form">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon forrst">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon foursquare">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon friendfeed">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon googleplus">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon instagram">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon linkedin">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon mobile">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon myspace">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon picasa">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon pinterest">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon reddit">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon rss">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon skype">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon soundcloud">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon spotify">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon stumbleupon">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon technorati">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon tumblr">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon vimeo">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon wykop">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon xing">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon youtube">
|
||||
|
||||
</a>
|
||||
</li>-->
|
||||
</ul>
|
||||
@include('widgets.laatstenieuws')
|
||||
</div>
|
||||
--}}
|
||||
</div>
|
||||
<style>
|
||||
img.ri{ max-width:100%; height: 80px; }
|
||||
img.ri:empty{ }
|
||||
@media screen and (max-width:767px) and (orientation: portrait) {
|
||||
img.ri { max-width: 90%; height: auto; }
|
||||
}
|
||||
@media screen and (max-width:767px) and (orientation: landscape) {
|
||||
img.ri { max-height: 90%; height: auto; }
|
||||
}
|
||||
.header .logo h4 { font-size: 10pt; padding: 0; padding-top: 4px; }
|
||||
</style>
|
||||
<div class="header_container small">
|
||||
<div class="header clearfix">
|
||||
<div class="logo">
|
||||
<a href="{{url('/')}}"><img src="/images/logo.png" class="ri" /></a>
|
||||
</div>
|
||||
|
||||
<div class="now-playing-header">
|
||||
<div class="title"></div>
|
||||
<div class="artist"></div>
|
||||
<div class="controls">
|
||||
<ul>
|
||||
<li class="program-link">
|
||||
<a href='{{route('radio.gids')}}' title="Bekijk het huidige programma in de programmagids">
|
||||
<span class="fa fa-info"></span>
|
||||
<label>Programmagids</label>
|
||||
</a>
|
||||
</li>
|
||||
<li class="listen-live">
|
||||
<a href='{{route('luister.live')}}' title="Luister live naar NH Gooi Radio" class="player">
|
||||
<span class="fa fa-play"></span>
|
||||
<label>Luister NH Gooi Radio</label>
|
||||
</a>
|
||||
</li>
|
||||
<li class="watch-live">
|
||||
<a href='{{route('kijk.live')}}' title="Kijk live naar NH Gooi TV">
|
||||
<span class="fa fa-camera"></span>
|
||||
<label>Kijk NH Gooi TV</label>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="menu_container sticky clearfix">
|
||||
@include('widgets.menu')
|
||||
@if(isset($searchURL))
|
||||
<form class="search" action="{{url($searchURL)}}">
|
||||
<input type="text" name="query" placeholder="Zoeken..." value="{{isset($query) ? $query : null}}" class="search_input hint">
|
||||
<input type="submit" class="search_submit" value="Zoeken">
|
||||
</form>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<!-- Content -->
|
||||
|
||||
<div class="page">
|
||||
<a name="top"></a>
|
||||
@yield('page')
|
||||
</div><!--/.page-->
|
||||
|
||||
<a class="scroll_top_floater" href="#top" title="Scroll naar boven"></a>
|
||||
|
||||
<!-- Footer -->
|
||||
<div class="footer_container">
|
||||
<div class="footer clearfix>
|
||||
<div class="row">
|
||||
<div class="column column_1_3">
|
||||
<h4 class="box_header">NH Gooi</h4>
|
||||
<p class="padding_top_bottom_25">
|
||||
<b>NH Gooi</b> is de streekomroep voor het Gooi in samenwerking met NH Media.
|
||||
NH Gooi Radio hoor je in heel Gooi en Eemland, bijvoorbeeld op 92.0 FM.
|
||||
<a href="{{url('frequenties')}}">Alle frequenties / kanalen.</a>
|
||||
</p>
|
||||
<div class="row">
|
||||
<div class="column column_1_2">
|
||||
<h5>Bezoekadres / Studio</h5>
|
||||
<p>
|
||||
IJsselmeerstraat 3B <br/>
|
||||
1271 AA, Huizen <br/>
|
||||
Tel: 035-6424774 <br/>
|
||||
Studio: 035-6424776 <br/>
|
||||
E-mail: info@nhgooi.nl <br/>
|
||||
KvK: 41194132
|
||||
</p>
|
||||
</div>
|
||||
<div class="column column_1_2">
|
||||
<h5>Postadres</h5>
|
||||
<p>
|
||||
Postbus 83 <br/>
|
||||
1270 AB Huizen <br/>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{{--
|
||||
<h4 class="box_header page_margin_top">Get In Touch With Us</h4>
|
||||
<ul class="social_icons dark page_margin_top clearfix">
|
||||
<li>
|
||||
<a target="_blank" title="" href="http://facebook.com/QuanticaLabs" class="social_icon facebook">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" title="" href="https://twitter.com/QuanticaLabs" class="social_icon twitter">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="mailto:contact@pressroom.com" class="social_icon mail">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="#" class="social_icon skype">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon envato">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="#" class="social_icon instagram">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="#" class="social_icon pinterest">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
--}}
|
||||
</div>
|
||||
<div class="column column_1_3">
|
||||
<h4 class="box_header">Fragment gemist</h4>
|
||||
@include("widgets.laatstepodcasts")
|
||||
</div>
|
||||
<div class="column column_1_3">
|
||||
<h4 class="box_header">Regio-agenda</h4>
|
||||
@include("widgets.regioagenda")
|
||||
</div>
|
||||
</div>
|
||||
<div class="row page_margin_top_section">
|
||||
<div class="column column_1_4">
|
||||
<a class="scroll_top" href="#top" title="Scroll to top">Top</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row copyright_row">
|
||||
<div class="column column_2_3">
|
||||
© Copyright <?php echo date('Y'); ?> NH Gooi. <a href="http://quanticalabs.com" title="QuanticaLabs" target="_blank">QuanticaLabs</a> - PressRoom Template.
|
||||
</div>
|
||||
{{--
|
||||
<div class="column column_1_3">
|
||||
<ul class="footer_menu">
|
||||
<li>
|
||||
<h6><a href="?page=about" title="About">About</a></h6>
|
||||
</li>
|
||||
<li>
|
||||
<h6><a href="?page=authors" title="Authors">Authors</a></h6>
|
||||
</li>
|
||||
<li>
|
||||
<h6><a href="?page=contact" title="Contact Us">Contact Us</a></h6>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
--}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="background_overlay"></div>
|
||||
<!--js-->
|
||||
<script type="text/javascript" src="/js/jquery-1.12.4.min.js"></script>
|
||||
<script type="text/javascript" src="/js/jquery-migrate-1.4.1.min.js"></script>
|
||||
<script type="text/javascript" src="/js/jquery.ba-bbq.min.js"></script>
|
||||
<script type="text/javascript" src="/js/jquery-ui-1.11.1.custom.min.js"></script>
|
||||
<script type="text/javascript" src="/js/jquery.easing.1.3.js"></script>
|
||||
<script type="text/javascript" src="/js/jquery.carouFredSel-6.2.1-packed.js"></script>
|
||||
<script type="text/javascript" src="/js/jquery.touchSwipe.min.js"></script>
|
||||
<script type="text/javascript" src="/js/jquery.mousewheel.min.js"></script>
|
||||
<script type="text/javascript" src="/js/jquery.transit.min.js"></script>
|
||||
<script type="text/javascript" src="/js/jquery.sliderControl.js"></script>
|
||||
<script type="text/javascript" src="/js/jquery.timeago.js"></script>
|
||||
<script type="text/javascript" src="/js/jquery.hint.js"></script>
|
||||
<script type="text/javascript" src="/js/jquery.prettyPhoto.js"></script>
|
||||
<script type="text/javascript" src="/js/jquery.qtip.min.js"></script>
|
||||
<script type="text/javascript" src="/js/jquery.blockUI.js"></script>
|
||||
<script type="text/javascript" src="/js/main.js"></script>
|
||||
<script type="text/javascript" src="/js/odometer.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(window).resize(function() {
|
||||
// Fix sticky for mobile menu indicator
|
||||
menu_position = $(".menu_container").offset().top;
|
||||
});
|
||||
|
||||
$(window).scroll(function() {
|
||||
var topOfWindow = $(window).scrollTop();
|
||||
if(topOfWindow > menu_position) $(".scroll_top_floater").fadeIn();
|
||||
else $(".scroll_top_floater").fadeOut();
|
||||
});
|
||||
$(".scroll_top_floater").hide();
|
||||
|
||||
function updateOnAir() {
|
||||
$.ajax({
|
||||
url: '{{route('onair')}}',
|
||||
success: function(data) {
|
||||
$(document).trigger('onAirUpdated', data);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$(updateOnAir);
|
||||
var onAirUpdater = setInterval(updateOnAir, 5000);
|
||||
var $nowPlaying = {
|
||||
container: $(".now-playing-header").hide(),
|
||||
title: $(".now-playing-header .title"),
|
||||
artist: $(".now-playing-header .artist"),
|
||||
controls: $(".now-playing-header .controls"),
|
||||
programLink: $(".now-playing-header .program-link a"),
|
||||
programLabel: $(".now-playing-header .program-link a > label"),
|
||||
first: true
|
||||
};
|
||||
$(document).on('onAirUpdated', function(evt, data) {
|
||||
if(data.inProgram) {
|
||||
$nowPlaying.title.text(data.program.name).attr('title', data.program.name);
|
||||
$nowPlaying.artist.text(data.program.tagline);
|
||||
} else {
|
||||
$nowPlaying.programLabel.text(data.program.name).attr('title', data.program.name + "\n" + data.program.tagline);
|
||||
$nowPlaying.title.text(data.current.title).attr('title', data.current.title);
|
||||
$nowPlaying.artist.text(data.current.artist).attr('title', data.current.artist);
|
||||
}
|
||||
$nowPlaying.programLink.attr('href', '{{route("programma")}}' + data.program.url);
|
||||
if($nowPlaying.first) { $nowPlaying.controls.hide(); }
|
||||
$nowPlaying.container.slideDown(function() {
|
||||
if($nowPlaying.first) {
|
||||
$nowPlaying.controls.fadeIn('slow');
|
||||
$nowPlaying.first = false;
|
||||
}
|
||||
});
|
||||
|
||||
// Now playing may have moved the menu
|
||||
menu_position = $(".menu_container").offset().top;
|
||||
});
|
||||
$(".player").click(function(e) {
|
||||
e.preventDefault();
|
||||
window.open($(this).attr('href'), '_player', 'width=500,height=500,titlebar,close');
|
||||
return false;
|
||||
});
|
||||
</script>
|
||||
@stack('scripts')
|
||||
</body>
|
||||
</html>
|
||||
27
resources/views/layouts/sidebar.blade.php
Normal file
27
resources/views/layouts/sidebar.blade.php
Normal file
@@ -0,0 +1,27 @@
|
||||
@extends('layouts/master')
|
||||
|
||||
@section('page')
|
||||
<div class="clearfix" style="height: 15px;"></div>
|
||||
<div class="page_header clearfix page_margin_top">
|
||||
<div class="page_header left">
|
||||
<h1 class="page_title">@yield('title')</h1>
|
||||
</div>
|
||||
<div class="page_header_right">
|
||||
@yield('breadcrumb')
|
||||
</div>
|
||||
</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">
|
||||
@include('widgets.banners')
|
||||
|
||||
@include('widgets.nustraks')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
145
resources/views/listen.blade.php
Normal file
145
resources/views/listen.blade.php
Normal file
@@ -0,0 +1,145 @@
|
||||
@extends('layouts.empty')
|
||||
|
||||
@section('content')
|
||||
<a href="javascript:window.close();" class="close"><span class='fa fa-times fa-fw'></span> Venster sluiten</a>
|
||||
<p class="logo"><a href="{{ url('/') }}"><img src="{{ url( 'images/logo.png' )}}"></a></p>
|
||||
|
||||
@if(false && $isStream)
|
||||
<p>Wegens een technisch probleem is NH Gooi momenteel niet via Internet te beluisteren. Onze excuses voor het ongemak.</p>
|
||||
<p>In Hilversum, Huizen en de BEL-gemeenten zijn wij te ontvangen op 92.0 FM of 105.1 FM.</p>
|
||||
@else
|
||||
<div class="now-playing-header">
|
||||
<div class="title"></div>
|
||||
<div class="artist"></div>
|
||||
@if(!$isStream)
|
||||
<div class="controls">
|
||||
<ul>
|
||||
<li class="program-link">
|
||||
<a href='{{route('luister.live')}}' title="Luister naar NH Gooi Radio">
|
||||
<span class="fa fa-music"></span>
|
||||
<label>Luister live</label>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="player">
|
||||
<p><b>U luistert nu naar</b> {!!$content!!}</p>
|
||||
@if(isset($tabs))
|
||||
<p>
|
||||
@foreach($tabs as $link => $caption)
|
||||
<a class="tab {{$link == '#' ? "active" : ""}}" href="{{$link}}">{{$caption}}</a>
|
||||
@endforeach
|
||||
</p>
|
||||
@endif
|
||||
<p>
|
||||
<audio controls autoplay="true">
|
||||
<source src="{{$source}}" type="audio/mp3" />
|
||||
</audio>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
@if(!$isStream && $canDownload)
|
||||
<a href="{{$source}}" class="action_button">
|
||||
<span class="fa fa-download"></span><span>Download .mp3-bestand</span>
|
||||
</a>
|
||||
@endif
|
||||
@if(!$isStream)
|
||||
<a href="{{route('luister.live')}}" class="action_button">
|
||||
<span class="fa fa-music"></span><span>Schakel naar live-uitzending</span>
|
||||
</a>
|
||||
@endif
|
||||
</p>
|
||||
@endif
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
|
||||
@push('styles')
|
||||
<style>
|
||||
body { padding: 10px; }
|
||||
.close {
|
||||
float: right;
|
||||
}
|
||||
|
||||
p {
|
||||
padding: 5px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.action_button {
|
||||
float: none;
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: 90%;
|
||||
max-width: 300px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.logo img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.now-playing {
|
||||
color: black;
|
||||
}
|
||||
|
||||
.player {
|
||||
border: outset 2px #21BBEF;
|
||||
border-radius: 8px;
|
||||
margin-top: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
.player p {
|
||||
color: black;
|
||||
}
|
||||
.player .tab {
|
||||
color: black;
|
||||
padding: 5px;
|
||||
border-bottom: solid 4px transparent;
|
||||
}
|
||||
.player .tab.active {
|
||||
border-bottom: solid 4px #5796C8;
|
||||
}
|
||||
.player .tab:hover {
|
||||
text-decoration: none;
|
||||
border-bottom: solid 4px #21BBEF;
|
||||
}
|
||||
</style>
|
||||
@endpush
|
||||
|
||||
@push('scripts')
|
||||
<script type="text/javascript" src="/js/jquery-1.12.4.min.js"></script>
|
||||
<script>
|
||||
function updateOnAir() {
|
||||
$.ajax({
|
||||
url: '{{route('onair')}}',
|
||||
success: function(data) {
|
||||
$(document).trigger('onAirUpdated', data);
|
||||
}
|
||||
});
|
||||
}
|
||||
$(updateOnAir);
|
||||
var onAirUpdater = setInterval(updateOnAir, 5000);
|
||||
var $nowPlaying = {
|
||||
container: $(".now-playing-header").hide(),
|
||||
title: $(".now-playing-header .title"),
|
||||
artist: $(".now-playing-header .artist"),
|
||||
};
|
||||
$(document).on('onAirUpdated', function(evt, data) {
|
||||
if(data.inProgram) {
|
||||
$nowPlaying.title.text(data.program.name).attr('title', data.program.name);
|
||||
$nowPlaying.artist.text(data.program.tagline);
|
||||
} else {
|
||||
$nowPlaying.title.text(data.current.title).attr('title', data.current.title);
|
||||
$nowPlaying.artist.text(data.current.artist).attr('title', data.current.artist);
|
||||
}
|
||||
$nowPlaying.container.slideDown();
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
|
||||
@include('widgets.mediaplayer')
|
||||
151
resources/views/newsitem.blade.php
Normal file
151
resources/views/newsitem.blade.php
Normal file
@@ -0,0 +1,151 @@
|
||||
@extends('layouts/sidebar')
|
||||
|
||||
@section('title')
|
||||
{{$news->title}}
|
||||
@endsection
|
||||
|
||||
@section('breadcrumb')
|
||||
<ul class="bread_crumb">
|
||||
<li><a title="Nieuws" href="{{route('nieuws')}}">Nieuws</a></li>
|
||||
<li class="separator icon_small_arrow right_gray"> </li>
|
||||
<li><a title="{{$news->region->title}}" href="{{route('nieuws.regio', $news->region->slug)}}">{{$news->region->title}}</a></li>
|
||||
<li class="separator icon_small_arrow right_gray"> </li>
|
||||
<li>Details</li>
|
||||
</ul>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
|
||||
<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="{{route('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="{{route('nieuws.thema', $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 && ($news->edited->format('d m H i') != $news->published->format('d m H i')))
|
||||
| bijgewerkt:
|
||||
@if($news->edited->format('d m') != $news->published->format('d m'))
|
||||
{{strtolower(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>
|
||||
|
||||
|
||||
@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">
|
||||
{{ 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 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>
|
||||
@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
|
||||
|
||||
@if(is_array($news->content))
|
||||
@include('partial/nh_story', ['content' => $news->content]);
|
||||
@else
|
||||
<div class="text">
|
||||
<p>{!!$news->content!!}</p>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if($news->source && $news->source->show)
|
||||
<div class="post-source">
|
||||
<p>Bron: {{$news->source->title}}</p>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
{{--
|
||||
@include('widgets/share')
|
||||
--}}
|
||||
|
||||
<div class="row page_margin_top">
|
||||
{{--
|
||||
<ul class="taxonomies tags left clearfix">
|
||||
@if($news->keywords)
|
||||
@foreach($news->keywords as $keyword)
|
||||
<li>
|
||||
<a href="{{route('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="{{route('nieuws.thema', $news->theme->slug)}}" title="Zoek meer nieuws met het thema {{$news->theme->title}}">{{$news->theme->title}}</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{route('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
|
||||
124
resources/views/newslist.blade.php
Normal file
124
resources/views/newslist.blade.php
Normal file
@@ -0,0 +1,124 @@
|
||||
@extends('layouts/sidebar')
|
||||
|
||||
@section('title')
|
||||
@if($title) {{$title}} - Nieuws @endif
|
||||
@endsection
|
||||
|
||||
|
||||
@section('breadcrumb')
|
||||
@if($title)
|
||||
<ul class="bread_crumb" style="margin-top: -10px; margin-bottom: 4px; ">
|
||||
<li><a title="Nieuws" href="{{route('nieuws')}}">Nieuws</a></li>
|
||||
<li class="separator icon_small_arrow right_gray"> </li>
|
||||
<li>{{$title}}</li>
|
||||
</ul>
|
||||
@endif
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
{{-- Nieuws komt met 15 berichten per pagina. Deel op in 3 x 2-breed + 3 x 3-breed --}}
|
||||
@foreach(array_slice($news, 0, 6) 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="{{strip_tags($item->title)}}">{!!$item->title!!}</a></h2>
|
||||
<ul class="post_details">
|
||||
@if($item->region)
|
||||
<li class="category">
|
||||
<a title="Regio: {{$item->region->title}}" href="{{route('nieuws.regio', ['id' => $item->region->slug])}}">{{$item->region->title}}</a>
|
||||
</li>
|
||||
@endif
|
||||
@if($item->theme)
|
||||
<li class="category">
|
||||
<a title="Thema: {{$item->theme->title}}" href="{{route('nieuws.thema', ['id' => $item->theme->slug])}}">{{$item->theme->title}}</a>
|
||||
</li>
|
||||
@endif
|
||||
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', ['news' => array_slice($news, 6, count($news))])
|
||||
</div>
|
||||
|
||||
@if(count($news) >= 15)
|
||||
<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>
|
||||
@endif
|
||||
|
||||
@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;
|
||||
$('#items').append("<hr /><p>Er zijn geen nieuwsberichten (meer).</p>");
|
||||
$button.remove();
|
||||
return;
|
||||
}
|
||||
|
||||
$('#items').append(data);
|
||||
++nextPage;
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
|
||||
8
resources/views/page.blade.php
Normal file
8
resources/views/page.blade.php
Normal 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
|
||||
39
resources/views/partial/newslist_small.blade.php
Normal file
39
resources/views/partial/newslist_small.blade.php
Normal file
@@ -0,0 +1,39 @@
|
||||
@foreach($news as $item)
|
||||
@if($loop->index % 3 == 0)
|
||||
<div class="row grid">
|
||||
<ul>
|
||||
@endif
|
||||
<li class="post column column_1_3">
|
||||
<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='{{$item->images && count($item->images) ? $item->images[0]->title : $item->title}}'>
|
||||
</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 || $loop->last)
|
||||
</ul>
|
||||
</div>
|
||||
@endif
|
||||
@endforeach
|
||||
30
resources/views/partial/newslistitems.blade.php
Normal file
30
resources/views/partial/newslistitems.blade.php
Normal file
@@ -0,0 +1,30 @@
|
||||
<div class="row blocks blocks-large" data-displayswitch="blocksContainer">
|
||||
@php($i = 0)
|
||||
@foreach($news as $newsItem)
|
||||
@php($image = isset($newsItem->images) && count($newsItem->images) ? $newsItem->images[0] : null)
|
||||
|
||||
<div class="block block-news col-md-4 col-sm-6 col-xs-12">
|
||||
<a href="{{url($newsItem->url)}}" title="{{$image ? $image->title : $newsItem->title}}" alt="{{$image ? $image->title : $newsItem->title}}">
|
||||
<figure>
|
||||
<div class="image-box">
|
||||
@if($newsItem->video) <span class="item-type icon-video"></span> @endif
|
||||
<img alt="{{$image ? $image->title : $newsItem->title}}" src="{{ $image ? url( $image->url ) : url( $newsItem->video ? 'images/video.png' : 'images/noimage.png') }}" title="{{ strip_tags($image ? $image->title : $newsItem->title) }}" @if(!$image) class="hidden-xs" @endif>
|
||||
</div>
|
||||
<figcaption>
|
||||
<h3 class="block-title">{{$newsItem->title}}</h3>
|
||||
<p class="block-lead hidden-xs">
|
||||
{!!Formatter::excerpt($newsItem->content, 250)!!}
|
||||
</p>
|
||||
</figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@php($i++)
|
||||
@if($i % 3 == 0 && $i != count($news) - 1)
|
||||
</div>
|
||||
<div class="row blocks blocks-large" data-displayswitch="blocksContainer">
|
||||
@endif
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
44
resources/views/partial/nh_story.blade.php
Normal file
44
resources/views/partial/nh_story.blade.php
Normal file
@@ -0,0 +1,44 @@
|
||||
@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")
|
||||
<a class="post_image page_margin_top prettyPhoto" href="{{$block->image->imageWide}}" title="{{$block->image->title}} © {{$block->image->author}}">
|
||||
<img src="{{$block->image->imageWide}}" class="attachment-small-slider-thumb size-small-slider-thumb wp-post-image" alt="{{$block->image->title}}" title="" style="display: block;">
|
||||
</a>
|
||||
<div class="sentence">
|
||||
@if($block->image->title)
|
||||
<span class="text">{{$block->image->title}}</span>
|
||||
@endif
|
||||
@if($block->image->author)
|
||||
<span class="author">{{$block->image->author}}</span>
|
||||
@endif
|
||||
</div>
|
||||
@elseif($block->type == "video" || $block->type == "headerVideo")
|
||||
@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
|
||||
|
||||
38
resources/views/partial/podcastitems.blade.php
Normal file
38
resources/views/partial/podcastitems.blade.php
Normal file
@@ -0,0 +1,38 @@
|
||||
@php($i = 0)
|
||||
@foreach($podcasts as $podcast)
|
||||
@if($i % 2 == 0)
|
||||
@if($i > 0) </ul><!--/.row--> @endif
|
||||
<ul class='blog row grid'>
|
||||
@endif
|
||||
<?php $url = route('gemist.fragment') . $podcast->url; ?>
|
||||
<li class="post card column column_1_2">
|
||||
<div class="post_content">
|
||||
<h2><a href="{{$url}}" title="{{$podcast->title}}">{!!$podcast->titleWithoutProgram()!!}</a></h2>
|
||||
<ul class="post_details">
|
||||
@if($podcast->program)
|
||||
<li class="category">
|
||||
<a href="{{ route('programma') . $podcast->program->url }}" title="{{$podcast->program->name}}">{{$podcast->program->name}}</a>
|
||||
</li>
|
||||
@endif
|
||||
<li class="date">
|
||||
{{ Formatter::relativeDate($podcast->created) }}
|
||||
</li>
|
||||
</ul>
|
||||
<div class="clearfix"></div>
|
||||
@if($podcast->image)
|
||||
<a href="{{$url}}" title="{{$podcast->title}}" class="fixed-height">
|
||||
<img src='{{$imgBase . $podcast->image->url}}' alt='{{$podcast->image->title}}'>
|
||||
</a>
|
||||
@endif
|
||||
<p>{!! Formatter::excerpt($podcast->content, 200) !!}</p>
|
||||
<a class="read_more" href="{{route('gemist.fragment') . $podcast->url}}" title="Luister fragment"><span class="arrow"></span><span>Luister fragment</span></a>
|
||||
<span class="clearfix"></span>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
@php($i++)
|
||||
@endforeach
|
||||
|
||||
@if($i)
|
||||
</ul><!--/.row-->
|
||||
@endif
|
||||
59
resources/views/partial/radioscheduleweek.blade.php
Normal file
59
resources/views/partial/radioscheduleweek.blade.php
Normal file
@@ -0,0 +1,59 @@
|
||||
|
||||
|
||||
<div class="schedule">
|
||||
<div class="timeslots">
|
||||
<div class="date-header"></div>
|
||||
@for($h = 0; $h < 24; $h += 1.0)
|
||||
<div class="time-header">{{$time = gmdate("H:i", $h * 3600)}} uur</div>
|
||||
@endfor
|
||||
</div>
|
||||
|
||||
|
||||
@php($date = null)
|
||||
@php($hour = 0)
|
||||
@php($now = new \DateTime("now"))
|
||||
@foreach($schedule as $item)
|
||||
@php($diff = $item['endtime']->diff($item['starttime']))
|
||||
@php($duration = $diff->d * 24 + $diff->h + $diff->i / 60)
|
||||
@php($isCurrent = ($now >= $item['starttime']) && ($now <= $item['endtime']))
|
||||
@php($class = ($item['program']->priority < 2 ? ' special' : '')
|
||||
. ($item['program']->nonstop || $item['program']->rerun ? ' non-stop' : '')
|
||||
. ($isCurrent ? ' current' : ''))
|
||||
@php($starttime = $item['starttime'])
|
||||
|
||||
@while($duration > 0)
|
||||
@if(($formattedDate = Formatter::fullDate($starttime, 'W d/M')) != $date)
|
||||
@if($date != null)
|
||||
</div>
|
||||
@endif
|
||||
<div class="date-column">
|
||||
<div class="date-header">{{$formattedDate}}</div>
|
||||
@php($date = $formattedDate)
|
||||
@php($hour = 0)
|
||||
@endif
|
||||
@php($durationToday = ($hour + $duration <= 24) ? $duration : (24 - $hour))
|
||||
|
||||
<a href="{{route('programma') . $item['program']->url}}" class="program{{$class}}" style="height: {{$durationToday * $pixelsPerHour - 2 * $border - $margin}}px;" title="{{$item['program']->name . ($item['program']->tagline ? "\n" . $item['program']->tagline : "")}}">
|
||||
<div class="program-title">
|
||||
@if($isCurrent) <div class="current-marker"><span>On air</span></div> @endif
|
||||
{{$item['program']->name}}
|
||||
</div>
|
||||
<div class="program-content">
|
||||
<div class="program-times"><span class="fa fa-clock"></span> {{$item['starttime']->format('H:i')}} – {{$item['endtime']->format('H:i')}}</div>
|
||||
@if($item['program']->tagline)
|
||||
<hr/>
|
||||
<div class="tagline">{{$item['program']->tagline}}</div>
|
||||
@endif
|
||||
</div>
|
||||
</a>
|
||||
@php($hour += $durationToday)
|
||||
@php($duration -= $durationToday)
|
||||
@if($duration > 0)
|
||||
@php($starttime->add(new \DateInterval('P1D'))->setTime(0, 0, 0))
|
||||
@endif
|
||||
@endwhile
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
217
resources/views/podcastitem.blade.php
Normal file
217
resources/views/podcastitem.blade.php
Normal file
@@ -0,0 +1,217 @@
|
||||
@extends('layouts/full')
|
||||
|
||||
@include('widgets/mediaplayer')
|
||||
|
||||
@section('title')
|
||||
{{$podcast->title}}
|
||||
@endsection
|
||||
|
||||
@section('breadcrumb')
|
||||
<ul class="bread_crumb">
|
||||
<li><a title="Fragment gemist" href="{{route('gemist')}}">Fragment gemist</a></li>
|
||||
<li class="separator icon_small_arrow right_gray"> </li>
|
||||
@if($podcast->program)
|
||||
<li><a title="{{$podcast->program->name}}" href="{{route('gemist.programma') . $podcast->program->url}}">{{$podcast->program->name}}</a></li>
|
||||
<li class="separator icon_small_arrow right_gray"> </li>
|
||||
@endif
|
||||
<li>Fragment</li>
|
||||
</ul>
|
||||
@endsection
|
||||
|
||||
@push('scripts')
|
||||
<script>
|
||||
$(".vertical_carousel").each(function() {
|
||||
$(this).before("<a class='slider_control up' id='" + this.id + "_prev' href='#' title='Terug'></a>");
|
||||
$(this).after("<a class='slider_control down' id='" + this.id + "_next' href='#' title='Verder'></a>");
|
||||
var carouselOptions = {
|
||||
direction: "up",
|
||||
items: {
|
||||
visible: 3,
|
||||
},
|
||||
scroll: {
|
||||
items: 2,
|
||||
duration: 500,
|
||||
pauseOnHover: true
|
||||
},
|
||||
auto: {
|
||||
items: 3,
|
||||
play: true,
|
||||
pauseOnHover: true,
|
||||
},
|
||||
mousewheel: true,
|
||||
swipe: {
|
||||
onMouse: true,
|
||||
onTouch: true
|
||||
},
|
||||
prev: {
|
||||
button: $('.slider_control.up', $(this).parent()),
|
||||
pauseOnHover: true,
|
||||
},
|
||||
next: {
|
||||
button: $('.slider_control.down', $(this).parent()),
|
||||
pauseOnHover: true,
|
||||
},
|
||||
};
|
||||
|
||||
$(this).carouFredSel(carouselOptions);
|
||||
|
||||
$(this).parent().parent().hover(function(){
|
||||
$(".up.slider_control", this).removeClass("slideDownBack").addClass("slideDown");
|
||||
$(".down.slider_control", this).removeClass("slideUpBack").addClass("slideUp");
|
||||
},
|
||||
function(){
|
||||
$(".up.slider_control", this).removeClass("slideDown").addClass("slideDownBack");
|
||||
$(".down.slider_control", this ).removeClass("slideUp").addClass("slideUpBack");
|
||||
});
|
||||
|
||||
// $(window).trigger("resize");
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
|
||||
@section('content')
|
||||
@parent
|
||||
<?php
|
||||
$audioUrl = url($apiUrl . 'podcast/download' . $podcast->url . "?auth=" . $podcast->auth);
|
||||
$popoutUrl = route('luister.podcast') . $podcast->url . '?auth=' . $podcast->auth;
|
||||
?>
|
||||
|
||||
<div class="row page_margin_top">
|
||||
<div class="column column_2_3">
|
||||
<div class="row">
|
||||
<div class="post single small_image">
|
||||
<h1>Fragment gemist</h1>
|
||||
<ul class="post_details clearfix">
|
||||
<li class="detail date">{{ Formatter::relativeDate($podcast->created) }}</li>
|
||||
@if($podcast->program)
|
||||
<li class="detail"><a href="{{ route('programma') . $podcast->program->url }}">{{ $podcast->program->name }}</a></li>
|
||||
@endif
|
||||
</ul>
|
||||
|
||||
<div class="announcement">
|
||||
<audio controls autoplay="true">
|
||||
<source src="{{$audioUrl}}" type="audio/mpeg" />
|
||||
</audio>
|
||||
<div class="clearfix">
|
||||
<a class="action_button" href="{{$audioUrl}}" title="Download dit fragment als MP3">
|
||||
<span class="fa fa-download"></span>
|
||||
<span>Download fragment</span>
|
||||
</a>
|
||||
<a class="action_button player" href="{{$popoutUrl}}">
|
||||
<span class="fa fa-external-link-alt"></span>
|
||||
<span>Luister in nieuw venster</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content_box clearfix section_margin_top">
|
||||
|
||||
@if($podcast->image)
|
||||
<div class="post_image_box">
|
||||
<a href="{{$imgBase . $podcast->image->url}}" class="post_image prettyPhoto" title="{{$podcast->image->title}}">
|
||||
<img src="{{$imgBase . $podcast->image->url}}" title="{{$podcast->image->title}}" style="display: block;"/>
|
||||
</a>
|
||||
<div class="sentence">
|
||||
<span class="text">{{$podcast->image->title}}</span>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
<div class="post_content page_margin_top_section ">
|
||||
<h3>{!!$podcast->content!!}</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!--
|
||||
<div class="row page_margin_top">
|
||||
<div class="share_box clearfix">
|
||||
<label>Share:</label>
|
||||
<ul class="social_icons clearfix">
|
||||
<li>
|
||||
<a target="_blank" title="" href="http://facebook.com/QuanticaLabs" class="social_icon facebook">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" title="" href="https://twitter.com/QuanticaLabs" class="social_icon twitter">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="mailto:contact@pressroom.com" class="social_icon mail">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="#" class="social_icon skype">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon envato">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="#" class="social_icon instagram">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="#" class="social_icon pinterest">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
-->
|
||||
</div>
|
||||
<div class="column column_1_3">
|
||||
|
||||
|
||||
@if(count($related) > 1)
|
||||
<h4 class="box_header page_margin_top_section">Meer uit deze uitzending</h4>
|
||||
<div class="vertical_carousel_container clearfix">
|
||||
<ul class="blog podcasts vertical_carousel" id="related_items">
|
||||
@foreach($related as $relatedItem)
|
||||
@if($relatedItem->id == $podcast->id) @continue @endif
|
||||
<li class="post">
|
||||
<div class="post_content">
|
||||
<h5>
|
||||
<a href="{{ route('gemist.fragment') . $relatedItem->url }}" title="{{$relatedItem->title}}">
|
||||
<span class="fa fa-chevron-circle-right"></span>
|
||||
{{$relatedItem->titleWithoutProgram()}}
|
||||
</a>
|
||||
</h5>
|
||||
<p class="post_details simple" title="{{$relatedItem->content}}">
|
||||
{{Formatter::excerpt($relatedItem->content, 80)}}
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
<a href="{{route('gemist.programma') . $podcast->program->url}}" class="more">Meer {{$podcast->program->name}}</a>
|
||||
@endif
|
||||
|
||||
|
||||
<h4 class="box_header page_margin_top_section">Meer fragmenten</h4>
|
||||
<nav>
|
||||
<ul class="blog podcasts">
|
||||
<li class="post">
|
||||
<a href="{{route('gemist')}}" class="read_more">
|
||||
<span class="arrow"></span>
|
||||
<span>Alle recente fragmenten</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
109
resources/views/podcastlist.blade.php
Normal file
109
resources/views/podcastlist.blade.php
Normal file
@@ -0,0 +1,109 @@
|
||||
@extends('layouts/sidebar')
|
||||
|
||||
@section('title')
|
||||
Fragment gemist
|
||||
@endsection
|
||||
|
||||
@section('breadcrumb')
|
||||
<ul class="bread_crumb">
|
||||
@if(isset($program))
|
||||
<li><a title="Fragment gemist" href="{{url('radio/gemist')}}">Fragment gemist</a></li>
|
||||
<li class="separator icon_small_arrow right_gray"> </li>
|
||||
<li>{{$program->name}}</li>
|
||||
@endif
|
||||
</ul>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
@parent
|
||||
|
||||
<div id="gemist_tabs" class="no_scroll clearfix">
|
||||
<ul class="tabs_navigation clearfix">
|
||||
<li>
|
||||
<a href="{{route('gemist.programma')}}" title="Programma gemist">
|
||||
Programma gemist
|
||||
</a>
|
||||
<span></span>
|
||||
</li>
|
||||
<li class="ui-tabs-active col_1_2"">
|
||||
<a href="{{route('gemist.fragment')}}" title="Fragment gemist">
|
||||
Fragment gemist
|
||||
</a>
|
||||
<span></span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@if(isset($program))
|
||||
<h2>{{$program->name}}</h2>
|
||||
<p class="align-right">
|
||||
<a href="{{route('gemist')}}" title="Alle programma's" class="btn btn-info">← Toon alles</a>
|
||||
<a href="{{route('programma') . $program->url}}" title="{{$program->name}}" class="btn btn-info">Programmainfo</a>
|
||||
</p>
|
||||
@else
|
||||
<p>Hele uitzendingen kunt u binnen twee weken terugluisteren via <a href="{{route('gemist.programma')}}">programma gemist</a>.
|
||||
@endif
|
||||
|
||||
@if($podcasts)
|
||||
|
||||
<div class="page_layout clearfix">
|
||||
<div class="row grid" id="items">
|
||||
@include('partial.podcastitems', ['podcasts' => $podcasts])
|
||||
</div><!--/.row-->
|
||||
</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 podcasts aan het ophalen...</b>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@push('scripts')
|
||||
<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) {
|
||||
if(page > 1) $items.append("<hr /><p>Er zijn geen podcasts (meer).</p>");
|
||||
page = -1;
|
||||
return;
|
||||
}
|
||||
$newPage = $("<div />").append(data);
|
||||
$items.append($newPage);
|
||||
$newPage.find("audio, video").mediaelementplayer({ stretching: 'responsive' });
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
@else
|
||||
|
||||
<p>Er zijn geen fragmenten beschikbaar.</p>
|
||||
|
||||
@endif
|
||||
|
||||
@endsection
|
||||
|
||||
@push('styles')
|
||||
<style>
|
||||
#gemist_tabs li {
|
||||
width: 50%;
|
||||
}
|
||||
</style>
|
||||
@endpush
|
||||
101
resources/views/programlist.blade.php
Normal file
101
resources/views/programlist.blade.php
Normal file
@@ -0,0 +1,101 @@
|
||||
@extends('layouts/sidebar')
|
||||
|
||||
@section('title')
|
||||
Programma gemist
|
||||
@endsection
|
||||
|
||||
@section('breadcrumb')
|
||||
<ul class="bread_crumb">
|
||||
@if(isset($program))
|
||||
<li><a title="Programma gemist" href="{{route('gemist.programma')}}">Programma gemist</a></li>
|
||||
<li class="separator icon_small_arrow right_gray"> </li>
|
||||
<li>{{$program->name}}</li>
|
||||
@endif
|
||||
</ul>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
@parent
|
||||
|
||||
<div id="gemist_tabs" class="no_scroll clearfix">
|
||||
<ul class="tabs_navigation clearfix">
|
||||
<li class="ui-tabs-active">
|
||||
<a href="{{route('gemist.programma')}}" title="Programma gemist">
|
||||
Programma gemist
|
||||
</a>
|
||||
<span></span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{route('gemist.fragment')}}" title="Fragment gemist">
|
||||
Fragment gemist
|
||||
</a>
|
||||
<span></span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<p>U kunt programma's terugluisteren tot twee weken na uitzending. Items blijven onbeperkt beschikbaar via <a href="{{route('gemist.fragment')}}">fragment gemist</a>.</p>
|
||||
|
||||
<div class="page_layout clearfix">
|
||||
<div class="row grid" id="items">
|
||||
|
||||
@php($i = 0)
|
||||
@foreach($programs as $program)
|
||||
@if($i % 2 == 0)
|
||||
@if($i > 0) </ul><!--/.row--> @endif
|
||||
<ul class='blog row grid'>
|
||||
@endif
|
||||
<?php $url = route('programma') . $program->program->url; ?>
|
||||
<?php $duration = $program->end->diff($program->start)->h; ?>
|
||||
<li class="post card column column_1_2">
|
||||
<div class="post_content">
|
||||
<h2><a href="{{$url}}" title="{{$program->program->name}}">{!!$program->program->name!!}</a></h2>
|
||||
@if($program->current)
|
||||
<a href="{{route('luister.live')}}" class="onair action_button player"><span class="fa"></span> <span>Nu live!</span></a>
|
||||
@else
|
||||
<ul class="post_details" style="margin-top: 0;">
|
||||
<li class="date">
|
||||
{{ Formatter::relativeDate($program->start) }}
|
||||
van {{ $program->start->format('H:i') }} uur tot {{ $program->end->format('H:i') }} uur.
|
||||
</li>
|
||||
</ul>
|
||||
<a href="{{route('luister.programma') . '/' . $program->start->format('Y/m/d/H') . '/' . $duration}}" class="action_button player"><span class="fa fa-play"></span> <span>Luister terug</span></a>
|
||||
@endif
|
||||
<a href="{{route('programma') . $program->program->url}}" class="action_button"><span class="fa fa-question"></span> <span>Meer informatie</span></a>
|
||||
<div class="clearfix"></div>
|
||||
<p>{!! Formatter::excerpt($program->program->description, 200) !!}</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
@php($i++)
|
||||
@endforeach
|
||||
|
||||
@if($i)
|
||||
</ul><!--/.row-->
|
||||
@endif
|
||||
|
||||
</div><!--/.row-->
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
@push('scripts')
|
||||
<script type="text/javascript">
|
||||
var $onAirIcon = $('#items .onair span.fa');
|
||||
setInterval(function() {
|
||||
$onAirIcon.removeClass('fa-play');
|
||||
setTimeout(function() {
|
||||
$onAirIcon.addClass('fa-play');
|
||||
}, 500);
|
||||
}, 1000);
|
||||
</script>
|
||||
@endpush
|
||||
|
||||
@push('styles')
|
||||
<style>
|
||||
#gemist_tabs li {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
</style>
|
||||
@endpush
|
||||
125
resources/views/radioprogram.blade.php
Normal file
125
resources/views/radioprogram.blade.php
Normal file
@@ -0,0 +1,125 @@
|
||||
@extends('layouts/full')
|
||||
|
||||
@section('title')
|
||||
{{$program->name}}
|
||||
@endsection
|
||||
|
||||
@section('breadcrumb')
|
||||
<ul class="bread_crumb">
|
||||
<li><a title="Radioprogrammering" href="{{route('radio.gids')}}">Radioprogrammering</a></li>
|
||||
<li class="separator icon_small_arrow right_gray"> </li>
|
||||
<li>Programma-informatie</li>
|
||||
</ul>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
@php($now = new \DateTimeImmutable())
|
||||
<div class="page_layout page_margin_top clearfix">
|
||||
<div class="row page_margin_top">
|
||||
<div class="column column_2_3">
|
||||
<div class="post single">
|
||||
<p>{!!$program->description!!}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column column_1_3">
|
||||
<div id="komende_uitzendingen">
|
||||
<h4 class="box_header page_margin_top_section">Komende week</h4>
|
||||
@if(($next = $program->next) && count($next))
|
||||
<ul class="blog podcasts">
|
||||
@foreach($next as $n)
|
||||
<li class="post">
|
||||
<p class="post_details simple">
|
||||
<b>{{$n->name}}</b><br/>
|
||||
@if($n->starts < $now)
|
||||
Nu te horen tot {{$n->ends->format('H:i')}} uur<br />
|
||||
<a href="{{ $player = route('luister.live') }}" target="_radioplayer" class="action_button" onclick="window.open('{{$player}}', '_radioplayer','width=400,height=400'); return false;"><span class="fa fa-play"></span> <span>Luister live</span></a>
|
||||
@break
|
||||
@else
|
||||
{{ Formatter::relativeDate( $n->starts, 'W d m' ) }} om {{ $n->starts->format('H:i') }} uur.
|
||||
@endif
|
||||
</p>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
@else
|
||||
<p>Er staat komende week geen uitzending van {{$program->name}} gepland.</p>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
<h4 class="box_header page_margin_top_section clearfix">Terugluisteren</h4>
|
||||
<div class="tabs no_scroll clearfix">
|
||||
<ul class="tabs_navigation clearfix">
|
||||
<li>
|
||||
<a href="#uitzending" title="Uitzendingen">
|
||||
Uitzending
|
||||
</a>
|
||||
<span></span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#fragmenten" title="Contact">
|
||||
Fragmenten
|
||||
</a>
|
||||
<span></span>
|
||||
</li>
|
||||
</ul>
|
||||
<div id="uitzending">
|
||||
<div class="clearfix"></div>
|
||||
<p>U kunt uitzendingen tot twee weken geleden terugluisteren. <a href="#fragmenten">Fragmenten</a> blijven onbeperkt beschikbaar.</p>
|
||||
|
||||
@if(($recent = $program->recent) && count($recent))
|
||||
<ul class="blog podcasts">
|
||||
@foreach($recent as $r)
|
||||
@php($duration = $r->ends->diff($r->starts)->h)
|
||||
<li class="post">
|
||||
<p class="post_details simple">
|
||||
<b>{{$r->name}}</b><br/>
|
||||
{{ Formatter::relativeDate( $r->starts, 'W d m' ) }} om {{ $r->starts->format('H:i') }} uur. <br />
|
||||
@if($r->rerun || $r->nonstop)
|
||||
<span title="U kunt geen herhalingen en non-stopuitzendingen terugluisteren."><span class="action_button disabled"><span class="fa fa-play"></span> <span>Luister terug</span></a>
|
||||
@else
|
||||
<a href="{{$url = route('luister.programma') . '/' . $r->starts->format('Y/m/d/H') . '/' . $duration}}" class="action_button player"><span class="fa fa-play"></span> <span>Luister terug</span></a>
|
||||
@endif
|
||||
</p>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
@endif
|
||||
</div>
|
||||
<div id="fragmenten">
|
||||
<div class="clearfix"></div>
|
||||
<p>Fragmenten uit dit programma, zoals interviews, vindt u onder "Radio – Fragment gemist".</p>
|
||||
<p>
|
||||
<a href="{{ route('gemist.programma') . $program->url }}" class="action_button">
|
||||
<span class="fa fa-list"></span>
|
||||
<span>Bekijk alle fragmenten</span>
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="contact">
|
||||
@if($program->email)
|
||||
<h4 class="box_header page_margin_top_section">Contact</h4>
|
||||
<p><a href="mailto:{{$program->email}}@nhgooi.nl" class="action_button">
|
||||
<span class="fa fa-envelope"></span>
|
||||
<span>{{$program->email}}@nhgooi.nl</a>
|
||||
</a></p>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
@if(($hosts = $program->hosts) && count($hosts))
|
||||
<ul class="list">
|
||||
@foreach($hosts as $host)
|
||||
<li class="bullet style_2">{{ Html::mailto($host->email . '@nhgooi.nl', $host->name) }}</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
@endif
|
||||
</div><!--./left_content-->
|
||||
</div><!--./col-->
|
||||
</div><!--./row-->
|
||||
</div><!--./row-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
227
resources/views/radioschedule.blade.php
Normal file
227
resources/views/radioschedule.blade.php
Normal file
@@ -0,0 +1,227 @@
|
||||
<?php
|
||||
$pixelsPerHour = 30;
|
||||
$border = 1;
|
||||
$margin = 2;
|
||||
?>
|
||||
|
||||
@extends('layouts/full')
|
||||
|
||||
@section('title')
|
||||
Radioprogrammering
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<nav>
|
||||
<ul class="pager">
|
||||
<li class="action_button previous-week"><a href="{{route('radio.gids', ($shift - 1))}}">← Week eerder</a></li>
|
||||
<li class="action_button current-week"><a href="{{route('radio.gids')}}">Deze week</a></li>
|
||||
<li class="action_button next-week"><a href="{{route('radio.gids', ($shift + 1))}}">Week later →</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div id="loading" style="display: none; height: 300px;">
|
||||
<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>Programmaschema ophalen...</b>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id='schedule'>
|
||||
@include('partial/radioscheduleweek', ['schedule' => $schedule])
|
||||
</div>
|
||||
|
||||
<nav>
|
||||
<ul class="pager">
|
||||
<li class="action_button previous-week"><a href="{{route('radio.gids', ($shift - 1))}}">← Week eerder</a></li>
|
||||
<li class="action_button current-week"><a href="{{route('radio.gids')}}">Deze week</a></li>
|
||||
<li class="action_button next-week"><a href="{{route('radio.gids', ($shift + 1))}}">Week later →</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
@endsection
|
||||
|
||||
@push('styles')
|
||||
<style>
|
||||
.pager {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.pager .previous-week,
|
||||
.pager .current-week,
|
||||
.pager .next-week {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.pager .current-week {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.pager .next-week {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
@media (max-width: 992px) { /* smaller than desktop */
|
||||
.schedule {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.schedule .time-header {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.schedule .date-header {
|
||||
font-size: 150%;
|
||||
font-weight: bold;
|
||||
height: auto;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.schedule a.program {
|
||||
/* override the style="height.." */
|
||||
height: auto !important;
|
||||
margin-left: 15px !important;
|
||||
margin-bottom: 3px !important;
|
||||
}
|
||||
|
||||
.schedule .program .program-content {
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
.schedule .program.non-stop .program-title {
|
||||
background-color: #8F9BA6;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) { /* desktop */
|
||||
.schedule {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.schedule .date-header {
|
||||
height: 3em;
|
||||
text-align: center;
|
||||
font-size: 120%;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.schedule .program .program-content {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.schedule .program .program-title {
|
||||
display: block;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.schedule .program.non-stop .program-title {
|
||||
background-color: transparent;
|
||||
color: #8F9BA6;
|
||||
}
|
||||
}
|
||||
|
||||
.schedule {
|
||||
color: black;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.schedule .time-header {
|
||||
height: {{$pixelsPerHour}}px;
|
||||
}
|
||||
|
||||
.schedule .timeslots {
|
||||
width: 80px;
|
||||
min-width: 80px;
|
||||
}
|
||||
|
||||
.schedule .date-column {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.schedule a.program {
|
||||
display: block;
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
margin: {{$margin}}px;
|
||||
border: solid {{$border}}px #03A6E0;
|
||||
border-radius: 2px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.schedule a.program:hover {
|
||||
color: white;
|
||||
background-color: #71c1de;
|
||||
}
|
||||
|
||||
.schedule .program.current {
|
||||
border-color: #BD0013;
|
||||
}
|
||||
|
||||
.schedule .program .program-times {
|
||||
text-align: center;
|
||||
margin: 3px;
|
||||
}
|
||||
|
||||
.schedule .program.current .program-title {
|
||||
background-color: #71c1de;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.schedule .program.non-stop {
|
||||
border-color: #6C757D;
|
||||
}
|
||||
|
||||
|
||||
.schedule .program.special {
|
||||
color: #03A6E0;
|
||||
}
|
||||
|
||||
.schedule .program .current-marker {
|
||||
margin: 5px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.schedule .program .current-marker span {
|
||||
padding: 3px;
|
||||
color: white;
|
||||
text-align: center;
|
||||
background-color: #BD0013;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.schedule .program .program-title {
|
||||
padding: 5px;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
background-color: #03A6E0;
|
||||
}
|
||||
|
||||
.schedule .program .program-content {
|
||||
margin: 3px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.schedule .program hr {
|
||||
margin: 3px;
|
||||
border: none;
|
||||
border-top: 1px solid #03A6E0;
|
||||
border-radius: 5px;
|
||||
}
|
||||
</style>
|
||||
@endpush
|
||||
|
||||
@push('scripts')
|
||||
<script type="text/javascript">
|
||||
function scrollToMiddle($elt) {
|
||||
if($elt.length == 0) { return; }
|
||||
var elem_position = $elt.offset().top;
|
||||
var window_height = $(window).height();
|
||||
var y = elem_position - window_height / 2;
|
||||
window.scrollTo(0,y);
|
||||
}
|
||||
|
||||
$(function() { scrollToMiddle($(".current-marker")); });
|
||||
</script>
|
||||
@endpush
|
||||
22
resources/views/watch.blade.php
Normal file
22
resources/views/watch.blade.php
Normal file
@@ -0,0 +1,22 @@
|
||||
@extends('layouts/full')
|
||||
|
||||
@section('title')
|
||||
Kijk NH Gooi TV
|
||||
@endsection
|
||||
|
||||
@include('widgets.mediaplayer')
|
||||
|
||||
@section('content')
|
||||
@parent
|
||||
|
||||
@if(false)
|
||||
<p>Wegens een technisch probleem is NH Gooi TV momenteel niet via Internet te bekijken. Onze excuses voor het ongemak.</p>
|
||||
@else
|
||||
<div width="50%" style="width:100%; position:relative;">
|
||||
<video width="640" height="360" style="max-width:100%; height:100%;" preload="auto" autoplay controls="controls">
|
||||
<source src="https://stream.nhgooi.nl:81/tv/6fmtv.m3u8" type="application/x-mpegURL" />
|
||||
</video>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@endsection
|
||||
49
resources/views/widgets/banners.blade.php
Normal file
49
resources/views/widgets/banners.blade.php
Normal file
@@ -0,0 +1,49 @@
|
||||
<?php
|
||||
$banners = [
|
||||
['ligterink-en-de-wit.jpg', 'https://www.ligterink-dewit.nl', 'Ligterink en De Wit']
|
||||
];
|
||||
|
||||
shuffle($banners);
|
||||
if(count($banners)):
|
||||
list($img, $url, $alt) = $banners[0];
|
||||
?>
|
||||
<div class="banner">
|
||||
<h4 class="box_header">Advertentie</h4>
|
||||
<p class='ad'>
|
||||
<a href="{{$url}}" target="_nhgooi_adbanner" class="ad_banner"><img src="/images/banners/{{$img}}" alt="{{$alt}}" title="{{$alt}}" /></a>
|
||||
</p>
|
||||
<p class='abnotice'></p>
|
||||
<p><a href="{{ route('adverteren') }}">Hier adverteren?</a></p>
|
||||
</div>
|
||||
<style>
|
||||
.banner {
|
||||
}
|
||||
.banner .ad {
|
||||
padding-top: 10px;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
.banner .ad img {
|
||||
width: 100%;
|
||||
}
|
||||
.banner p, .banner a {
|
||||
font-size: 90%;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
color: #3A3A3A;
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
@push('scripts')
|
||||
<script>
|
||||
$(function() {
|
||||
if($('.ad').filter(':visible').length == 0 || $('.ad').height() == 0) {
|
||||
$('.abnotice').text("Wij zijn mede afhankelijk van advertentie-inkomsten om u gratis radio- en tv-uitzendingen en regionaal nieuws aan te kunnen bieden. Als u uw ad blocker uitschakelt, verschijnt hier een kleine onopvallende advertentie die ons helpt onze kosten te dekken.").show();
|
||||
setTimeout(function() { $('.banner').slideUp('slow'); }, 5000);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
<?php
|
||||
endif;
|
||||
?>
|
||||
18
resources/views/widgets/laatstenieuws.blade.php
Normal file
18
resources/views/widgets/laatstenieuws.blade.php
Normal file
@@ -0,0 +1,18 @@
|
||||
<div class="latest_news_scrolling_list_container">
|
||||
<ul>
|
||||
<li class="category">Laatste nieuws:</li>
|
||||
<li class="left"><a href="#"></a></li>
|
||||
<li class="right"><a href="#"></a></li>
|
||||
<li class="posts">
|
||||
<ul class="latest_news_scrolling_list">
|
||||
@foreach($data as $item)
|
||||
<li>
|
||||
<a href="{{url($item->url)}}" title="{{$item->title}}">{{substr($item->title, 0, 60)}}{{strlen($item->title) < 60 ? "" : "..."}}</a>
|
||||
<span class="when">{{Formatter::relativeDate($item->published)}} {{$item->published->format('H:i')}}</span>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
10
resources/views/widgets/laatstepodcasts.blade.php
Normal file
10
resources/views/widgets/laatstepodcasts.blade.php
Normal file
@@ -0,0 +1,10 @@
|
||||
<ul class="list no_border spacing clearfix">
|
||||
@foreach($data as $podcast)
|
||||
<li class="bullet_style_2">
|
||||
<h5>
|
||||
<a href="{{route('gemist.fragment') . $podcast->url}}" title="{{$podcast->title}}" style="color: inherit;">{{$podcast->titleWithoutProgram()}}</a>
|
||||
</h5>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
|
||||
27
resources/views/widgets/mediaplayer.blade.php
Normal file
27
resources/views/widgets/mediaplayer.blade.php
Normal file
@@ -0,0 +1,27 @@
|
||||
<?php
|
||||
if(!isset($MEDIAPLAYER_INCLUDED)):
|
||||
// Make sure mediaplayer JS is not applied more than once on a page.
|
||||
View::share('MEDIAPLAYER_INCLUDED', true);
|
||||
?>
|
||||
@push('scripts')
|
||||
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/mediaelement/4.2.7/mediaelement-and-player.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
var pluginPath = 'https://cdnjs.cloudflare.com/ajax/libs/mediaelement/4.2.7/';
|
||||
$("audio").mediaelementplayer({
|
||||
pluginPath: pluginPath,
|
||||
stretching: 'responsive',
|
||||
});
|
||||
$("video").mediaelementplayer({
|
||||
pluginPath: pluginPath,
|
||||
videoWidth: '100%',
|
||||
videoHeight: '100%',
|
||||
enableAutosize: true,
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
|
||||
@push('styles')
|
||||
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/mediaelement/4.2.7/mediaelementplayer.css" />
|
||||
@endpush
|
||||
|
||||
<?php endif; ?>
|
||||
173
resources/views/widgets/menu.blade.php
Normal file
173
resources/views/widgets/menu.blade.php
Normal file
@@ -0,0 +1,173 @@
|
||||
<?php $menu = array(
|
||||
"Radio" => array(
|
||||
"" => "/gids",
|
||||
"Luister live" => "/luister/live",
|
||||
"Regionieuws" => "/luister/regionieuws",
|
||||
"Programmagids" => "/gids",
|
||||
"Programma gemist" => "/gemist/programma",
|
||||
"Fragment gemist" => "/gemist/fragment",
|
||||
"Zondagsdienst" => "/kerkdienst"),
|
||||
"TV" => array(
|
||||
"Kijk live" => "/kijk/live"),
|
||||
"Regioagenda" => "/agenda",
|
||||
"Over ons" => array(
|
||||
"" => "/contact",
|
||||
"Contact" => "/contact",
|
||||
"Frequenties" => "/frequenties",
|
||||
"Adverteren?" => "/adverteren",
|
||||
),
|
||||
"NH Nieuws" => "https://nhnieuws.nl");
|
||||
?>
|
||||
<?php
|
||||
function isActive($link, $checksubmenus) {
|
||||
if(is_array($link)) {
|
||||
if(!$checksubmenus) { return false; }
|
||||
foreach($link as $item => $link) {
|
||||
if(isActive($link, $checksubmenus)) { return true; }
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
return (substr($_SERVER["REQUEST_URI"], 0, strlen($link)) == $link);
|
||||
}
|
||||
|
||||
function buildMenu($menu, $ismobile) {
|
||||
$result = "";
|
||||
foreach($menu as $title => $link) {
|
||||
if($title == "") { continue; }
|
||||
$submenu = is_array($link);
|
||||
$isactive = isActive($link, !$ismobile);
|
||||
$isplayer = !$submenu && substr($link, 0, 8) == '/luister';
|
||||
$submenulink = $submenu && isset($link[""]) ? $link[""] : "#";
|
||||
$target = substr($submenu ? $submenulink : $link, 0, 4) == "http" ? "target='_blank'" : "";
|
||||
if($isplayer) { $icon = "<span class='fas fa-headphones'></span> "; }
|
||||
else { $icon = ""; }
|
||||
$result .=
|
||||
"<li class=\"" . ($submenu ? "submenu" : "") . ($isactive ? " selected" : "") . "\">
|
||||
<a href=\"" . ($submenu ? $submenulink : $link) . "\" class=\"" . ($isplayer ? "player" : "") . "\" title=\"{$title}\" {$target}>{$icon}{$title}</a>";
|
||||
if($submenu) {
|
||||
$result .= "\t\t\t<ul>\n"
|
||||
. buildMenu($link, $ismobile)
|
||||
. "\t\t\t</ul>\n";
|
||||
}
|
||||
$result .= "\t\t</li>\n";
|
||||
}
|
||||
|
||||
return $result;
|
||||
}
|
||||
?>
|
||||
<nav>
|
||||
<ul class="sf-menu">
|
||||
@php($newsUrl = '/nieuws')
|
||||
@if($news)
|
||||
<li class="submenu mega_menu_parent {{isActive($newsUrl, false) ? "selected" : ""}}">
|
||||
<a href="{{$newsUrl}}" title="Nieuws">
|
||||
Nieuws
|
||||
</a>
|
||||
<ul>
|
||||
<li class="submenu">
|
||||
<a href="{{$newsUrl}}" title="Laatste nieuws">
|
||||
Laatste nieuws
|
||||
</a>
|
||||
<ul class="mega_menu blog">
|
||||
@foreach($news as $item)
|
||||
<li class="post">
|
||||
@if($item->images && count($item->images))
|
||||
<a href="{{url($item->url)}}" title="{{$item->title}}">
|
||||
<img src='{{$imgBase . $item->images[0]->url}}' alt='{{$item->title}}'>
|
||||
</a>
|
||||
@endif
|
||||
<h5><a href="{{url($item->url)}}" title="{{$item->title}}">{{$item->title}}</a></h5>
|
||||
<ul class="post_details simple">
|
||||
<li class="category">{{$item->region->title}}</li>
|
||||
<li class="date">
|
||||
{{Formatter::relativeDate($item->published)}} om {{$item->published->format('H:i')}} uur
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</li>
|
||||
@if($popular)
|
||||
<li class="submenu">
|
||||
<a href="{{$newsUrl}}" title="Meest gelezen">
|
||||
Meest gelezen
|
||||
</a>
|
||||
<ul class="mega_menu blog">
|
||||
@foreach($popular as $item)
|
||||
<li class="post">
|
||||
@if($item->images && count($item->images))
|
||||
<a href="{{url($item->url)}}" title="{{$item->title}}">
|
||||
<img src='{{$imgBase . $item->images[0]->url}}' alt='{{$item->title}}'>
|
||||
</a>
|
||||
@endif
|
||||
<h5><a href="{{url($item->url)}}" title="{{$item->title}}">{{$item->title}}</a></h5>
|
||||
<ul class="post_details simple">
|
||||
<li class="category">{{$item->region->title}}</li>
|
||||
<li class="date">
|
||||
{{Formatter::relativeDate($item->published)}}
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</li>
|
||||
@endif
|
||||
@if($podcasts)
|
||||
<li class="submenu">
|
||||
<a href="{{route('gemist')}}" title="Gesprek gemist">
|
||||
Fragment gemist
|
||||
</a>
|
||||
<ul class="mega_menu blog">
|
||||
@foreach($podcasts as $item)
|
||||
@if($loop->index >= 3) @break @endif
|
||||
<li class="post">
|
||||
@if($item->image)
|
||||
<a href="{{route('gemist.fragment') . $item->url}}" title="{{$item->title}}" class="fixed-height">
|
||||
<img src='{{$imgBase . $item->image->url}}' alt='{{$item->title}}'>
|
||||
</a>
|
||||
@endif
|
||||
<h5><a href="{{route('gemist.fragment') . $item->url}}" title="{{$item->title}}">{{$item->title}}</a></h5>
|
||||
<ul class="post_details simple">
|
||||
@if($item->program)
|
||||
<li class="category">{{$item->program->name}}</li>
|
||||
@endif
|
||||
<li class="date">
|
||||
{{Formatter::relativeDate($item->created)}}
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</li>
|
||||
@endif
|
||||
</ul>
|
||||
</li>
|
||||
@else
|
||||
<li class="{{isActive($newsUrl, false) ? "selected" : ""}}">
|
||||
<a href="{{$newsUrl}}" title="Nieuws">Nieuws</a>
|
||||
</li>
|
||||
@endif
|
||||
{!! buildMenu($menu, false) !!}
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="mobile_menu_container" >
|
||||
<a href="#" class="mobile-menu-switch">
|
||||
<span class="line"></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"></span>
|
||||
</a>
|
||||
<div class="mobile-menu-divider"></div>
|
||||
<nav>
|
||||
<ul class="mobile-menu">
|
||||
<li class="submenu {{isActive($newsUrl, false) ? "selected" : ""}}">
|
||||
<a href="{{$newsUrl}}" title="Nieuws">
|
||||
Nieuws
|
||||
</a>
|
||||
</li>
|
||||
{!! buildMenu($menu, true) !!}
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
57
resources/views/widgets/nustraks.blade.php
Normal file
57
resources/views/widgets/nustraks.blade.php
Normal file
@@ -0,0 +1,57 @@
|
||||
<h4 class="page_margin_top box_header"><span class="fa fa-music"></span> Nu op NH Gooi Radio</h4>
|
||||
|
||||
<div class="clearfix">
|
||||
|
||||
@php($program = $data[0])
|
||||
<ul class="blog podcasts">
|
||||
<li class="post">
|
||||
<div class="post_content">
|
||||
<h2><a href="{{route('programma') . $program->url}}" title="{{$program->name}}">{{$program->name}}</a></h2>
|
||||
@if($program->tagline)
|
||||
<p>{{$program->tagline}}</p>
|
||||
@endif
|
||||
<a class="action_button player" style="margin-top: 0;" href="{{route('luister.live')}}" title="Luister live">
|
||||
<span class="fa fa-play"></span>
|
||||
<span>Luister live tot {{$program->end->format('H:i')}} uur.</span>
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<h5 class="page_margin_top">Daarna:</h5>
|
||||
<ul class="list no_border spacing">
|
||||
@php($startDay = $program->start->format('d'))
|
||||
@foreach($data as $program)
|
||||
@php($isToday = $program->start->format('d') == $startDay)
|
||||
@if($loop->index > 5)
|
||||
@break
|
||||
@elseif(($loop->index >= 3) && $program->nonstop)
|
||||
@break
|
||||
@elseif(!$loop->first)
|
||||
<li class="bullet style_2"><a href="{{route('programma') . $program->url}}" title="{{$program->name}}">
|
||||
<b>{{$program->name}}</b></a> |
|
||||
<span class="text-muted">{{Formatter::relativeDate($program->start)}} om {{$program->start->format('H:i')}}.</span>
|
||||
</li>
|
||||
@if($program->tagline)
|
||||
<li class="bullet text-muted">{{$program->tagline}}</li>
|
||||
@endif
|
||||
|
||||
@endif
|
||||
@endforeach
|
||||
</ul>
|
||||
|
||||
@if(isset($recent))
|
||||
<h5 class="page_margin_top box_header">Net gemist?</h5>
|
||||
<p><b>{{$recent->name}}</b></p>
|
||||
<span class="text-muted">{{Formatter::relativeDate($recent->start)}} om {{$recent->start->format('H:i')}}.</span>
|
||||
<p class="clearfix">
|
||||
@php($duration = $recent->end->diff($recent->start)->h)
|
||||
<a class="action_button player" style="margin-top: 0;" href="{{route('luister.programma') . '/' . $recent->start->format('Y/m/d/H') . '/' . $duration}}" title="Luister live">
|
||||
<span class="fa fa-history"></span>
|
||||
<span>Terugluisteren</span>
|
||||
</a>
|
||||
</p>
|
||||
@endif
|
||||
</div>
|
||||
23
resources/views/widgets/populairnieuws.blade.php
Normal file
23
resources/views/widgets/populairnieuws.blade.php
Normal file
@@ -0,0 +1,23 @@
|
||||
<div class="vertical_carousel_container clearfix">
|
||||
<ul class="blog small vertical_carousel autoplay-1 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
|
||||
@foreach($data as $news)
|
||||
<li class="post">
|
||||
<a href="{{url($news->url)}}" title="{{$news->title}}">
|
||||
<img src="{{$news->images && count($news->images) ? $imgBase . $news->images[0]->url : '/images/noimage.png'}}" alt="{{$news->title}}">
|
||||
</a>
|
||||
<div class="post_content">
|
||||
<h5>
|
||||
<a href="{{url($news->url)}}" title="{{$news->title}}">{{$news->title}}</a>
|
||||
</h5>
|
||||
<ul class="post_details simple">
|
||||
<li class="category"><a href="{{route('nieuws.regio', $news->region->slug)}}" title="{{$news->region->title}}">{{$news->region->title}}</a></li>
|
||||
<li class="date">
|
||||
{{Formatter::relativeDate($news->published)}}
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
8
resources/views/widgets/popularnews.blade.php
Normal file
8
resources/views/widgets/popularnews.blade.php
Normal file
@@ -0,0 +1,8 @@
|
||||
<h2 title="De meest bekeken nieuwsberichten van de afgelopen 60 dagen">Populair nieuws</h2>
|
||||
@foreach($news as $newsItem)
|
||||
<p class="details">
|
||||
<span class="fa fa-angle-right"></span>
|
||||
<a href="{{url($newsItem->url)}}">{{$newsItem->title}}</a><br />
|
||||
<time class="post-date">{{$newsItem->region->title}}, {{Formatter::fullDate($newsItem->published, 'd m y?')}}</span>
|
||||
</p>
|
||||
@endforeach
|
||||
10
resources/views/widgets/regioagenda.blade.php
Normal file
10
resources/views/widgets/regioagenda.blade.php
Normal file
@@ -0,0 +1,10 @@
|
||||
<ul class="list no_border spacing clearfix">
|
||||
@foreach($data as $item)
|
||||
@if($loop->index >= 5) @break @endif
|
||||
<li class="bullet_style_2">
|
||||
<h5>
|
||||
<a href="{{url($item->url)}}" title="{{$item->title}}" style="color: inherit;">{{$item->title}}</a>
|
||||
</h5>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
43
resources/views/widgets/share.blade.php
Normal file
43
resources/views/widgets/share.blade.php
Normal 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">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" title="" href="https://twitter.com/QuanticaLabs" class="social_icon twitter">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="mailto:contact@pressroom.com" class="social_icon mail">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="#" class="social_icon skype">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon envato">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="#" class="social_icon instagram">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="" href="#" class="social_icon pinterest">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user