Changes before go-live

website/resources/views/programlist.blade.php

@@ -50,6 +50,9 @@
             	<li class="post card column column_1_2">
             		<div class="post_content">
             			<h2><a href="{{$url}}" title="{{$program->program->name}}">{!!$program->program->name!!}</a></h2>
+				@if($program->current)
+				 <a href="{{route('luister.live')}}" class="onair action_button player"><span class="fa"></span> <span>Nu live!</span></a>
+				@else
             			<ul class="post_details" style="margin-top: 0;">
             				<li class="date">
             					{{ Formatter::relativeDate($program->start) }}
@@ -57,6 +60,7 @@
             				</li>
             			</ul>
 				 <a href="{{route('luister.programma') . '/' . $program->start->format('Y/m/d/H') . '/' . $duration}}"  class="action_button player"><span class="fa fa-play"></span> <span>Luister terug</span></a>
+				@endif
 				 <a href="{{route('programma') . $program->program->url}}"  class="action_button"><span class="fa fa-question"></span> <span>Meer informatie</span></a>
             			<div class="clearfix"></div>
             			<p>{!! Formatter::excerpt($program->program->description, 200) !!}</p>
@@ -75,10 +79,23 @@
   
 @endsection
 
+@push('scripts')
+<script type="text/javascript">
+var $onAirIcon = $('#items .onair span.fa');
+setInterval(function() { 
+	$onAirIcon.removeClass('fa-play');
+	setTimeout(function() { 
+		$onAirIcon.addClass('fa-play');
+	}, 500);
+}, 1000);
+</script>
+@endpush
+
 @push('styles')
 <style>
 #gemist_tabs li {
   width: 50%;
 }
+
 </style>
 @endpush