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

Most pages are now styled.

Browse Source 
Small changes to existing pages.
Changes to base layout style.
This commit is contained in:
Jorit Tijsen
2024-03-15 13:35:43 +01:00
parent a0baa0230f
commit 1a8bbeb084
42 changed files with 1618 additions and 944 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -19,55 +19,24 @@
<div class="header_container small">
<div class="header clearfix">
<div class="logo">
<a href="{{url('/')}}"><img src="/images/logo.png" class="ri"/></a>
<a href="{{url('/')}}"><img src="/images/logo-NHGooi.svg" 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">
<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 style="float: right;width: 728px;height: 90px;margin: 11px auto 0px auto;background-color: #efefef;"></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>
<a href="/contact">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">
value="{{isset($query) ? $query : null}}" class="search_input">
<a href="javascript:void(0)" onclick="this.form.submit()" class="search_submit"><i class="fa-solid fa-magnifying-glass"></i></a>
</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>
@@ -193,60 +162,10 @@
});
$(".scroll_top_floater").hide();
function updateOnAir() {
$.ajax({
url: '{{route('onair')}}',
success: function (data) {
$(document).trigger('onAirUpdated', data);
}
});
}
$(updateOnAir);
var onAirUpdater = setInterval(updateOnAir, 5000);
var $nowPlaying = {
container: $(".now-playing-header").hide(),
title: $(".now-playing-header .title"),
artist: $(".now-playing-header .artist"),
controls: $(".now-playing-header .controls"),
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;
});
function openPlayerInNewScreen() {
$(".player").click(function (e) {
e.preventDefault();
window.open($(this).attr('href'), '_player', 'width=500,height=500,titlebar,close');
window.open($(this).attr('href'), '_player', 'width=550,height=500,titlebar,close');
return false;
});
}