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

Home page and news page are finished

Browse Source
This commit is contained in:
Jorit Tijsen
2024-03-13 12:37:09 +01:00
parent 55aa88c0f6
commit 2895ba283b
58 changed files with 3713 additions and 31764 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
resources/views/layouts/_head.blade.php
View File

@@ -22,6 +22,7 @@
<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">-->
<link rel="stylesheet" type="text/css" href="/css/bootstrap-grid.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" type="text/css" href="/css/style.css">
<meta property="fb:app_id" content="133349980094758" />
<meta property="og:site_name" content="NH Gooi" />
@@ -37,4 +38,22 @@
<!--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" />
<script>
refreshCSS = () => {
let links = document.getElementsByTagName('link');
for (let i = 0; i < links.length; i++) {
if (links[i].getAttribute('rel') == 'stylesheet') {
let href = links[i].getAttribute('href')
.split('?')[0];
if (href == '/css/style.css') {
let newHref = href + '?version='
+ new Date().getMilliseconds();
links[i].setAttribute('href', newHref);
}
}
}
}
</script>
</head>

709
resources/views/layouts/master.blade.php
View File

@@ -1,474 +1,265 @@
@section('page')
@yield('content')
@yield('content')
@endsection
<!DOCTYPE html>
<!DOCTYPE html>
<html>
@include('layouts._head')
<body>
@include('layouts._head')
<body>
<button style="position: fixed; top: 0; left: 0;display: none" onclick="refreshCSS()">Refresh</button>
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KGLKLJ4" height="0" width="0" style="display:none; visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<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">
&nbsp;
</a>
</li>
<li>
<a target="_blank" href="https://twitter.com/QuanticaLabs" class="social_icon twitter" title="twitter">
&nbsp;
</a>
</li>
<li>
<a href="mailto:contact@pressroom.com" class="social_icon mail" title="mail">
&nbsp;
</a>
</li>
<li>
<a href="http://themeforest.net/user/QuanticaLabs/portfolio" class="social_icon envato" title="envato">
&nbsp;
</a>
</li>
<!--<li>
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon behance">
&nbsp;
</a>
</li>
<li>
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon bing">
&nbsp;
</a>
</li>
<li>
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon blogger">
&nbsp;
</a>
</li>
<li>
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon deezer">
&nbsp;
</a>
</li>
<li>
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon designfloat">
&nbsp;
</a>
</li>
<li>
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon deviantart">
&nbsp;
</a>
</li>
<li>
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon digg">
&nbsp;
</a>
</li>
<li>
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon dribbble">
&nbsp;
</a>
</li>
<li>
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon flickr">
&nbsp;
</a>
</li>
<li>
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon form">
&nbsp;
</a>
</li>
<li>
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon forrst">
&nbsp;
</a>
</li>
<li>
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon foursquare">
&nbsp;
</a>
</li>
<li>
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon friendfeed">
&nbsp;
</a>
</li>
<li>
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon googleplus">
&nbsp;
</a>
</li>
<li>
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon instagram">
&nbsp;
</a>
</li>
<li>
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon linkedin">
&nbsp;
</a>
</li>
<li>
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon mobile">
&nbsp;
</a>
</li>
<li>
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon myspace">
&nbsp;
</a>
</li>
<li>
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon picasa">
&nbsp;
</a>
</li>
<li>
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon pinterest">
&nbsp;
</a>
</li>
<li>
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon reddit">
&nbsp;
</a>
</li>
<li>
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon rss">
&nbsp;
</a>
</li>
<li>
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon skype">
&nbsp;
</a>
</li>
<li>
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon soundcloud">
&nbsp;
</a>
</li>
<li>
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon spotify">
&nbsp;
</a>
</li>
<li>
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon stumbleupon">
&nbsp;
</a>
</li>
<li>
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon technorati">
&nbsp;
</a>
</li>
<li>
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon tumblr">
&nbsp;
</a>
</li>
<li>
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon vimeo">
&nbsp;
</a>
</li>
<li>
a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon wykop">
&nbsp;
</a>
</li>
<li>
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon xing">
&nbsp;
</a>
</li>
<li>
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon youtube">
&nbsp;
</a>
</li>-->
</ul>
@include('widgets.laatstenieuws')
</div>
--}}
</div>
<div class="header_container small">
<div class="header clearfix">
<div class="logo">
<a href="{{url('/')}}"><img src="/images/logo.png" class="ri" /></a>
</div>
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KGLKLJ4" height="0" width="0"
style="display:none; visibility:hidden"></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="site_container boxed">
<div class="header_top_bar_container style_11 clearfix">
</div>
<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-tv"></span>
<label>Kijk NH Gooi TV</label>
</a>
</li>
<li class="watch-studio">
<a href='{{route('kijk.studio')}}' title="Kijk live mee in de radiostudio van NH Gooi">
<span class="fa fa-video"></span>
<label>Studiocam</label>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="menu_container sticky clearfix">
<div class="top_menu_container"></div>
@include('widgets.menu')
@if(isset($searchURL))
<form class="search d-none" 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>
<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">
<i class="fa-solid fa-info"></i>
<label>Programmagids</label>
</a>
</li>
<li class="listen-live">
<a href='{{route('luister.live')}}' title="Luister live naar NH Gooi Radio" class="player">
<i class="fa-solid fa-play"></i>
<label>Luister NH Gooi Radio</label>
</a>
</li>
<li class="watch-live">
<a href='{{route('kijk.live')}}' title="Kijk live naar NH Gooi TV">
<i class="fa-solid fa-tv"></i>
<label>Kijk NH Gooi TV</label>
</a>
</li>
<li class="watch-studio">
<a href='{{route('kijk.studio')}}' title="Kijk live mee in de radiostudio van NH Gooi">
<i class="fa-solid fa-video"></i>
<label>Studiocam</label>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="menu_container sticky clearfix">
<div class="top_menu_container">
<ul>
<li>
<a href="/">Tip de redactie <i class="fa-solid fa-circle-plus"></i></a>
</li>
@if(isset($searchURL))
<li>
<form class="search_form" 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>
<a href="#" class="search_button"><i class="fa-solid fa-magnifying-glass"></i><i
style="display: none" class="fa-solid fa-xmark"></i></a>
</li>
@endif
</ul>
</div>
@include('widgets.menu')
</div>
<!-- Content -->
<!-- Content -->
<div class="page">
<a name="top"></a>
@if($activeBlog != null)
<p style="float: left; border: solid 1px #1f3977; border-radius: 10px; padding: 0 10px 0.4em 10px; margin: 10px 0 10px 0; width: 100%;">
<b>Live-blog:</b> {{$activeBlog->title}}
<a href="{{$activeBlog->url}}" class="action_button" style="float: none; margin-left: 1em;"><span class="fa fa-rss"></span><span>Volg het live-blog</span></a>
</p>
@endif
@yield('page')
</div><!--/.page-->
<div class="page">
<a name="top"></a>
@if($activeBlog != null)
<p style="float: left; border: solid 1px #1f3977; border-radius: 10px; padding: 0 10px 0.4em 10px; margin: 10px 0 10px 0; width: 100%;">
<b>Live-blog:</b> {{$activeBlog->title}}
<a href="{{$activeBlog->url}}" class="action_button" style="float: none; margin-left: 1em;"><span
class="fa fa-rss"></span><span>Volg het live-blog</span></a>
</p>
@endif
@yield('page')
</div><!--/.page-->
<a class="scroll_top_floater" href="#top" title="Scroll naar boven"></a>
<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 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>
<a href="#" id="changePreferences">Pas hier uw cookie-instellingen aan</a>
{{--
<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">
&nbsp;
</a>
</li>
<li>
<a target="_blank" title="" href="https://twitter.com/QuanticaLabs" class="social_icon twitter">
&nbsp;
</a>
</li>
<li>
<a title="" href="mailto:contact@pressroom.com" class="social_icon mail">
&nbsp;
</a>
</li>
<li>
<a title="" href="#" class="social_icon skype">
&nbsp;
</a>
</li>
<li>
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon envato">
&nbsp;
</a>
</li>
<li>
<a title="" href="#" class="social_icon instagram">
&nbsp;
</a>
</li>
<li>
<a title="" href="#" class="social_icon pinterest">
&nbsp;
</a>
</li>
</ul>
--}}
</div>
<div 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">
&copy; 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" src="/js/jquery-3.7.1.min.js"></script>
<script type="text/javascript">
$(window).resize(function() {
// Fix sticky for mobile menu indicator
menu_position = $(".menu_container").offset().top;
});
<!-- Footer -->
<div class="footer_container">
<div class="footer_menu">
<div class="row">
<div class="col-3">
<h4 class="box_header"><span>NH Gooi</span></h4>
<p class="about">
<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 op 92.0 FM.
<a href="{{url('frequenties')}}">Alle frequenties / kanalen.</a>
</p>
</div>
<div class="col-3">
<h4 class="box_header"><span>Contact</span></h4>
<p class="buttons">
<a href="/">Contactgegevens</a>
<a href="/">Klachtenregeling</a>
<a href="/">Frequenties</a>
<a href="/">Adverteren</a>
<a href="/">NH Nieuws</a>
</p>
</div>
<div class="col-3">
<h4 class="box_header"><span>Kijk & luister</span></h4>
<p class="buttons">
<a href="/">Luister live</a>
<a href="/">Kijk live</a>
<a href="/">Uitgelichte video’s</a>
<a href="/">Gemist</a>
<a href="/">Nieuws</a>
</p>
</div>
<div class="col-3">
<h4 class="box_header"><span>Radio</span></h4>
<p class="buttons">
<a href="/">Programmagids</a>
<a href="/">Programma’s</a>
<a href="/">Podcasts</a>
</p>
</div>
</div>
<div class="row">
<div class="col-12">
<ul class="footer_menu2">
<li>Logo</li>
<li><a href="/">Disclaimer</a></li>
<li><a href="/">Privacy verklaring</a></li>
<li><a href="/">Cookie statement</a></li>
</ul>
<ul class="footer_social_media">
<li><a class="facebook" title="Facebook" href="/"><i class="fa-brands fa-facebook-f"></i></a>
</li>
<li><a class="twitter-x" title="Twitter/X" href="/"><i class="fa-brands fa-twitter"></i></a>
</li>
<li><a class="youtube" title="Youtube" href="/"><i class="fa-brands fa-youtube"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="copyright">
© NH Gooi
<a class="scroll_top" href="#top" title="Scroll to top"><i class="fa-solid fa-angle-up"></i></a>
</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" src="/js/jquery-3.7.1.min.js"></script>
<script type="text/javascript" src="/js/functions.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();
$(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);
}
});
}
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"),
studiocam: $(".now-playing-header .watch-studio, li.watch-studio"),
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);
if(data.current && data.current.title) {
$nowPlaying.artist.text((data.current.artist ? data.current.artist + ' - ' : '') + data.current.title);
} else {
$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.studiocam.toggle(data.stream != false);
$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;
}
});
$(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"),
studiocam: $(".now-playing-header .watch-studio, li.watch-studio"),
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);
if (data.current && data.current.title) {
$nowPlaying.artist.text((data.current.artist ? data.current.artist + ' - ' : '') + data.current.title);
} else {
$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.studiocam.toggle(data.stream != false);
$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>
// Now playing may have moved the menu
menu_position = $(".menu_container").offset().top;
});
function openPlayerInNewScreen() {
$(".player").click(function (e) {
e.preventDefault();
window.open($(this).attr('href'), '_player', 'width=500,height=500,titlebar,close');
return false;
});
}
openPlayerInNewScreen();
$(".search_button").click(function (e) {
e.preventDefault();
$(".search_form").animate({width: 'toggle'}, 350);
$(this).find('.fa-magnifying-glass').toggle();
$(this).find('.fa-xmark').toggle();
});
$(".search_form").animate({width: 'toggle'}, 1);
</script>
@stack('scripts')
</body>
</html>

69
resources/views/layouts/sidebar.blade.php
View File

@@ -1,35 +1,56 @@
@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">
<div class="row @yield('page_class')">
<div class="col-8">
<div class="box full-width">
@yield('breadcrumb')
@yield('tags')
<h1 class="page_title">@yield('title')</h1>
@yield('content')
</div>
</div>
<div class="column column_1_3">
<div class="kennismakingsdag">
<h4 class="box_header">Kennismaken?</h4>
<p>Wil je radio, tv of podcasts maken, techniek leren of je marketingskills inzetten? <a href="/vacatures/ontmoet-ons">Meld je aan en we nemen persoonlijk contact met je op</a> voor een kennismaking!</p>
<a class="read_more" href="/vacatures" title="Bekijk alle vacatures"><span class="arrow"></span><span>Bekijk vacatures</span></a>
<div class="col-4">
@if ((isset($populair) && $populair) || isset($newsItems) && $newsItems)
<div data-tabs>
<div class="tabs">
@if (isset($populair) && $populair)
<h4 data-tab-content-id="tab_most_read" class="box_header active"><span>Meest gelezen</span></h4>
@endif
@if (isset($newsItems) && $newsItems)
<h4 data-tab-content-id="tab_more_news" class="box_header"><span>Meer nieuws</span></h4>
@endif
</div>
<div class="clearfix"></div>
@include('widgets.banners')
@include('widgets.beelden')
@include('widgets.nustraks')
@if (isset($populair) && $populair)
<div id="tab_most_read" class="box tab_content active">
@include('partial/newslist_small', ['id' => 'items-most-read', 'news' => $populair])
<a class="btn auto_width" id="meer-nieuws-most-read" href="#" data-loadmorenews='{"container":["#items-most-read"], "url": "/nieuws/populair?id=items-most-read"}'>
<span class="fas fa-spinner fa-spin" id="loading"></span>
Klik hier voor meer nieuws
</a>
</div>
@endif
@if (isset($newsItems) && $newsItems)
<div id="tab_more_news" class="box tab_content">
@include('partial/newslist_small', ['id' => 'items-more-news', 'news' => $newsItems])
<a class="btn auto_width" id="meer-nieuws-more-news" href="#" data-loadmorenews='{"container":["#items-more-news"], "url": "/nieuws/more?id=items-more-news"}'>
<span class="fas fa-spinner fa-spin" id="loading"></span>
Klik hier voor meer nieuws
</a>
</div>
@endif
</div>
@endif
<div style="width: 100%; font-family: Nunito,serif;font-size: 12px;font-weight: 500;line-height: 3.17;text-align: center;color: #666;">
- Advertentie -
</div>
<div style="width: 100%;height: 275px;margin: 11px auto 50px auto;background-color: #efefef;"></div>
@include('widgets/nhgooiradiotv', ['headerClass' => 'medium'])
@include('widgets/contact', [])
</div>
</div>