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

Now playing en mega menu

Browse Source
This commit is contained in:
Mischa Spelt
2020-01-25 01:50:48 +01:00
parent d6a3f5e119
commit 4322491143
10 changed files with 232 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
website/resources/views/layouts/master.blade.php
View File

@@ -269,10 +269,33 @@
<h1><a href="?page=home" title="Pressroom">Pressroom</a></h1>
<h4>News and Magazine Template</h4>
-->
<img src="/images/logo.png" class="ri" />
<a href="{{url('/')}}"><img src="/images/logo.png" class="ri" /></a>
</div>
<div class="placeholder">
On air: Vroeger of Later
<div class="title">{{Formatter::fullDate(new \DateTimeImmutable(), 'd m y')}}</div>
<div class="sub artist"></div>
<div class="controls">
<ul>
<li class="program-link">
<a href='{{url('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='{{url('luister/live')}}' title="Luister live naar NH Gooi Radio">
<span class="fa fa-play"></span>
<label>Luister NH Gooi Radio</label>
</a>
</li>
<li class="watch-live">
<a href='{{url('kijk/live')}}' title="Kijk live naar NH Gooi TV">
<span class="fa fa-camera"></span>
<label>Kijk NH Gooi TV</label>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
@@ -541,6 +564,36 @@
<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">
function updateOnAir() {
$.ajax({
url: '{{url('onair')}}',
success: function(data) {
$(document).trigger('onAirUpdated', data);
}
});
}
$(updateOnAir);
var onAirUpdater = setInterval(updateOnAir, 5000);
var $nowPlaying = {
title: $(".placeholder .title"),
artist: $(".placeholder .artist"),
programLink: $(".placeholder .program-link a"),
programLabel: $(".placeholder .program-link a > label")
};
$(document).on('onAirUpdated', function(evt, data) {
if(data.inProgram) {
$nowPlaying.title.text(data.program.name).attr('title', data.program.name);
$nowPlaying.artist.text("");
} else {
$nowPlaying.programLabel.text(data.program.name).attr('title', data.program.name + "\n" + data.program.tagline);
$nowPlaying.title.text(data.current.title).attr('title', data.current.title);
$nowPlaying.artist.text(data.current.artist).attr('title', data.current.artist);
}
$nowPlaying.programLink.attr('href', '{{url("radio/programma")}}' + data.program.url);
});
</script>
@stack('scripts')
</body>
</html>