Nieuws layout

website/resources/views/widgets/banners.blade.php

@@ -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;
+?>

website/resources/views/widgets/mediaplayer.blade.php

@@ -0,0 +1,20 @@
+@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

website/resources/views/widgets/menu.blade.php

@@ -0,0 +1,71 @@
+<?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, $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);	
+}
+
+function buildMenu($menu, $ismobile) {
+	$result = "";
+	foreach($menu as $title => $link) {
+		if($title == "") { continue; }
+		$submenu = is_array($link);
+ 		$isactive = isActive($link, !$ismobile);
+		$submenulink = $submenu && isset($link[""]) ? $link[""] : "#";
+		if(!$submenu && substr($link, 0, 8) == "/luister") { $icon = "<span class='fas fa-headphones'></span>&nbsp;"; }
+		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, $ismobile)
+				. "\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, false) !!}
+</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, true) !!}
+	</ul>
+	</nav>
+</div>
+

website/resources/views/widgets/popularnews.blade.php

@@ -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

website/resources/views/widgets/share.blade.php

@@ -0,0 +1,43 @@
+<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">
+					&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>
+