Test version
This commit is contained in:
Jorit Tijsen
1
resources/assets/sass/abstracts/_fonts.scss
vendored
Normal file
1
resources/assets/sass/abstracts/_fonts.scss
vendored
Normal file
@@ -0,0 +1 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
|
||||
1
resources/assets/sass/abstracts/_index.scss
vendored
Normal file
1
resources/assets/sass/abstracts/_index.scss
vendored
Normal file
@@ -0,0 +1 @@
|
||||
@forward 'variables';
|
||||
@@ -36,3 +36,8 @@ $input-color-placeholder: lighten($text-color, 30%);
|
||||
|
||||
// Panels
|
||||
$panel-default-heading-bg: #fff;
|
||||
|
||||
// Nav
|
||||
$nav-text-color: #1a1a1a;
|
||||
$nav-text-weight: bold;
|
||||
$nav-text-size: 14px;
|
||||
4
resources/assets/sass/app.scss
vendored
4
resources/assets/sass/app.scss
vendored
@@ -3,7 +3,7 @@
|
||||
@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,600");
|
||||
|
||||
// Variables
|
||||
@import "variables";
|
||||
@import "abstracts/variables";
|
||||
|
||||
// Bootstrap
|
||||
@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";
|
||||
//@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";
|
||||
|
||||
6
resources/assets/sass/base/_base.scss
vendored
Normal file
6
resources/assets/sass/base/_base.scss
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
@use "../abstracts/fonts";
|
||||
@use "clearfix";
|
||||
@use "container";
|
||||
|
||||
@use "../layout/header";
|
||||
@use "../components/main_news";
|
||||
5
resources/assets/sass/base/_clearfix.scss
vendored
Normal file
5
resources/assets/sass/base/_clearfix.scss
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
.clearfix::after {
|
||||
display: block;
|
||||
clear: both;
|
||||
content: "";
|
||||
}
|
||||
4
resources/assets/sass/base/_container.scss
vendored
Normal file
4
resources/assets/sass/base/_container.scss
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
.site_container {
|
||||
max-width: 1440px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
9
resources/assets/sass/components/_header.scss
vendored
Normal file
9
resources/assets/sass/components/_header.scss
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
.header {
|
||||
height: 110px;
|
||||
}
|
||||
.header .logo {
|
||||
margin-left: 135px;
|
||||
}
|
||||
.header .logo img {
|
||||
height: 75px;
|
||||
}
|
||||
9
resources/assets/sass/components/_main_news.scss
vendored
Normal file
9
resources/assets/sass/components/_main_news.scss
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
.blog_grid {
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.row, .row > * {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
91
resources/assets/sass/components/_menu.scss
vendored
Normal file
91
resources/assets/sass/components/_menu.scss
vendored
Normal file
@@ -0,0 +1,91 @@
|
||||
@use "../abstracts/variables" as *;
|
||||
|
||||
.menu_container {
|
||||
height: 75px;
|
||||
margin-bottom: 20px;
|
||||
background-image: linear-gradient(to right, #0102b0, #4090e3);
|
||||
|
||||
.menu {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
|
||||
li {
|
||||
float: left;
|
||||
|
||||
ul {
|
||||
display: none;
|
||||
}
|
||||
|
||||
a {
|
||||
display: block;
|
||||
font-family: Nunito, serif;
|
||||
color: $nav-text-color;
|
||||
font-weight: $nav-text-weight;
|
||||
font-size: $nav-text-size;
|
||||
text-align: center;
|
||||
padding: 5px 20px 5px 40px;
|
||||
text-decoration: none;
|
||||
background: white;
|
||||
}
|
||||
|
||||
&.selected a, &:hover a {
|
||||
color: white;
|
||||
background: transparent;
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 33px;
|
||||
height: 25px;
|
||||
background-image: URL('/images/menu-corner-1.svg');
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 10px;
|
||||
height: 12px;
|
||||
background-image: URL('/images/menu-corner-2.svg');
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: -1px;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
width: 135px;
|
||||
display: block;
|
||||
background: white;
|
||||
height: 25px;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-left: 10px;
|
||||
|
||||
&:after {
|
||||
content: '\a0';
|
||||
z-index: -1;
|
||||
background: white;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin-left: -10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.top_menu_container {
|
||||
height: 50px;
|
||||
}
|
||||
50
resources/assets/sass/components/_now-playing.scss
vendored
Normal file
50
resources/assets/sass/components/_now-playing.scss
vendored
Normal file
@@ -0,0 +1,50 @@
|
||||
.header .now-playing-header {
|
||||
float: right;
|
||||
}
|
||||
.now-playing-header {
|
||||
font-size: 16pt;
|
||||
font-family: 'Roboto Condensed', serif;
|
||||
font-weight: 300;
|
||||
/* background: #F6F6F6; */
|
||||
background: rgba(246, 246, 246, 0.4);
|
||||
width: 728px;
|
||||
color: #787878;
|
||||
text-align: center;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
margin: auto;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 30px;
|
||||
|
||||
.title {
|
||||
font-weight: bold;
|
||||
font-size: 120%;
|
||||
}
|
||||
|
||||
.title, .artist {
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
.controls {
|
||||
font-size: 75%;
|
||||
bottom: 0;
|
||||
position: absolute;
|
||||
padding: 3px;
|
||||
width: 100%;
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
|
||||
a {
|
||||
line-height: 120%;
|
||||
font-size: 80%;
|
||||
color: #ABABAB;
|
||||
display: block;
|
||||
padding: 4px;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
3
resources/assets/sass/layout/_header.scss
vendored
Normal file
3
resources/assets/sass/layout/_header.scss
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
@use "../components/header";
|
||||
@use '../components/menu';
|
||||
@use '../components/now-playing';
|
||||
1
resources/assets/sass/style.scss
vendored
Normal file
1
resources/assets/sass/style.scss
vendored
Normal file
@@ -0,0 +1 @@
|
||||
@use 'base/base';
|
||||
@@ -1,6 +1,6 @@
|
||||
@extends('layouts.master')
|
||||
|
||||
@section('title')
|
||||
@section('title')
|
||||
NH Gooi - Nieuws
|
||||
@endsection
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
{{-- Desktop --}}
|
||||
<div class="grid_view">
|
||||
<div class="row">
|
||||
<div class="column">
|
||||
<div class="col-8">
|
||||
@if($item = current($news))
|
||||
<div class="post large">
|
||||
<a href="{{url($item->url)}}" title="{{$item->title}}">
|
||||
@@ -39,10 +39,10 @@
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
<div class="column">
|
||||
@for($i = 0; ($i < 3) && ($item = next($news)); ++$i)
|
||||
<div class="col-4">
|
||||
<div class="row">
|
||||
<div class="post small">
|
||||
@for($i = 0; ($i < 4) && ($item = next($news)); ++$i)
|
||||
<div class="post small col-6">
|
||||
<a href="{{url($item->url)}}" title="{{$item->title}}">
|
||||
@if($item->video)
|
||||
<span class="icon video"></span>
|
||||
@@ -62,8 +62,8 @@
|
||||
<h5><a href="{{url($item->url)}}" title="{{$item->title}}">{!!$item->title!!}</a></h5>
|
||||
</div>
|
||||
</div>
|
||||
@endfor
|
||||
</div>
|
||||
@endfor
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -92,7 +92,7 @@
|
||||
</ul>
|
||||
<h2 style="display:none;"><a href="{{url($item->url)}}" title="{{$item->title}}">{{Formatter::excerpt($item->title, 50)}}</a></h2>
|
||||
<h5><a href="{{url($item->url)}}" title="sfd">{!!$item->title!!}</a></h5>
|
||||
|
||||
|
||||
</div>
|
||||
</li>
|
||||
@endforeach
|
||||
@@ -104,7 +104,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{{-- Meer nieuws --}}
|
||||
<div class="row page_margin_top">
|
||||
<div class="column column_2_3">
|
||||
@@ -138,9 +138,9 @@
|
||||
@endif
|
||||
36 @if($item->edited && ($item->edited != $item->published))
|
||||
<li class="date edited">
|
||||
Bijgewerkt
|
||||
Bijgewerkt
|
||||
@if($item->edited->format('d m') != $item->published->format('d m'))
|
||||
op {{Formatter::relativeDate($item->edited)}}
|
||||
op {{Formatter::relativeDate($item->edited)}}
|
||||
@endif
|
||||
om {{$item->edited->format('H:i')}} uur
|
||||
</li>
|
||||
@@ -198,10 +198,10 @@
|
||||
?>
|
||||
|
||||
<ul class="taxonomies clearfix page_margin_top">
|
||||
@foreach($regions as $slug => $title)
|
||||
@foreach($regions as $slug => $title)
|
||||
<li><a href="{{route('nieuws.regio', $slug)}}" title="Meer nieuws uit regio {{$title}}"><span class="fa fa-map-marker"></span> Uit {{$title}}</a></li>
|
||||
@endforeach
|
||||
@foreach($themes as $slug => $title)
|
||||
@foreach($themes as $slug => $title)
|
||||
<li class="active"><a href="{{route('nieuws.thema', $slug)}}" title="Meer nieuws met thema {{$title}}"><span class="fa fa-tag"></span> Over {{$title}}</a></li>
|
||||
@endforeach
|
||||
</ul>
|
||||
@@ -218,7 +218,7 @@
|
||||
<div id="items">
|
||||
@include('partial/newslistitems', ['news' => $news])
|
||||
</div>
|
||||
|
||||
|
||||
<div id="loading" style="display: none">
|
||||
<div class="progress progress-striped active">
|
||||
<div class="progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
|
||||
@@ -242,24 +242,24 @@
|
||||
isLoading = 1;
|
||||
$isLoading.show();
|
||||
var $button = $(this).attr("disabled", "disabled");
|
||||
|
||||
|
||||
// Fire request for the next page
|
||||
$.ajax({ url: document.location.pathname + '?pagina=' + nextPage })
|
||||
.always(function() {
|
||||
.always(function() {
|
||||
// Whether success or failure, update the UI again
|
||||
isLoading = 0;
|
||||
$isLoading.hide();
|
||||
isLoading = 0;
|
||||
$isLoading.hide();
|
||||
$button.removeAttr("disabled");
|
||||
})
|
||||
.done(function(data) {
|
||||
if(!data) {
|
||||
.done(function(data) {
|
||||
if(!data) {
|
||||
// When no data was returned, disable the button permanently
|
||||
page = -1;
|
||||
$button.attr("disabled", "disabled").text("Geen nieuws meer.");
|
||||
return;
|
||||
}
|
||||
|
||||
$('#items').append(data);
|
||||
$('#items').append(data);
|
||||
++nextPage;
|
||||
});
|
||||
}
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<!--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/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">
|
||||
@@ -20,7 +20,9 @@
|
||||
<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">
|
||||
<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" type="text/css" href="/css/style.css">
|
||||
<meta property="fb:app_id" content="133349980094758" />
|
||||
<meta property="og:site_name" content="NH Gooi" />
|
||||
<?php if(isset($metadata)) {
|
||||
@@ -28,7 +30,7 @@
|
||||
->prepend('image', $imgBase)
|
||||
->prepend('audio', route('gemist.fragment'))
|
||||
->append('title', ' | NH Gooi')
|
||||
->metaTags();
|
||||
->metaTags();
|
||||
} ?>
|
||||
@stack('styles')
|
||||
<link rel="shortcut icon" href="/images/favicon.ico">
|
||||
|
||||
@@ -207,17 +207,6 @@
|
||||
</div>
|
||||
--}}
|
||||
</div>
|
||||
<style>
|
||||
img.ri{ max-width:100%; height: 80px; }
|
||||
img.ri:empty{ }
|
||||
@media screen and (max-width:767px) and (orientation: portrait) {
|
||||
img.ri { max-width: 90%; height: auto; }
|
||||
}
|
||||
@media screen and (max-width:767px) and (orientation: landscape) {
|
||||
img.ri { max-height: 90%; height: auto; }
|
||||
}
|
||||
.header .logo h4 { font-size: 10pt; padding: 0; padding-top: 4px; }
|
||||
</style>
|
||||
<div class="header_container small">
|
||||
<div class="header clearfix">
|
||||
<div class="logo">
|
||||
@@ -233,21 +222,21 @@
|
||||
<a href='{{route('radio.gids')}}' title="Bekijk het huidige programma in de programmagids">
|
||||
<span class="fa fa-info"></span>
|
||||
<label>Programmagids</label>
|
||||
</a>
|
||||
</a>
|
||||
</li>
|
||||
<li class="listen-live">
|
||||
<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">
|
||||
<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">
|
||||
<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>
|
||||
@@ -259,9 +248,10 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="menu_container sticky clearfix">
|
||||
<div class="top_menu_container"></div>
|
||||
@include('widgets.menu')
|
||||
@if(isset($searchURL))
|
||||
<form class="search" action="{{url($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>
|
||||
@@ -291,7 +281,7 @@
|
||||
<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.
|
||||
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">
|
||||
@@ -395,7 +385,7 @@
|
||||
</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-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>
|
||||
@@ -411,7 +401,8 @@
|
||||
<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/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
|
||||
@@ -427,7 +418,7 @@
|
||||
|
||||
function updateOnAir() {
|
||||
$.ajax({
|
||||
url: '{{route('onair')}}',
|
||||
url: '{{route('onair')}}',
|
||||
success: function(data) {
|
||||
$(document).trigger('onAirUpdated', data);
|
||||
}
|
||||
@@ -436,7 +427,7 @@
|
||||
|
||||
$(updateOnAir);
|
||||
var onAirUpdater = setInterval(updateOnAir, 5000);
|
||||
var $nowPlaying = {
|
||||
var $nowPlaying = {
|
||||
container: $(".now-playing-header").hide(),
|
||||
title: $(".now-playing-header .title"),
|
||||
artist: $(".now-playing-header .artist"),
|
||||
|
||||
@@ -1,84 +1,110 @@
|
||||
<?php $menu = array(
|
||||
"Radio" => array(
|
||||
"" => "/gids",
|
||||
"Luister live" => "/luister/live",
|
||||
"Kijk in de studio" => "/kijk/studio",
|
||||
"Regionieuws" => "/luister/regionieuws",
|
||||
"Programmagids" => "/gids",
|
||||
"Programma gemist" => "/gemist/programma",
|
||||
"Fragment gemist" => "/gemist/fragment"),
|
||||
// "Zondagsdienst" => "/kerkdienst"),
|
||||
"TV" => array(
|
||||
"Kijk live" => "/kijk/live" ),
|
||||
// "NHGOOI TV @ YouTube" => "https://www.youtube.com/channel/UC0qLwqmXiLoL5PrLlgB6B4Q"),
|
||||
//"Evenementen" => array(
|
||||
// "Debatten gemeenteraad" => "/debat"),
|
||||
// "24 uur Scherp de Zeis (4 december)" => "/programma/1030/scherp-zeis",
|
||||
// "Winterse 50 (25 december)" => "/programma/1080/winterse-50",
|
||||
// "Vroeger of Later Luisterlijst (2 januari)" => "/vol-luisterlijst"),
|
||||
"App" => "/app",
|
||||
"Podcast" => array(
|
||||
"Waterschapsverkiezing 2023" => "/gemist/fragment/1356528/podcast-waterschapsverkiezingen-2023.mp3",
|
||||
"NH Gooi Spreekuur" => "/podcast/1091/nh-gooi-spreekuur",
|
||||
"Duurzaam Gooi" => "/podcast/1076/podcast-duurzaam-gooi"
|
||||
),
|
||||
"Regioagenda" => "/agenda",
|
||||
"NH Gooi" => array(
|
||||
"" => "/contact",
|
||||
"Gooische courant" => array(
|
||||
"Editie 2" => "/uploads/Gooische Courant editie 2.pdf",
|
||||
"Editie 1(Huizen)" => "/uploads/NH Gooi Huizen.pdf",
|
||||
"Editie 1 (Hilversum)" => "/uploads/NH Gooi Hilversum.pdf",
|
||||
),
|
||||
"Contact" => "/contact",
|
||||
// "Vacatures" => "/vacatures",
|
||||
"Klachtenregeling" => "/klachten",
|
||||
"Uitgangspunten streekredactie" => "/uploads/Eigen rol en ambities NH Gooi binnen de lokale nieuwsvoorziening.pdf",
|
||||
"Frequenties" => "/frequenties",
|
||||
"Adverteren?" => "/adverteren",
|
||||
"NH Nieuws" => "https://nhnieuws.nl")
|
||||
"Radio" => array(
|
||||
"" => "/gids",
|
||||
"Luister live" => "/luister/live",
|
||||
"Kijk in de studio" => "/kijk/studio",
|
||||
"Regionieuws" => "/luister/regionieuws",
|
||||
"Programmagids" => "/gids",
|
||||
"Programma gemist" => "/gemist/programma",
|
||||
"Fragment gemist" => "/gemist/fragment"
|
||||
),
|
||||
// "Zondagsdienst" => "/kerkdienst"),
|
||||
"TV" => array(
|
||||
"Kijk live" => "/kijk/live"
|
||||
),
|
||||
// "NHGOOI TV @ YouTube" => "https://www.youtube.com/channel/UC0qLwqmXiLoL5PrLlgB6B4Q"),
|
||||
// "Evenementen" => array(
|
||||
// "Debatten gemeenteraad" => "/debat"),
|
||||
// "24 uur Scherp de Zeis (4 december)" => "/programma/1030/scherp-zeis",
|
||||
// "Winterse 50 (25 december)" => "/programma/1080/winterse-50",
|
||||
// "Vroeger of Later Luisterlijst (2 januari)" => "/vol-luisterlijst"),
|
||||
"App" => "/app",
|
||||
"Podcast" => array(
|
||||
"Waterschapsverkiezing 2023" => "/gemist/fragment/1356528/podcast-waterschapsverkiezingen-2023.mp3",
|
||||
"NH Gooi Spreekuur" => "/podcast/1091/nh-gooi-spreekuur",
|
||||
"Duurzaam Gooi" => "/podcast/1076/podcast-duurzaam-gooi"
|
||||
),
|
||||
"Regioagenda" => "/agenda",
|
||||
"NH Gooi" => array(
|
||||
"" => "/contact",
|
||||
"Gooische courant" => array(
|
||||
"Editie 2" => "/uploads/Gooische Courant editie 2.pdf",
|
||||
"Editie 1(Huizen)" => "/uploads/NH Gooi Huizen.pdf",
|
||||
"Editie 1 (Hilversum)" => "/uploads/NH Gooi Hilversum.pdf",
|
||||
),
|
||||
"Contact" => "/contact",
|
||||
// "Vacatures" => "/vacatures",
|
||||
"Klachtenregeling" => "/klachten",
|
||||
"Uitgangspunten streekredactie" => "/uploads/Eigen rol en ambities NH Gooi binnen de lokale nieuwsvoorziening.pdf",
|
||||
"Frequenties" => "/frequenties",
|
||||
"Adverteren?" => "/adverteren",
|
||||
"NH Nieuws" => "https://nhnieuws.nl"
|
||||
)
|
||||
);
|
||||
?>
|
||||
<?php
|
||||
function isActive($link, $checksubmenus) {
|
||||
if(is_array($link)) {
|
||||
if(!$checksubmenus) { return false; }
|
||||
foreach($link as $item => $link) {
|
||||
if(isActive($link, $checksubmenus)) { return true; }
|
||||
function isActive($link, $checksubmenus)
|
||||
{
|
||||
if (is_array($link)) {
|
||||
if (!$checksubmenus) {
|
||||
return false;
|
||||
}
|
||||
foreach ($link as $item => $link) {
|
||||
if (isActive($link, $checksubmenus)) {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
return (substr($_SERVER["REQUEST_URI"], 0, strlen($link)) == $link);
|
||||
return (substr($_SERVER["REQUEST_URI"], 0, strlen($link)) == $link);
|
||||
}
|
||||
|
||||
function buildMenu($menu, $ismobile) {
|
||||
function buildMenu($menu, $ismobile)
|
||||
{
|
||||
$result = "";
|
||||
foreach($menu as $title => $link) {
|
||||
if($title == "") { continue; }
|
||||
foreach ($menu as $title => $link) {
|
||||
if ($title == "") {
|
||||
continue;
|
||||
}
|
||||
$submenu = is_array($link);
|
||||
$isactive = isActive($link, !$ismobile);
|
||||
$icon = "";
|
||||
$isplayer = false;
|
||||
$liClass = "";
|
||||
if(!$submenu && substr($link, 0, 8) == '/luister') { $icon = "fas fa-headphones"; $isplayer = true; }
|
||||
if(!$submenu && $link == '/kijk/live') { $icon = "fas fa-tv"; }
|
||||
if(!$submenu && $link == '/kijk/studio') { $liClass = "watch-studio"; $icon = "fas fa-video"; }
|
||||
if(!$submenu && substr($link, 0, 23) == 'https://www.youtube.com') { $icon = "fab fa-youtube"; }
|
||||
if(!$submenu && substr($link, strlen($link) - 4, 4) == '.pdf') { $icon = "fas fa-file-pdf"; }
|
||||
$isactive = isActive($link, !$ismobile);
|
||||
$icon = "";
|
||||
$isplayer = false;
|
||||
$liClass = "";
|
||||
if (!$submenu && substr($link, 0, 8) == '/luister') {
|
||||
$icon = "fas fa-headphones";
|
||||
$isplayer = true;
|
||||
}
|
||||
if (!$submenu && $link == '/kijk/live') {
|
||||
$icon = "fas fa-tv";
|
||||
}
|
||||
if (!$submenu && $link == '/kijk/studio') {
|
||||
$liClass = "watch-studio";
|
||||
$icon = "fas fa-video";
|
||||
}
|
||||
if (!$submenu && substr($link, 0, 23) == 'https://www.youtube.com') {
|
||||
$icon = "fab fa-youtube";
|
||||
}
|
||||
if (!$submenu && substr($link, strlen($link) - 4, 4) == '.pdf') {
|
||||
$icon = "fas fa-file-pdf";
|
||||
}
|
||||
|
||||
$submenulink = $submenu && isset($link[""]) ? $link[""] : "#";
|
||||
$target = substr($submenu ? $submenulink : $link, 0, 4) == "http" ? "target='_blank'" : "";
|
||||
if($icon) { $icon = "<span class='$icon'></span> "; }
|
||||
else { $icon = ""; }
|
||||
if ($icon) {
|
||||
$icon = "<span class='$icon'></span> ";
|
||||
} else {
|
||||
$icon = "";
|
||||
}
|
||||
$result .=
|
||||
"<li class=\"" . ($submenu ? "submenu" : "") . ($isactive ? " selected" : "") . ($liClass ? " $liClass" : "") . "\">
|
||||
"<li class=\"" . ($submenu ? "submenu" : "") . ($isactive ? " selected" : "") . ($liClass ? " $liClass" : "") . "\">
|
||||
<a href=\"" . ($submenu ? $submenulink : $link) . "\" class=\"" . ($isplayer ? "player" : "") . "\" title=\"{$title}\" {$target}>{$icon}{$title}</a>";
|
||||
if($submenu) {
|
||||
if ($submenu) {
|
||||
$result .= "\t\t\t<ul>\n"
|
||||
. buildMenu($link, $ismobile)
|
||||
. "\t\t\t</ul>\n";
|
||||
. buildMenu($link, $ismobile)
|
||||
. "\t\t\t</ul>\n";
|
||||
}
|
||||
$result .= "\t\t</li>\n";
|
||||
}
|
||||
@@ -87,112 +113,120 @@ function buildMenu($menu, $ismobile) {
|
||||
}
|
||||
?>
|
||||
<nav>
|
||||
<ul class="sf-menu">
|
||||
@php($newsUrl = '/nieuws')
|
||||
@if($news)
|
||||
<li class="submenu mega_menu_parent {{isActive($newsUrl, false) ? "selected" : ""}}">
|
||||
<a href="{{$newsUrl}}" title="Nieuws">
|
||||
Nieuws
|
||||
</a>
|
||||
<ul>
|
||||
@if($activeBlog != null)
|
||||
<li class="{{isActive($activeBlog->url, false) ? "selected" : ""}}">
|
||||
<a href="{{url($activeBlog->url)}}" title="Liveblog: {{$activeBlog->title}}">
|
||||
<b>Live-blog</b> | {{$activeBlog->title}}
|
||||
<ul class="menu d-none d-lg-block">
|
||||
<li></li>
|
||||
@php($newsUrl = '/nieuws')
|
||||
@if($news)
|
||||
<li class="submenu mega_menu_parent {{isActive($newsUrl, false) ? "selected" : ""}}">
|
||||
<a href="{{$newsUrl}}" title="Nieuws">
|
||||
Nieuws
|
||||
</a>
|
||||
</li>
|
||||
@endif
|
||||
<li class="submenu">
|
||||
<a href="{{$newsUrl}}" title="Laatste nieuws">
|
||||
Laatste nieuws
|
||||
</a>
|
||||
<ul class="mega_menu blog">
|
||||
@foreach($news as $item)
|
||||
<li class="post">
|
||||
@if($item->images && count($item->images))
|
||||
<a href="{{url($item->url)}}" title="{{$item->title}}">
|
||||
<img src='{{$imgBase . $item->images[0]->url}}' alt='{{$item->title}}'>
|
||||
<ul>
|
||||
@if($activeBlog != null)
|
||||
<li class="{{isActive($activeBlog->url, false) ? "selected" : ""}}">
|
||||
<a href="{{url($activeBlog->url)}}" title="Liveblog: {{$activeBlog->title}}">
|
||||
<b>Live-blog</b> | {{$activeBlog->title}}
|
||||
</a>
|
||||
</li>
|
||||
@endif
|
||||
<li class="submenu">
|
||||
<a href="{{$newsUrl}}" title="Laatste nieuws">
|
||||
Laatste nieuws
|
||||
</a>
|
||||
@endif
|
||||
<h5><a href="{{url($item->url)}}" title="{{$item->title}}">{{$item->title}}</a></h5>
|
||||
<ul class="post_details simple">
|
||||
@if($item->region)
|
||||
<li class="category">{{$item->region->title}}</li>
|
||||
@endif
|
||||
<li class="date">
|
||||
{{Formatter::relativeDate($item->published)}} om {{$item->published->format('H:i')}} uur
|
||||
</li>
|
||||
<ul class="mega_menu blog">
|
||||
@foreach($news as $item)
|
||||
<li class="post">
|
||||
@if($item->images && count($item->images))
|
||||
<a href="{{url($item->url)}}" title="{{$item->title}}">
|
||||
<img src='{{$imgBase . $item->images[0]->url}}' alt='{{$item->title}}'>
|
||||
</a>
|
||||
@endif
|
||||
<h5><a href="{{url($item->url)}}" title="{{$item->title}}">{{$item->title}}</a></h5>
|
||||
<ul class="post_details simple">
|
||||
@if($item->region)
|
||||
<li class="category">{{$item->region->title}}</li>
|
||||
@endif
|
||||
<li class="date">
|
||||
{{Formatter::relativeDate($item->published)}}
|
||||
om {{$item->published->format('H:i')}} uur
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</li>
|
||||
@endforeach
|
||||
@if($popular)
|
||||
<li class="submenu">
|
||||
<a href="{{$newsUrl}}" title="Meest gelezen">
|
||||
Meest gelezen
|
||||
</a>
|
||||
<ul class="mega_menu blog">
|
||||
@foreach($popular as $item)
|
||||
<li class="post">
|
||||
@if($item->images && count($item->images))
|
||||
<a href="{{url($item->url)}}" title="{{$item->title}}">
|
||||
<img src='{{$imgBase . $item->images[0]->url}}' alt='{{$item->title}}'>
|
||||
</a>
|
||||
@endif
|
||||
<h5><a href="{{url($item->url)}}" title="{{$item->title}}">{{$item->title}}</a>
|
||||
</h5>
|
||||
<ul class="post_details simple">
|
||||
@if($item->region)
|
||||
<li class="category">{{$item->region->title}}</li>
|
||||
@endif
|
||||
<li class="date">
|
||||
{{Formatter::relativeDate($item->published)}}
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</li>
|
||||
@endif
|
||||
@if($podcasts)
|
||||
<li class="submenu">
|
||||
<a href="{{route('gemist')}}" title="Gesprek gemist">
|
||||
Fragment gemist
|
||||
</a>
|
||||
<ul class="mega_menu blog">
|
||||
@foreach($podcasts as $item)
|
||||
@if($loop->index >= 3)
|
||||
@break
|
||||
@endif
|
||||
<li class="post">
|
||||
@if($item->image)
|
||||
<a href="{{route('gemist.fragment') . $item->url}}" title="{{$item->title}}"
|
||||
class="fixed-height">
|
||||
<img src='{{$imgBase . $item->image->url}}' alt='{{$item->title}}'>
|
||||
</a>
|
||||
@endif
|
||||
<h5><a href="{{route('gemist.fragment') . $item->url}}"
|
||||
title="{{$item->title}}">{{$item->title}}</a></h5>
|
||||
<ul class="post_details simple">
|
||||
@if($item->program)
|
||||
<li class="category">{{$item->program->name}}</li>
|
||||
@endif
|
||||
<li class="date">
|
||||
{{Formatter::relativeDate($item->created)}}
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</li>
|
||||
@endif
|
||||
</ul>
|
||||
</li>
|
||||
@if($popular)
|
||||
<li class="submenu">
|
||||
<a href="{{$newsUrl}}" title="Meest gelezen">
|
||||
Meest gelezen
|
||||
</a>
|
||||
<ul class="mega_menu blog">
|
||||
@foreach($popular as $item)
|
||||
<li class="post">
|
||||
@if($item->images && count($item->images))
|
||||
<a href="{{url($item->url)}}" title="{{$item->title}}">
|
||||
<img src='{{$imgBase . $item->images[0]->url}}' alt='{{$item->title}}'>
|
||||
</a>
|
||||
@endif
|
||||
<h5><a href="{{url($item->url)}}" title="{{$item->title}}">{{$item->title}}</a></h5>
|
||||
<ul class="post_details simple">
|
||||
@if($item->region)
|
||||
<li class="category">{{$item->region->title}}</li>
|
||||
@endif
|
||||
<li class="date">
|
||||
{{Formatter::relativeDate($item->published)}}
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
@else
|
||||
<li class="{{isActive($newsUrl, false) ? "selected" : ""}}">
|
||||
<a href="{{$newsUrl}}" title="Nieuws">Nieuws</a>
|
||||
</li>
|
||||
@endif
|
||||
@if($podcasts)
|
||||
<li class="submenu">
|
||||
<a href="{{route('gemist')}}" title="Gesprek gemist">
|
||||
Fragment gemist
|
||||
</a>
|
||||
<ul class="mega_menu blog">
|
||||
@foreach($podcasts as $item)
|
||||
@if($loop->index >= 3) @break @endif
|
||||
<li class="post">
|
||||
@if($item->image)
|
||||
<a href="{{route('gemist.fragment') . $item->url}}" title="{{$item->title}}" class="fixed-height">
|
||||
<img src='{{$imgBase . $item->image->url}}' alt='{{$item->title}}'>
|
||||
</a>
|
||||
@endif
|
||||
<h5><a href="{{route('gemist.fragment') . $item->url}}" title="{{$item->title}}">{{$item->title}}</a></h5>
|
||||
<ul class="post_details simple">
|
||||
@if($item->program)
|
||||
<li class="category">{{$item->program->name}}</li>
|
||||
@endif
|
||||
<li class="date">
|
||||
{{Formatter::relativeDate($item->created)}}
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</li>
|
||||
@endif
|
||||
</ul>
|
||||
</li>
|
||||
@else
|
||||
<li class="{{isActive($newsUrl, false) ? "selected" : ""}}">
|
||||
<a href="{{$newsUrl}}" title="Nieuws">Nieuws</a>
|
||||
</li>
|
||||
@endif
|
||||
{!! buildMenu($menu, false) !!}
|
||||
</ul>
|
||||
@endif
|
||||
{!! buildMenu($menu, false) !!}
|
||||
<li></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="mobile_menu_container" >
|
||||
<div class="mobile_menu_container d-none d-sm-block d-md-none">
|
||||
<a href="#" class="mobile-menu-switch">
|
||||
<span class="line"></span>
|
||||
<span class="line"></span>
|
||||
@@ -200,20 +234,20 @@ function buildMenu($menu, $ismobile) {
|
||||
</a>
|
||||
<div class="mobile-menu-divider"></div>
|
||||
<nav>
|
||||
<ul class="mobile-menu">
|
||||
@if($activeBlog != null)
|
||||
<li class="{{isActive($activeBlog->url, false) ? "selected" : ""}}">
|
||||
<a href="{{url($activeBlog->url)}}" title="Liveblog: {{$activeBlog->title}}">
|
||||
<b>Live-blog</b> | {{$activeBlog->title}}
|
||||
</a>
|
||||
</li>
|
||||
@endif
|
||||
<li class="submenu {{isActive($newsUrl, false) ? "selected" : ""}}">
|
||||
<a href="{{$newsUrl}}" title="Nieuws">
|
||||
Nieuws
|
||||
</a>
|
||||
</li>
|
||||
{!! buildMenu($menu, true) !!}
|
||||
<ul class="mobile-menu">
|
||||
@if($activeBlog != null)
|
||||
<li class="{{isActive($activeBlog->url, false) ? "selected" : ""}}">
|
||||
<a href="{{url($activeBlog->url)}}" title="Liveblog: {{$activeBlog->title}}">
|
||||
<b>Live-blog</b> | {{$activeBlog->title}}
|
||||
</a>
|
||||
</li>
|
||||
@endif
|
||||
<li class="submenu {{isActive($newsUrl, false) ? "selected" : ""}}">
|
||||
<a href="{{$newsUrl}}" title="Nieuws">
|
||||
Nieuws
|
||||
</a>
|
||||
</li>
|
||||
{!! buildMenu($menu, true) !!}
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user