Fragment gemist bijna af
This commit is contained in:
19
website/resources/views/_mediaplayer.blade.php
Normal file
19
website/resources/views/_mediaplayer.blade.php
Normal file
@@ -0,0 +1,19 @@
|
||||
@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
|
||||
70
website/resources/views/_menu.blade.php
Normal file
70
website/resources/views/_menu.blade.php
Normal file
@@ -0,0 +1,70 @@
|
||||
<?php $menu = array(
|
||||
"Nieuws" => "/nieuws",
|
||||
"Radio" => array(
|
||||
"" => "/radio",
|
||||
"Luister live" => "/luister/live",
|
||||
"Regionieuws" => "/luister/regionieuws",
|
||||
"Programmagids" => "/radio/gids",
|
||||
"Fragment gemist" => "/radio/gemist",
|
||||
"Zondagsdienst" => "/kerkdienst"),
|
||||
"TV" => array(
|
||||
"Kijk live" => "/kijk/live"),
|
||||
"Regioagenda" => "/agenda",
|
||||
"Contact" => "/contact");
|
||||
?>
|
||||
<?php
|
||||
function isActive($link) {
|
||||
if(is_array($link)) {
|
||||
foreach($link as $item => $link) {
|
||||
if(isActive($link)) { return true; }
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
return (substr($_SERVER["REQUEST_URI"], 0, strlen($link)) == $link);
|
||||
}
|
||||
|
||||
function buildMenu($menu) {
|
||||
$result = "";
|
||||
foreach($menu as $title => $link) {
|
||||
if($title == "") { continue; }
|
||||
$submenu = is_array($link);
|
||||
$isactive = isActive($link);
|
||||
$submenulink = $submenu && isset($link[""]) ? $link[""] : "#";
|
||||
if(!$submenu && substr($link, 0, 8) == "/luister") { $icon = "<span class='fas fa-headphones'></span> "; }
|
||||
else { $icon = ""; }
|
||||
$result .=
|
||||
"<li class=\"" . ($submenu ? "submenu" : "") . ($isactive ? " selected" : "") . "\">
|
||||
<a href=\"" . ($submenu ? $submenulink : $link) . "\" title=\"{$title}\">{$icon}{$title}</a>";
|
||||
if($submenu) {
|
||||
$result .= "\t\t\t<ul>\n"
|
||||
. buildMenu($link)
|
||||
. "\t\t\t</ul>\n";
|
||||
}
|
||||
$result .= "\t\t</li>\n";
|
||||
}
|
||||
|
||||
return $result;
|
||||
}
|
||||
?>
|
||||
<nav>
|
||||
<!-- TODO: Mark selected, recursive menus, listen / watch icons -->
|
||||
<ul class="sf-menu">
|
||||
{!! buildMenu($menu) !!}
|
||||
</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">
|
||||
{!! buildMenu($menu) !!}
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
51
website/resources/views/about.blade.php
Normal file
51
website/resources/views/about.blade.php
Normal file
@@ -0,0 +1,51 @@
|
||||
@extends('page')
|
||||
|
||||
@section('title')
|
||||
Over 6FM
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<h1>Over 6FM</h1><P>
|
||||
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
|
||||
21
website/resources/views/adverteren.blade.php
Normal file
21
website/resources/views/adverteren.blade.php
Normal file
@@ -0,0 +1,21 @@
|
||||
@extends('page')
|
||||
|
||||
@section('title')
|
||||
Adverteren
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<h1>Adverteren</h1>
|
||||
<p>
|
||||
6FM biedt (plaatselijke) ondernemers de mogelijkheid om hun producten en/of diensten onder aandacht te brengen bij de luisteraars van Radio 6FM. De scherpe tarieven zijn op aanvraag verkrijgbaar bij Radio 6FM.
|
||||
</p>
|
||||
<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>
|
||||
Interessant daarbij is dat Radio 6FM meer is dan zomaar een publieke lokale radiozender. Radio 6FM 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 Radio 6FM 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 Radio 6FM ook on line te ontvangen.
|
||||
</p>
|
||||
<p>
|
||||
Ondernemers die geïnteresseerd zijn en meer informatie wensen te ontvangen over adverteren op Radio 6FM kunnen reageren via {{Html::mailto('info@6fm.nl')}}.
|
||||
</p>
|
||||
@endsection
|
||||
20
website/resources/views/banners.blade.php
Normal file
20
website/resources/views/banners.blade.php
Normal file
@@ -0,0 +1,20 @@
|
||||
<?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="wow banners">
|
||||
<h2>Advertentie</h2>
|
||||
<p class='ad'>
|
||||
<a href="{{$url}}" target="_6fmadbanner" class="ad_banner"><img src="/images/banners/{{$img}}" alt="{{$alt}}" title="{{$alt}}" /></a>
|
||||
</p>
|
||||
<p class='abnotice' style="display: none;"></p>
|
||||
<p><a href="{{ url('6fm/adverteren') }}">Hier adverteren?</a></p>
|
||||
</div>
|
||||
<?php
|
||||
endif;
|
||||
?>
|
||||
64
website/resources/views/calendarevent.blade.php
Normal file
64
website/resources/views/calendarevent.blade.php
Normal file
@@ -0,0 +1,64 @@
|
||||
@extends('page')
|
||||
|
||||
@section('title')
|
||||
Regioagenda | {{$event->title}}
|
||||
@endsection
|
||||
|
||||
|
||||
@section('content')
|
||||
<article class="article-content" itemscope itemtype="http://schema.org/Article">
|
||||
<div class="article-header">
|
||||
<div class="article-meta clearfix">
|
||||
<span class="event-pubdate"
|
||||
<span class="event-pubdate" data-short-date="{{Formatter::fullDate($event->starts, 'w d m y')}}, {{$event->starts->format("H:i")}}" datetime="{{$event->starts->format('c')}}">
|
||||
{{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
|
||||
</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<h1 class="article-title" itemprop="headline">{{$event->title}}</h1>
|
||||
|
||||
@if($event->images && count($event->images) > 0)
|
||||
@if(!$event->images[0]->title) @php($event->images[0]->title = $event->title) @endif
|
||||
<div class="mediabox">
|
||||
<div class="big-images owl-carousel">
|
||||
<div>
|
||||
<div class="mediabox-image">
|
||||
<img src="{{$event->images[0]->url}}" alt="{{strip_tags($event->images[0]->title)}}" title="{{strip_tags($event->images[0]->title)}}"/>
|
||||
<span class="mediabox-image-title">{{$event->images[0]->title}}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="thumbs owl-carousel">
|
||||
@if(count($event->images) > 1) @foreach($event->images as $image)
|
||||
<div>
|
||||
<img src="{{$image->url}}" alt="{{strip_tags($image->title)}}" title="{{strip_tags($image->title)}}" itemprop="image"/>
|
||||
</div>
|
||||
@endforeach @endif
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@endif
|
||||
<p class="intro">
|
||||
<span><b>{{$event->region}}</b> - </span> {!!$event->content!!}
|
||||
</p>
|
||||
|
||||
@if($event->podcast)
|
||||
<div class="left_content">
|
||||
<h2>Fragment</h2>
|
||||
<p>{{ Formatter::relativeDate($event->podcast->created) }} uitgezonden @if($event->podcast->program) in <a href="{{ url('radio/programma' . $event->podcast->program->url ) }}">{{ $event->podcast->program->name }}</a> @endif </p>
|
||||
<p>
|
||||
<audio controls>
|
||||
<source src="{{ $url = url( $apiUrl . 'podcast/download/' . $event->podcast->url . "?auth=" . $event->podcast->auth )}}" type="audio/mpeg" />
|
||||
</audio>
|
||||
</p>
|
||||
<p><a href="{{ url('/radio/gemist/fragment/' . $event->podcast->url) }}" class="btn btn-default">Meer over dit fragment</a></p>
|
||||
</div>
|
||||
@endif
|
||||
@endsection
|
||||
|
||||
123
website/resources/views/calendarlist.blade.php
Normal file
123
website/resources/views/calendarlist.blade.php
Normal file
@@ -0,0 +1,123 @@
|
||||
@extends('page')
|
||||
|
||||
@section('title')
|
||||
Regioagenda
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<h1>Regioagenda</h1>
|
||||
|
||||
@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="previous-month"><a href="#">← Eerder</a></li>
|
||||
<li class="current-month"><a href="#">Komende week</a></li>
|
||||
<li class="everything"><a href="#">Toon alles</a></li>
|
||||
<li class="next-month"><a href="#">Later →</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="month" data-month="0">
|
||||
<h2>Komende week</h2>
|
||||
|
||||
@php($nextWeek = new \DateTimeImmutable('midnight +7 days'))
|
||||
@php($heading = null)
|
||||
@php($month = 0)
|
||||
|
||||
@foreach($events as $event)
|
||||
@if($event->starts >= ($heading ? $heading : $nextWeek))
|
||||
</div>
|
||||
<div class="month" data-month="{{++$month}}">
|
||||
<h2>{{$heading ? "De agenda van" : "De rest van"}} {{Formatter::fullDate($event->starts, 'm y?')}}</h2>
|
||||
@php($heading = new \DateTimeImmutable('first day of next month ' . $event->starts->format('Y-m-d')))
|
||||
@endif
|
||||
<div class='row details' data-index="{{$month}}">
|
||||
@php($image = count($event->images) ? $event->images[0] : null)
|
||||
<div class='col-lg-3 @if(!$image) hidden-sm hidden-xs @endif'>
|
||||
<div class="news-item news-item-small wow fadeInDown">
|
||||
<div class="thumb">
|
||||
<a href="{{$event->url}}" rel="bookmark" title="{{$event->title}}">
|
||||
<img style="width: 100%;" src="{{ $image ? url( $image->url ) : url( 'images/noimage.png') }}" alt="{{$image ? $image->title : $event->title}}" title="{{$image ? $image->title : $event->title}}"/>
|
||||
</a>
|
||||
</div><!--/.thumb-->
|
||||
</div><!--/.wow-->
|
||||
</div><!--/.col-->
|
||||
<div class='col-lg-9'>
|
||||
<h2><a href="{{$event->url}}">{{$event->title}}</a></h2>
|
||||
<div class="event-date">
|
||||
{{Formatter::relativeDate($event->starts, 'W d m y?')}} @if($event->ends && $event->starts != $event->ends) t/m {{Formatter::relativeDate($event->ends, 'd m y?')}} @endif
|
||||
</div>
|
||||
<b>{{$event->region}}.</b> {!!Formatter::excerpt($event->content, 250)!!}
|
||||
<p><a href="{{$event->url}}" class="btn btn-info">Lees verder</a>
|
||||
</div><!--/.col-->
|
||||
</div><!--/.row-->
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
<nav>
|
||||
<ul class="pager">
|
||||
<li class="previous-month"><a href="#">← Eerder</a></li>
|
||||
<li class="current-month"><a href="#">Komende week</a></li>
|
||||
<li class="everything"><a href="#">Toon alles</a></li>
|
||||
<li class="next-month"><a href="#">Later →</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<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
|
||||
@endsection
|
||||
26
website/resources/views/contact.blade.php
Normal file
26
website/resources/views/contact.blade.php
Normal file
@@ -0,0 +1,26 @@
|
||||
@extends('page')
|
||||
|
||||
@section('title')
|
||||
Neem contact op
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<h1>Contact</h1><P>
|
||||
Neem contact op met Radio 6FM. De streekomroep voor Hilversum, Huizen, Blaricum, Eemnes en Laren. Radio 6FM hoor je in heel Gooi en Eemland op 92.0 FM, 105.1 FM en 106.2 FM.<br><br>
|
||||
|
||||
<B>Het postadres van Radio 6FM is: </B><br>
|
||||
Postbus 83<br>
|
||||
1270 AB Huizen<br>
|
||||
<br>
|
||||
|
||||
<B>Bezoekadres:</B><br>
|
||||
IJsselmeerstraat 3B<br>
|
||||
1271 AA Huizen<br><br>
|
||||
|
||||
<B>Telefoon en email:</B><br>
|
||||
<table border="0" cellspacing="0" cellpadding="0">
|
||||
<tr><Td>Tel:</td><td> 035-6424774</td></tr>
|
||||
<tr><Td>Studio:</td><td> 035-6424776</td></tr>
|
||||
<tr><Td>E-mail:</td><td> {{Html::mailto('info@6fm.nl')}}</td></tr>
|
||||
<tr><Td>KvK:</td><td> 41194132</td></tr></table><br>
|
||||
@endsection
|
||||
154
website/resources/views/home.blade.php
Normal file
154
website/resources/views/home.blade.php
Normal file
@@ -0,0 +1,154 @@
|
||||
@extends('master')
|
||||
|
||||
@section('title', 'Home')
|
||||
|
||||
@section('content')
|
||||
<div class="clearfix" style="height: 15px;"></div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 wow bounceInUp">
|
||||
|
||||
@php($newsItem = current($news))
|
||||
@php($podcast = current($podcasts))
|
||||
@php($index = 0)
|
||||
@while($newsItem !== false || $podcast !== false)
|
||||
@if(++$index % 2 == 1)
|
||||
@if($index > 2)
|
||||
</div>
|
||||
@endif
|
||||
<div class="row">
|
||||
@endif
|
||||
<div class="col-lg-6 col-md-6 col-sm-6">
|
||||
<div class="left_content">
|
||||
<?php // Show podcast(s) if we have any and either (a) we are out of news items but have an odd number of items, so we complete the row
|
||||
// or (b) we have a news item but the podcast is the first podcast on the same date, in which case it has to come first for extra attention. ?>
|
||||
@if($newsItem === false && ($index % 2) == 1)
|
||||
</div><!--./left_content-->
|
||||
</div><!--./col-->
|
||||
@break
|
||||
@endif
|
||||
@if(($podcast !== false) && (($newsItem === false) || ($podcast->created >= $newsItem->published->setTime(0, 0, 0))))
|
||||
@php($podcastsInBlock = [])
|
||||
@php($firstPodcast = $podcast)
|
||||
@while(($podcast !== false) && ($podcast->program == $firstPodcast->program) && ($podcast->created->format('d-m-Y') == $firstPodcast->created->format('d-m-Y')))
|
||||
@php($podcastsInBlock[] = $podcast)
|
||||
@php($podcast = next($podcasts))
|
||||
@endwhile
|
||||
|
||||
<h2><span class="fa fa-headphones"></span> Audiofragment</h2>
|
||||
<div class="details">
|
||||
@if(count($podcastsInBlock) == 1)
|
||||
<h3 class="news-title"><a href="{{url('radio/gemist/fragment/' . $firstPodcast->url)}}" title="{{$firstPodcast->title}}">{{$firstPodcast->title}}</a></h3>
|
||||
<div class="post-date">{{Formatter::relativeDate($firstPodcast->created)}}</div>
|
||||
{!! $firstPodcast->excerpt() !!}
|
||||
<p>
|
||||
<a href="{{url('radio/gemist/fragment/' . $firstPodcast->url)}}" title="{{$firstPodcast->title}}" class="btn btn-info">Luister fragment</a>
|
||||
<a href="{{url('radio/gemist')}}" title="Luister eerder uitgezonden fragmenten terug" class="btn btn-default">Meer fragmenten</a>
|
||||
</p>
|
||||
@else
|
||||
<h3 class="news-title">@if($firstPodcast->program) {{$firstPodcast->program->name}} @else Fragment gemist? @endif</h3>
|
||||
<div class="post-date">{{Formatter::relativeDate($firstPodcast->created)}} uitgezonden</div>
|
||||
@if(count($podcastsInBlock) < 3)
|
||||
<div class="news-item news-item-small wow fadeInDown">
|
||||
<div class="thumb">
|
||||
<img class="entry-thumb" src="{{url('images/podcast.png')}}" alt="Fragment gemist" title="Luister fragmenten terug van {{$firstPodcast->program ? $firstPodcast->program->name : "onze eerdere uitzendingen" }}"/>
|
||||
</div><!--/.thumb-->
|
||||
</div><!--/.news-item-->
|
||||
@endif
|
||||
<ul>
|
||||
@foreach($podcastsInBlock as $currentPodcast)
|
||||
@if($loop->index > 10 && $loop->remaining > 2)
|
||||
<li><p>... en <a href="{{url('radio/gemist/programma' . $firstPodcast->program->url)}}" title="Bekijk meer fragmenten uit {{$firstPodcast->program->name}}">nog {{$loop->remaining}} fragmenten</a>.</p></li>
|
||||
@break
|
||||
@endif
|
||||
<li><span class="fa fa-angle-right"></span> <a href="{{url('radio/gemist/fragment/' . $currentPodcast->url)}}" title="{{$currentPodcast->title}}">{{$currentPodcast->titleWithoutProgram()}}</a></li>
|
||||
@endforeach
|
||||
</ul>
|
||||
<div class="clearfix" style="height: 15px;"></div>
|
||||
<p>
|
||||
@if($firstPodcast->program) <a href="{{url('radio/programma' . $firstPodcast->program->url)}}" title="Meer informatie over {{$firstPodcast->program->name}}" class="btn btn-info">Over dit programma</a> @endif
|
||||
<a href="{{url('radio/gemist' . ($firstPodcast->program ? '/programma' . $firstPodcast->program->url : ''))}}" title="Luister eerder uitgezonden fragmenten terug" class="btn btn-default">Meer fragmenten</a>
|
||||
</p>
|
||||
@endif
|
||||
</div><!--./details-->
|
||||
@if($newsItem === false) <?php // If we got here, we are out of news items: we only included (a) podcast(s) to complete the column. Close the open tags and bail out of the while loop ?>
|
||||
</div><!--./left_content-->
|
||||
</div><!--./col-->
|
||||
@break
|
||||
@endif
|
||||
@elseif($newsItem !== false)
|
||||
<h2>@if($newsItem->video) <span class="fa fa-video-camera"></span> Video @else <span class="fa fa-newspaper-o"></span> Nieuws @endif </h2>
|
||||
@php($image = count($newsItem->images) ? $newsItem->images[0] : null)
|
||||
@if($image || $newsItem->video)
|
||||
<div class="news-item news-item-small wow fadeInDown">
|
||||
<div class="thumb">
|
||||
<a href="{{$newsItem->url}}" rel="bookmark" title="{{$newsItem->title}}">
|
||||
<img class="entry-thumb" src="{{ url( $image ? $image->url : 'images/video.png' )}}" alt="{{$image ? $image->title : 'Video'}}" title="{{$image ? $image->title : 'Klik om de video te bekijken'}}"/>
|
||||
</a>
|
||||
</div><!--/.thumb-->
|
||||
</div><!--/.news-item-->
|
||||
@endif
|
||||
<div class="details">
|
||||
<h3 class="news-title"><a href="{{$newsItem->url}}" rel="bookmark" title="{{$newsItem->title}}">{{$newsItem->title}}</a></h3>
|
||||
<div class="post-date">
|
||||
@if($newsItem->edited)
|
||||
<time class="entry-date edited" datetime="{{$newsItem->edited->format('c')}}"><strong>Laatste update: {{Formatter::relativeDate($newsItem->edited, /*capitalize:*/ false)}} om {{$newsItem->edited->format("H:i")}} uur</strong></time>.
|
||||
@else
|
||||
<time class="entry-date created" datetime="{{$newsItem->published->format('c')}}">{{Formatter::relativeDate($newsItem->published)}} om {{$newsItem->published->format("H:i")}} uur</time>.
|
||||
@endif
|
||||
</div><!--./post-date-->
|
||||
<p class="news-excerpt {{$image ? "short" : "long" }}"><b>{{$newsItem->region->title}}</b> | {!!Formatter::excerpt($newsItem->content, $image ? 200 : 500)!!}</p>
|
||||
<p><a href="{{$newsItem->url}}" class="btn btn-info">{!! $newsItem->video ? "<span class='fa fa-video-camera'></span> Bekijk video" : "Lees verder <span class='fa fa-arrow-right'></span>" !!}</a>
|
||||
<a href="/nieuws" class="btn btn-default">Meer nieuws</a></p>
|
||||
</div><!--/.details-->
|
||||
@php($newsItem = next($news))
|
||||
@endif
|
||||
</div><!--./left_content-->
|
||||
</div><!--./col-->
|
||||
@endwhile
|
||||
</div><!--./row-->
|
||||
</div><!--./col-->
|
||||
|
||||
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
|
||||
<div class="left_content">
|
||||
@include('banners')
|
||||
<div class="wow bounceInRight">
|
||||
@if(isset($comingUp) && count($comingUp) > 0)
|
||||
<h2>Nu en straks op 6FM</h2>
|
||||
<p>
|
||||
<b>Nu tot {{$comingUp[0]['end']->format('H:i')}} uur:</b><br/>
|
||||
<a href="{{ url('radio/programma' . $comingUp[0]['program']->url) }}">{{$comingUp[0]['program']->name}}</a>
|
||||
</p>
|
||||
<p><b>Straks op 6FM:</b></p>
|
||||
<ul style="margin-top: -1em; margin-bottom: 1em; ">
|
||||
@php($date = $comingUp[1]['start']->format('d-m-Y'))
|
||||
@for($i = 1, $printed = 0; $i < count($comingUp) && $printed < 3; ++$i)
|
||||
@if($comingUp[$i]['program']->priority > 2) @continue @endif
|
||||
@if($date != ($newDate = $comingUp[$i]['start']->format('d-m-Y')))
|
||||
@php($date = $newDate)
|
||||
</ul>
|
||||
<p><b>{{ Formatter::fullDate($comingUp[$i]['start'], 'W') }}:</b></p>
|
||||
<ul style="margin-top: -1em; margin-bottom: 1em; ">
|
||||
@endif
|
||||
<li>{{ $comingUp[$i]['start']->format('H:i') }} uur: <a href="{{ url('radio/programma' . $comingUp[$i]['program']->url) }}">{{$comingUp[$i]['program']->name}}</a></li>
|
||||
@php(++$printed)
|
||||
@endfor
|
||||
</ul>
|
||||
<p><b>Meer programma's?</b><br/><a href="{{url( '/radio/programmering' )}}" class="btn btn-primary">Programmaschema</a></p>
|
||||
@endif
|
||||
<div id="popularnews"><span class="fa fa-spinner fa-2x"></span></div>
|
||||
</div><!--./ringle_post_content-->
|
||||
</div><!--./left_content-->
|
||||
</div><!--./col-->
|
||||
</div><!--./row-->
|
||||
|
||||
<script type="text/javascript">
|
||||
$.ajax({
|
||||
'url': '{{ url('nieuws/populair') }}',
|
||||
'success': function(data, status, xhr) {
|
||||
$("#popularnews").html(data);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
@endsection
|
||||
46
website/resources/views/kerkdienst.blade.php
Normal file
46
website/resources/views/kerkdienst.blade.php
Normal file
@@ -0,0 +1,46 @@
|
||||
@extends('page')
|
||||
|
||||
@section('title')
|
||||
Zondagsdienst
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<h1>Zondagsdienst</h1>
|
||||
|
||||
<div class="row">
|
||||
<div class='col-lg-9'>
|
||||
@if($kerkdienst->isRunning)
|
||||
<p><strong>
|
||||
Vandaag wordt een dienst uitgezonden @if($kerkdienst->previous->name) vanuit de {{$kerkdienst->previous->name}}@endif.
|
||||
Aanvang: {{$kerkdienst->previous->start->format('H:i')}} uur.
|
||||
</strong></p>
|
||||
@else
|
||||
<p>
|
||||
De kerkdienst van {{Formatter::fullDate($kerkdienst->previous->start, 'd m')}} werd uitgezonden @if($kerkdienst->previous->name) vanuit de {{$kerkdienst->previous->name}}@endif.
|
||||
</p>
|
||||
<p>
|
||||
<audio controls>
|
||||
<source src="{{ url( $apiUrl . 'kerkdienst/download' ) }}" type="audio/mpeg" />
|
||||
</audio>
|
||||
</p>
|
||||
<p>
|
||||
<a href="{{$url = url('kerkdienst/luister')}}" target="_radioplayer" class="btn btn-primary" onclick="window.open('{{$url}}', '_radioplayer','width=400,height=400'); return false;"><span class="fa fa-play fa-fw"></span> Luister in nieuw venster</a>
|
||||
<a href="{{$url = url($apiUrl . 'kerkdienst/download')}}" class="btn btn-default">Download als MP3</a>
|
||||
</p>
|
||||
|
||||
<h3>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 <a href="{{$live = url('luister/live')}}" target="_radioplayer" class="btn-link" onclick="window.open('{{$live}}', '_radioplayer','width=400,height=400'); return false;"><span class="fa fa-play fa-fw"></span> Luister live</a>.
|
||||
</p>
|
||||
<p>
|
||||
Vanaf {{$kerkdienst->isRunning ? "vanmiddag" : "zondagmiddag" }} 12:00 uur is de dienst op deze pagina terug te luisteren.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
83
website/resources/views/listen.blade.php
Normal file
83
website/resources/views/listen.blade.php
Normal file
@@ -0,0 +1,83 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ app()->getLocale() }}">
|
||||
<head>
|
||||
<title>NH Gooi | {{$title}} </title>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" type="text/css" href="{{ url( '/css/bootstrap.min.css' )}}">
|
||||
<link rel="stylesheet" type="text/css" href="{{ url( '/css/font-awesome.min.css' )}}">
|
||||
<link rel="stylesheet" type="text/css" href="{{ url( '/css/animate.css' )}}">
|
||||
<link rel="stylesheet" type="text/css" href="{{ url( '/css/font.css' )}}">
|
||||
<link rel="stylesheet" type="text/css" href="{{ url( '/css/li-scroller.css' )}}">
|
||||
<link rel="stylesheet" type="text/css" href="{{ url( '/css/slick.css' )}}">
|
||||
<link rel="stylesheet" type="text/css" href="{{ url( '/css/jquery.fancybox.css' )}}">
|
||||
<link rel="stylesheet" type="text/css" href="{{ url( '/css/theme.css' )}}">
|
||||
<link rel="stylesheet" type="text/css" href="{{ url( '/css/style.css' )}}">
|
||||
<link rel="stylesheet" type="text/css" href="{{ url( '/css/custom.css' )}}">
|
||||
<script type="text/javascript" src="{{ url( 'js/jquery.min.js' )}}"></script>
|
||||
<!--[if lt IE 9]>
|
||||
<script src="{{ url( '/js/html5shiv.min.js' )}}"></script>
|
||||
<script src="{{ url( '/js/respond.min.js' )}}"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p class='text-right'>
|
||||
<a href="javascript:window.close();" class="btn btn-link"><span class='fa fa-close fa-fw'></span> Venster sluiten</a>
|
||||
</p>
|
||||
|
||||
<p class="logo"><a href="{{ url('/') }}"><img src="{{ url( 'images/logo.png' )}}"></a></p>
|
||||
|
||||
<p>
|
||||
<b>Nu op NH Gooi:</b>
|
||||
<span id="nowonair">{{file_get_contents(url('onair'))}}</span>
|
||||
<script type="text/javascript">
|
||||
setInterval(function updateNowPlaying() { $.ajax({
|
||||
'url': '{{url('onair')}}',
|
||||
'success': function(data, status, xhr) {
|
||||
$("#nowonair").text(data);
|
||||
}
|
||||
}); }, 5000);
|
||||
</script>
|
||||
@if(!$isStream) <br />
|
||||
<a href="{{ url( 'luister/live' ) }}" class="btn-link"><span class='fa fa-fw fa-play'></span> Luister live</a>
|
||||
@endif
|
||||
</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
|
||||
<p><b>U luistert nu naar</b> {!!$content!!}</p>
|
||||
@if(isset($tabs))
|
||||
<p>
|
||||
@foreach($tabs as $link => $caption)
|
||||
<a href="{{$link}}" class="btn btn-{{$link == '#' ? 'primary' : 'default'}}">{{$caption}}</a>
|
||||
@endforeach
|
||||
</p>
|
||||
@endif
|
||||
<p>
|
||||
<audio controls @if($isStream) autoplay="true" @endif >
|
||||
<source src="{{$source}}" type="audio/mp3" />
|
||||
</audio>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
@if(!$isStream && $canDownload)
|
||||
<a href="{{$source}}" class="btn btn-primary">Download als MP3</a>
|
||||
@endif
|
||||
</p>
|
||||
@endif
|
||||
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mediaelement/4.2.3/mediaelementplayer.css" />
|
||||
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mediaelement/4.2.3/mediaelement-and-player.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
$("video, audio").mediaelementplayer({
|
||||
pluginPath: 'https://cdnjs.cloudflare.com/ajax/libs/mediaelement/4.2.3/',
|
||||
stretching: 'responsive'
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
567
website/resources/views/master.blade.php
Normal file
567
website/resources/views/master.blade.php
Normal file
@@ -0,0 +1,567 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>@yield('title')</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="Medic, Medical Center" />
|
||||
<meta name="description" content="Responsive Medical Health Template" />
|
||||
<!--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">
|
||||
@stack('styles')
|
||||
<link rel="shortcut icon" href="/images/favicon.ico">
|
||||
</head>
|
||||
<!--<body class="image_1">
|
||||
<body class="image_1 overlay">
|
||||
<body class="image_2">
|
||||
<body class="image_f2 overlay">
|
||||
<body class="image_3">
|
||||
<body class="image_3 overlay">
|
||||
<body class="image_4">
|
||||
<body class="image_4 overlay">
|
||||
<body class="image_5">
|
||||
<body class="image_5 overlay">
|
||||
<body class="pattern_1">
|
||||
<body class="pattern_2">
|
||||
<body class="pattern_3">
|
||||
<body class="pattern_4">
|
||||
<body class="pattern_5">
|
||||
<body class="pattern_6">
|
||||
<body class="pattern_7">
|
||||
<body class="pattern_8">
|
||||
<body class="pattern_9">
|
||||
<body class="pattern_10">-->
|
||||
<body>
|
||||
<div class="site_container boxed">
|
||||
<!--<div class="header_top_bar_container style_2 clearfix">
|
||||
<div class="header_top_bar_container style_2 border clearfix">
|
||||
<div class="header_top_bar_container style_3 clearfix">
|
||||
<div class="header_top_bar_container style_3 border clearfix">
|
||||
<div class="header_top_bar_container style_4 clearfix">
|
||||
<div class="header_top_bar_container style_4 border clearfix">
|
||||
<div class="header_top_bar_container style_5 clearfix">
|
||||
<div class="header_top_bar_container style_5 border clearfix"> -->
|
||||
<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>
|
||||
<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">
|
||||
<li>
|
||||
<a href="?page=post" title="">Climate Change Debate While Britain Floods</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="?page=post" title="">The Public Health Crisis Hiding in Our Food</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="?page=post" title="">Nuclear Fusion Closer to Becoming a Reality</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="date">
|
||||
<abbr title="04 Apr 2014" class="timeago current">04 Apr 2014</abbr>
|
||||
<abbr title="04 May 2014" class="timeago">04 May 2014</abbr>
|
||||
<abbr title="04 June 2014" class="timeago">04 June 2014</abbr>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
img.ri{ max-width:100%; height: 90px; }
|
||||
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; }
|
||||
}
|
||||
</style>
|
||||
<div class="header_container small">
|
||||
<div class="header clearfix">
|
||||
<div class="logo">
|
||||
<!--
|
||||
<h1><a href="?page=home" title="Pressroom">Pressroom</a></h1>
|
||||
<h4>News and Magazine Template</h4>
|
||||
-->
|
||||
<img src="/images/logo.png" class="ri" />
|
||||
</div>
|
||||
<div class="placeholder">
|
||||
On air: Vroeger of Later
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="menu_container sticky clearfix">
|
||||
@include('_menu')
|
||||
</div>
|
||||
|
||||
<!-- Content -->
|
||||
|
||||
<div class="page">
|
||||
@yield('content')
|
||||
</div><!--/.page-->
|
||||
|
||||
<!-- Footer -->
|
||||
<div class="footer_container">
|
||||
<div class="footer clearfix>
|
||||
<div class="row">
|
||||
<div class="column column_1_3">
|
||||
<h4 class="box_header">About PressRoom</h4>
|
||||
<p class="padding_top_bottom_25">Maecenas mauris elementum, est morbi interdum cursus at elite imperdiet libero. Proin odios dapibus integer an nulla augue pharetra cursus.</p>
|
||||
<div class="row">
|
||||
<div class="column column_1_2">
|
||||
<h5>PressRoom Ltd.</h5>
|
||||
<p>
|
||||
33 Farlane Street<br>
|
||||
25-100 Keilor East,<br>
|
||||
Australia
|
||||
</p>
|
||||
</div>
|
||||
<div class="column column_1_2">
|
||||
<h5>Phone & Fax</h5>
|
||||
<p>
|
||||
Phone: 1-800-64-38<br>
|
||||
Fax: 1-800-64-39
|
||||
</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">Laatste nieuws:</h4>
|
||||
<div class="vertical_carousel_container clearfix">
|
||||
<ul class="blog small vertical_carousel autoplay-1 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
|
||||
<li class="post">
|
||||
<a href="?page=post_gallery" title="Study Linking Illnes and Salt Leaves Researchers Doubtful">
|
||||
<span class="icon small gallery"></span>
|
||||
<img src='images/samples/100x100/image_06.jpg' alt='img'>
|
||||
</a>
|
||||
<div class="post_content">
|
||||
<h5>
|
||||
<a href="?page=post_gallery" title="Study Linking Illnes and Salt Leaves Researchers Doubtful">Study Linking Illnes and Salt Leaves Researchers Doubtful</a>
|
||||
</h5>
|
||||
<ul class="post_details simple">
|
||||
<li class="category"><a href="?page=category&cat=health" title="HEALTH">HEALTH</a></li>
|
||||
<li class="date">
|
||||
10:11 PM, Feb 02
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="post">
|
||||
<a href="?page=post" title="Syrian Civilians Trapped For Months Continue To Be Evacuated">
|
||||
<img src='images/samples/100x100/image_12.jpg' alt='img'>
|
||||
</a>
|
||||
<div class="post_content">
|
||||
<h5>
|
||||
<a href="?page=post" title="Syrian Civilians Trapped For Months Continue To Be Evacuated">Syrian Civilians Trapped For Months Continue To Be Evacuated</a>
|
||||
</h5>
|
||||
<ul class="post_details simple">
|
||||
<li class="category"><a href="?page=category&cat=world" title="WORLD">WORLD</a></li>
|
||||
<li class="date">
|
||||
10:11 PM, Feb 02
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="post">
|
||||
<a href="?page=post" title="Built on Brotherhood, Club Lives Up to Name">
|
||||
<img src='images/samples/100x100/image_02.jpg' alt='img'>
|
||||
</a>
|
||||
<div class="post_content">
|
||||
<h5>
|
||||
<a href="?page=post" title="Built on Brotherhood, Club Lives Up to Name">Built on Brotherhood, Club Lives Up to Name</a>
|
||||
</h5>
|
||||
<ul class="post_details simple">
|
||||
<li class="category"><a href="?page=category&cat=sports" title="SPORTS">SPORTS</a></li>
|
||||
<li class="date">
|
||||
10:11 PM, Feb 02
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="post">
|
||||
<a href="?page=post" title="Nuclear Fusion Closer to Becoming a Reality">
|
||||
<img src='images/samples/100x100/image_13.jpg' alt='img'>
|
||||
</a>
|
||||
<div class="post_content">
|
||||
<h5>
|
||||
<a href="?page=post" title="Nuclear Fusion Closer to Becoming a Reality">Nuclear Fusion Closer to Becoming a Reality</a>
|
||||
</h5>
|
||||
<ul class="post_details simple">
|
||||
<li class="category"><a href="?page=category&cat=science" title="SCIENCE">SCIENCE</a></li>
|
||||
<li class="date">
|
||||
10:11 PM, Feb 02
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column column_1_3">
|
||||
<h4 class="box_header">Latest Galleries</h4>
|
||||
<div class="horizontal_carousel_container big page_margin_top">
|
||||
<ul class="blog horizontal_carousel visible-1 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
|
||||
<li class="post">
|
||||
<a href="?page=post_gallery" title="Struggling Nuremberg Sack Coach Verbeek">
|
||||
<span class="icon gallery"></span>
|
||||
<img src='images/samples/330x242/image_03.jpg' alt='img'>
|
||||
</a>
|
||||
<h5 class="with_number">
|
||||
<a href="?page=post_gallery" title="Struggling Nuremberg Sack Coach Verbeek">Struggling Nuremberg Sack Coach Verbeek</a>
|
||||
<a class="comments_number" href="?page=post_gallery#comments_list" title="2 comments">2<span class="arrow_comments"></span></a>
|
||||
</h5>
|
||||
<ul class="post_details simple">
|
||||
<li class="category"><a href="?page=category&cat=sports" title="SPORTS">SPORTS</a></li>
|
||||
<li class="date">
|
||||
10:11 PM, Feb 02
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="post">
|
||||
<a href="?page=post_gallery" title="Built on Brotherhood, Club Lives Up to Name">
|
||||
<span class="icon gallery"></span>
|
||||
<img src='images/samples/330x242/image_14.jpg' alt='img'>
|
||||
</a>
|
||||
<h5 class="with_number">
|
||||
<a href="?page=post_gallery" title="Built on Brotherhood, Club Lives Up to Name">Built on Brotherhood, Club Lives Up to Name</a>
|
||||
<a class="comments_number" href="?page=post_gallery#comments_list" title="2 comments">2<span class="arrow_comments"></span></a>
|
||||
</h5>
|
||||
<ul class="post_details simple">
|
||||
<li class="category"><a href="?page=category&cat=sports" title="SPORTS">SPORTS</a></li>
|
||||
<li class="date">
|
||||
10:11 PM, Feb 02
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="post">
|
||||
<a href="?page=post_gallery" title="New Painkiller Rekindles Addiction Concerns">
|
||||
<span class="icon gallery"></span>
|
||||
<img src='images/samples/330x242/image_04.jpg' alt='img'>
|
||||
</a>
|
||||
<h5 class="with_number">
|
||||
<a href="?page=post_gallery" title="New Painkiller Rekindles Addiction Concerns">New Painkiller Rekindles Addiction Concerns</a>
|
||||
<a class="comments_number" href="?page=post_gallery#comments_list" title="2 comments">2<span class="arrow_comments"></span></a>
|
||||
</h5>
|
||||
<ul class="post_details simple">
|
||||
<li class="category"><a href="?page=category&cat=sports" title="SPORTS">SPORTS</a></li>
|
||||
<li class="date">
|
||||
10:11 PM, Feb 02
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row page_margin_top_section">
|
||||
<div class="column column_3_4">
|
||||
<ul class="footer_menu">
|
||||
<li>
|
||||
<h4><a href="?page=category&cat=world" title="World">World</a></h4>
|
||||
</li>
|
||||
<li>
|
||||
<h4><a href="?page=category&cat=health" title="Health">Health</a></h4>
|
||||
</li>
|
||||
<li>
|
||||
<h4><a href="?page=category&cat=sports" title="Sports">Sports</a></h4>
|
||||
</li>
|
||||
<li>
|
||||
<h4><a href="?page=category&cat=science" title="Science">Science</a></h4>
|
||||
</li>
|
||||
<li>
|
||||
<h4><a href="?page=category&cat=lifestyle" title="Lifestyle">Lifestyle</a></h4>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<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 <a href="http://quanticalabs.com" title="QuanticaLabs" target="_blank">QuanticaLabs</a> - PressRoom Template. <a href="https://themeforest.net/cart/add_items?item_ids=9066845&ref=QuanticaLabs" title="PressRoom Template" target="_blank">Click here to buy it</a>
|
||||
</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>
|
||||
@stack('scripts')
|
||||
</body>
|
||||
</html>
|
||||
92
website/resources/views/newsitem.blade.php
Normal file
92
website/resources/views/newsitem.blade.php
Normal file
@@ -0,0 +1,92 @@
|
||||
@extends('page')
|
||||
|
||||
@section('title')
|
||||
Nieuws | {{$news->title}}
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<article class="article-content" itemscope itemtype="http://schema.org/Article">
|
||||
<div class="article-header">
|
||||
<div class="article-meta clearfix">
|
||||
<span class="news-pubdate" data-short-date="{{Formatter::fullDate($news->published, 'w d m y')}}, {{$news->published->format("H:i")}}" datetime="{{$news->published->format('c')}}">
|
||||
{{Formatter::relativeDate($news->published)}}, {{$news->published->format("H:i")}}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<h1 class="article-title" itemprop="headline">{{$news->title}}</h1>
|
||||
|
||||
@if($news->images && count($news->images) > 0)
|
||||
@if(!$news->images[0]->title) @php($news->images[0]->title = $news->title) @endif
|
||||
<div class="mediabox">
|
||||
<div class="big-images owl-carousel">
|
||||
<div>
|
||||
<div class="mediabox-image">
|
||||
<img src="{{$news->images[0]->url}}" alt="{{strip_tags($news->images[0]->title)}}" title="{{strip_tags($news->images[0]->title)}}"/>
|
||||
<span class="mediabox-image-title">{{$news->images[0]->title}}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="thumbs owl-carousel">
|
||||
@if(count($news->images) > 1) @foreach($news->images as $image)
|
||||
<div>
|
||||
<img src="{{$image->url}}" alt="{{strip_tags($image->title)}}" title="{{strip_tags($image->title)}}" itemprop="image"/>
|
||||
</div>
|
||||
@endforeach @endif
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@endif
|
||||
<p class="intro">
|
||||
|
||||
<span><b>{{$news->region->title}}</b> - </span> {!!$news->content!!}
|
||||
|
||||
</p>
|
||||
|
||||
@if($news->source && $news->source->show)
|
||||
<div class="post-source">
|
||||
<p>Bron: {{$news->source->title}}</p>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if($news->podcast)
|
||||
<div class="left_content">
|
||||
<h2>Fragment</h2>
|
||||
<p>{{ Formatter::relativeDate($news->podcast->created) }} uitgezonden @if($news->podcast->program) in <a href="{{ url('radio/programma' . $news->podcast->program->url ) }}">{{ $news->podcast->program->name }}</a> @endif </p>
|
||||
<p>
|
||||
<audio controls>
|
||||
<source src="{{ $url = url( $apiUrl . 'podcast/download/' . $news->podcast->url . "?auth=" . $news->podcast->auth )}}" type="audio/mpeg" />
|
||||
</audio>
|
||||
</p>
|
||||
<p><a href="{{ url('/radio/gemist/fragment/' . $news->podcast->url) }}" class="btn btn-default">Meer over dit fragment</a></p>
|
||||
</div>
|
||||
@endif
|
||||
<hr />
|
||||
<div class="left_content">
|
||||
<h2>Meer nieuws</h2>
|
||||
<p>
|
||||
<a href="{{ url('nieuws/regio/' . $news->region->slug) }}" title="Toon meer nieuws uit de regio {{$news->region->title}}" class="btn btn-primary">{{$news->region->title}}</a>
|
||||
<a href="{{ url('nieuws/thema/' . $news->theme->slug) }}" title="Toon meer nieuws met thema {{$news->theme->title}}" class="btn btn-primary">{{$news->theme->title}}</a>
|
||||
|
||||
<!--
|
||||
@if(is_array($news->keywords)) @foreach($news->keywords as $keyword)
|
||||
<a href="nieuws/onderwerp/{{$keyword}}" class="btn btn-info" title="Zoek meer nieuwsberichten met het onderwerp '{{$keyword}}'">{{$keyword}}</a>
|
||||
@endforeach @endif
|
||||
-->
|
||||
</p>
|
||||
|
||||
<div class="article-bottom">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-sm-12 pull-right">
|
||||
<a href="/contact?correction=true" class="block-ctalink" rel="nofollow">Correctie melden <i class="icon-arrow-small"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
55
website/resources/views/newslist.blade.php
Normal file
55
website/resources/views/newslist.blade.php
Normal file
@@ -0,0 +1,55 @@
|
||||
|
||||
@extends('page')
|
||||
|
||||
@section('title')
|
||||
@if($title) {{$title}} - Nieuws @endif
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<h1>Nieuwsarchief 6FM</h1>
|
||||
@if($title) <h2> <a href="{{url('nieuws')}}" title="Terug naar het nieuwsoverzicht" class="btn btn-primary"><i class="icon-arrow-small-left"></i></a> {{$title}} </h2> @endif
|
||||
|
||||
<section class="page-content col-lg-8 col-md-12">
|
||||
<div id="items">
|
||||
@include('newslistitems', ['news' => $news])
|
||||
</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>
|
||||
|
||||
<script>
|
||||
var page = 1;
|
||||
var isLoading = 0;
|
||||
var $items = $('#items');
|
||||
var $isLoading = $('#loading');
|
||||
$(function() {
|
||||
$(window).scroll(function () {
|
||||
var $this = $(this);
|
||||
var tweak = 10;
|
||||
|
||||
if(!isLoading && (page > 0) && ($this.scrollTop() >= $items.height() - $this.height() - tweak))
|
||||
{
|
||||
isLoading = 1;
|
||||
$isLoading.show();
|
||||
$.ajax({ url: document.location.pathname + '?pagina=' + (++page) })
|
||||
.always(function() { isLoading = 0; $isLoading.hide(); })
|
||||
.done(function(data) {
|
||||
if(!data) {
|
||||
page = -1;
|
||||
return;
|
||||
}
|
||||
$items.append(data); if(!data) alert( "No more data");
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
@endsection
|
||||
|
||||
30
website/resources/views/newslistitems.blade.php
Normal file
30
website/resources/views/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 = 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>
|
||||
8
website/resources/views/page.blade.php
Normal file
8
website/resources/views/page.blade.php
Normal file
@@ -0,0 +1,8 @@
|
||||
@extends('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
|
||||
189
website/resources/views/podcastitem.blade.php
Normal file
189
website/resources/views/podcastitem.blade.php
Normal file
@@ -0,0 +1,189 @@
|
||||
@extends('page')
|
||||
|
||||
@include('_mediaplayer')
|
||||
@section('title')
|
||||
Fragment gemist | {{$podcast->title}}
|
||||
@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')
|
||||
<?php
|
||||
$audioUrl = url( $apiUrl . 'podcast/download/' . $podcast->url . "?auth=" . $podcast->auth );
|
||||
$popoutUrl = url('luister/fragment/' . $podcast->url . '?auth=' . $podcast->auth );
|
||||
?>
|
||||
<div class="page_layout page_margin_top clearfix">
|
||||
<div class="row page_margin_top">
|
||||
<div class="column column_2_3">
|
||||
<div class="row">
|
||||
<div class="post single">
|
||||
<h1>Fragment gemist</h1>
|
||||
<h2 class="post_title">{{$podcast->title}}</h2>
|
||||
<ul class="post_details clearfix">
|
||||
@if($podcast->program)
|
||||
<li class="detail"><a href="{{ url('programma' . $podcast->program->url ) }}">{{ $podcast->program->name }}</a></li>
|
||||
@endif
|
||||
<li class="detail date">{{ Formatter::relativeDate($podcast->created) }}</li>
|
||||
</ul>
|
||||
|
||||
<div class="post_content page_margin_top_section clearfix">
|
||||
<h3>{!!$podcast->content!!}</h3>
|
||||
</div>
|
||||
|
||||
<p>
|
||||
<audio controls autoplay="true">
|
||||
<source src="{{$audioUrl}}" type="audio/mpeg" />
|
||||
</audio>
|
||||
</p>
|
||||
|
||||
<div class="row page_margin_top">
|
||||
<div class="share_box 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" href="{{$popoutUrl}}" target="_radioplayer" onclick="window.open('{{$popoutUrl}}', '_radioplayer','width=400,height=400'); return false;" class="btn btn-default">
|
||||
<span class="fa fa-external-link-alt"></span>
|
||||
<span>Luister in nieuw venster</span>
|
||||
</a>
|
||||
</div>
|
||||
</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="{{ url('radio/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="{{url('radio/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="{{url('radio/gemist')}}" class="read_more">
|
||||
<span class="arrow"></span>
|
||||
<span>Alle recente fragmenten</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
38
website/resources/views/podcastitems.blade.php
Normal file
38
website/resources/views/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 = url('radio/gemist/fragment/' . $podcast->url); ?>
|
||||
<li class="post column column_1_2">
|
||||
<div class="post_content">
|
||||
<h2><a href="{{$url}}" title="{{$podcast->title}}">{!!$podcast->title!!}</a></h2>
|
||||
<ul class="post_details">
|
||||
@if($podcast->program)
|
||||
<li class="category">
|
||||
<a href="{{ url('radio/programma' . $podcast->program->url ) }}" title="{{$podcast->program->name}}">{{$podcast->program->name}}</a>
|
||||
</li>
|
||||
@endif
|
||||
<li class="date">
|
||||
{{ Formatter::relativeDate($podcast->created) }}
|
||||
</li>
|
||||
</ul>
|
||||
@if($podcast->image)
|
||||
<p>
|
||||
<a href="{{$url}}" title="{{$podcast->title}}">
|
||||
<img src='//nhgooi.nl/{{$podcast->image->url}}' alt='{{$podcast->image->title}}'>
|
||||
</a>
|
||||
</p>
|
||||
@endif
|
||||
<p>{!! Formatter::excerpt($podcast->content, 200) !!}</p>
|
||||
<a class="read_more" href="{{url('radio/gemist/fragment/' . $podcast->url)}}" title="Luister fragment"><span class="arrow"></span><span>Luister fragment</span></a>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
@php($i++)
|
||||
@endforeach
|
||||
|
||||
@if($i)
|
||||
</ul><!--/.row-->
|
||||
@endif
|
||||
76
website/resources/views/podcastlist.blade.php
Normal file
76
website/resources/views/podcastlist.blade.php
Normal file
@@ -0,0 +1,76 @@
|
||||
|
||||
@extends('page')
|
||||
|
||||
@section('title')
|
||||
Fragment gemist
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
@parent
|
||||
|
||||
@if(isset($program))
|
||||
<h2>{{$program->name}}</h2>
|
||||
<p class="align-right">
|
||||
<a href="{{url('gemist')}}" title="Alle programma's" class="btn btn-info">← Toon alles</a>
|
||||
<a href="{{url('programma' . $program->url)}}" title="{{$program->name}}" class="btn btn-info">Programmainfo</a>
|
||||
</p>
|
||||
@else
|
||||
<p>Hele uitzendingen kunt u binnen twee weken terugluisteren door het betreffende programma op te zoeken via de <a href="{{url('gids')}}">programmagids</a>.
|
||||
@endif
|
||||
|
||||
@if($podcasts)
|
||||
|
||||
<div class="page_layout clearfix">
|
||||
<div class="row grid" id="items">
|
||||
@include('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
|
||||
|
||||
8
website/resources/views/popularnews.blade.php
Normal file
8
website/resources/views/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
|
||||
120
website/resources/views/radioprogram.blade.php
Normal file
120
website/resources/views/radioprogram.blade.php
Normal file
@@ -0,0 +1,120 @@
|
||||
@extends('page')
|
||||
|
||||
@section('title')
|
||||
Radio | {{$program->name}}
|
||||
@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="row">
|
||||
<div class="post single">
|
||||
<h1>{{$program->name}}</h1>
|
||||
<p>{!!$program->description!!}</p>
|
||||
</div>
|
||||
</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 = url('luister/live') }}" target="_radioplayer" class="action_button" onclick="window.open('{{$player}}', '_radioplayer','width=400,height=400'); return false;"><span class="fa fa-play fa-fw"></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 href="#" class="action_button disabled"><span class="fa fa-fw fa-play"></span> <span>Luister terug</span></a>
|
||||
@else
|
||||
<a href="{{$url = url('radio/luister/programma/' . $r->starts->format('Y/m/d/H') . '/' . $duration)}}" target="_radioplayer" class="action_button" onclick="window.open('{{$url}}', '_radioplayer', 'width=400,height=400'); return false;"><span class="fa fa-fw 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="{{ url('radio/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
|
||||
123
website/resources/views/radioschedule.blade.php
Normal file
123
website/resources/views/radioschedule.blade.php
Normal file
@@ -0,0 +1,123 @@
|
||||
@extends('page')
|
||||
|
||||
@section('title')
|
||||
Radioprogrammering
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
@parent
|
||||
|
||||
<nav>
|
||||
<ul class="pager">
|
||||
<li class="previous-week"><a href="#">← Week eerder</a></li>
|
||||
<li class="current-week"><a href="#">Deze week</a></li>
|
||||
<li class="next-week"><a href="#">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('radioscheduleweek', ['schedule' => $schedule])
|
||||
</div>
|
||||
|
||||
<style type="text/css">
|
||||
#schedule table {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
#schedule table tr {
|
||||
}
|
||||
|
||||
#schedule table td {
|
||||
height: 70px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
#schedule table td.time {
|
||||
min-width: 150px;
|
||||
}
|
||||
|
||||
#schedule table td.title {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
#schedule table td a {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#schedule .current-marker {
|
||||
margin-left: 3px;
|
||||
padding: 5px !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
<nav>
|
||||
<ul class="pager">
|
||||
<li class="previous-week"><a href="#">← Week eerder</a></li>
|
||||
<li class="current-week"><a href="#">Deze week</a></li>
|
||||
<li class="next-week"><a href="#">Week later →</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<script type="text/javascript">
|
||||
var week = 0;
|
||||
var $loading = $("#loading");
|
||||
var $schedule = $("#schedule");
|
||||
|
||||
function gotoPage(week) {
|
||||
$loading.css('height', $schedule.height() + 'px').show();
|
||||
$schedule.hide();
|
||||
window.location.hash = (!week) ? "deze-week"
|
||||
: (week < 0) ? (week == -1 ? "1-week-geleden" : (-week) + "-weken-geleden")
|
||||
: "over-" + (week == 1 ? "1-week" : week + "-weken");
|
||||
$.ajax({
|
||||
'url': '{{url('gids')}}/' + week,
|
||||
'success': function(html, status, xhr) {
|
||||
$schedule.hide().html(html).fadeIn();
|
||||
scrollToMiddle($(".current-marker"));
|
||||
}
|
||||
}).done(function(data) { $loading.hide(); });
|
||||
}
|
||||
|
||||
$(".pager .previous-week").click(function(e) { gotoPage(--week); e.preventDefault(); });
|
||||
$(".pager .current-week").click(function(e) { gotoPage(week = 0); e.preventDefault(); });
|
||||
$(".pager .next-week").click(function(e) { gotoPage(++week); e.preventDefault(); });
|
||||
|
||||
window.onhashchange = function() {
|
||||
if(window.location.hash == "#deze-week") {
|
||||
newWeek = 0;
|
||||
} else if(window.location.hash.endsWith("1-week-geleden")) {
|
||||
newWeek = -1;
|
||||
} else if(window.location.hash.endsWith("over-1-week")) {
|
||||
newWeek = 1;
|
||||
} else if(window.location.hash.endsWith("weken-geleden")) {
|
||||
newWeek = -parseInt(window.location.hash.substr(1));
|
||||
} else if(window.location.hash.startsWith("#over-")) {
|
||||
newWeek = parseInt(window.location.hash.substr(6));
|
||||
}
|
||||
|
||||
if(newWeek != week) {
|
||||
gotoPage(newWeek);
|
||||
}
|
||||
}
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
scrollToMiddle($(".current-marker"));
|
||||
|
||||
</script>
|
||||
@endsection
|
||||
26
website/resources/views/radioscheduleweek.blade.php
Normal file
26
website/resources/views/radioscheduleweek.blade.php
Normal file
@@ -0,0 +1,26 @@
|
||||
@php($date = null)@php($now = new \DateTime("now"))
|
||||
@foreach($schedule as $item)
|
||||
@if(($formattedDate = Formatter::fullDate($item['starttime'], 'W d m')) != $date)
|
||||
@php($date = $formattedDate)
|
||||
@if($date != null) </table> @endif
|
||||
<h2>{{$formattedDate}}</h2>
|
||||
<table class="table table-hover">
|
||||
@endif
|
||||
@php($isCurrent = ($now >= $item['starttime']) && ($now <= $item['endtime']))
|
||||
@php($class =( $item['program']->priority < 2 ? 'bg-primary'
|
||||
:( $item['program']->nonstop || $item['program']->rerun ? 'text-muted'
|
||||
:( $isCurrent ? 'bg-info active text-primary'
|
||||
:( ''
|
||||
)))))
|
||||
<tr @if($class) class="{{$class}}" @endif>
|
||||
<td class="time"><p>{{$item['starttime']->format('H:i')}} – {{$item['endtime']->format('H:i')}} uur</p></td>
|
||||
<td class="title">
|
||||
<p><a title="{{$item['program']->name}}" href="programma{{$item['program']->url}}">{{$item['program']->name}}
|
||||
@if($isCurrent) <span class="bg-primary current-marker">Nu op NH Gooi</span> @endif
|
||||
</a><p>
|
||||
<p>{{Formatter::excerpt(strip_tags($item['program']->description), 200)}}</p>
|
||||
</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</table>
|
||||
|
||||
20
website/resources/views/watch.blade.php
Normal file
20
website/resources/views/watch.blade.php
Normal file
@@ -0,0 +1,20 @@
|
||||
@extends('page')
|
||||
|
||||
@section('title')
|
||||
Kijk NH Gooi TV
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<h1>NH Gooi TV</h1>
|
||||
|
||||
@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="http://studiohilversum.6fm.nl:7007/hls/6fmtv.m3u8" type="application/x-mpegURL" />
|
||||
</video>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@endsection
|
||||
95
website/resources/views/welcome.blade.php
Normal file
95
website/resources/views/welcome.blade.php
Normal file
@@ -0,0 +1,95 @@
|
||||
<!doctype html>
|
||||
<html lang="{{ app()->getLocale() }}">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Laravel</title>
|
||||
|
||||
<!-- Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Raleway:100,600" rel="stylesheet" type="text/css">
|
||||
|
||||
<!-- Styles -->
|
||||
<style>
|
||||
html, body {
|
||||
background-color: #fff;
|
||||
color: #636b6f;
|
||||
font-family: 'Raleway', sans-serif;
|
||||
font-weight: 100;
|
||||
height: 100vh;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.full-height {
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.flex-center {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.position-ref {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.top-right {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 18px;
|
||||
}
|
||||
|
||||
.content {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 84px;
|
||||
}
|
||||
|
||||
.links > a {
|
||||
color: #636b6f;
|
||||
padding: 0 25px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
letter-spacing: .1rem;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.m-b-md {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="flex-center position-ref full-height">
|
||||
@if (Route::has('login'))
|
||||
<div class="top-right links">
|
||||
@if (Auth::check())
|
||||
<a href="{{ url('/home') }}">Home</a>
|
||||
@else
|
||||
<a href="{{ url('/login') }}">Login</a>
|
||||
<a href="{{ url('/register') }}">Register</a>
|
||||
@endif
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="content">
|
||||
<div class="title m-b-md">
|
||||
Laravel
|
||||
</div>
|
||||
|
||||
<div class="links">
|
||||
<a href="https://laravel.com/docs">Documentation</a>
|
||||
<a href="https://laracasts.com">Laracasts</a>
|
||||
<a href="https://laravel-news.com">News</a>
|
||||
<a href="https://forge.laravel.com">Forge</a>
|
||||
<a href="https://github.com/laravel/laravel">GitHub</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user