From 9b4396b6ecdc6d8037231f59f6a70d304fedb345 Mon Sep 17 00:00:00 2001
From: Mischa Spelt <mischa.spelt@nhgooi.nl>
Date: Mon, 9 Nov 2020 21:12:48 +0100
Subject: [PATCH] VoL luisterlijst stemformulier

---
 app/Http/Controllers/SpecialController.php   |  6 ++++-
 app/Http/Middleware/VerifyCsrfToken.php      |  3 ++-
 resources/views/luisterlijst.blade.php       | 21 ++++++++++--------
 resources/views/luisterlijst_lijst.blade.php | 23 +++++++++++++++-----
 routes/web.php                               |  3 ++-
 5 files changed, 38 insertions(+), 18 deletions(-)

diff --git a/app/Http/Controllers/SpecialController.php b/app/Http/Controllers/SpecialController.php
index 4f33f545..4797f991 100644
--- a/app/Http/Controllers/SpecialController.php
+++ b/app/Http/Controllers/SpecialController.php
@@ -3,6 +3,11 @@
 namespace App\Http\Controllers;
 
 use Illuminate\Http\Request;
+use Illuminate\Foundation\Bus\DispatchesJobs;
+use Illuminate\Routing\Controller as BaseController;
+use Illuminate\Foundation\Validation\ValidatesRequests;
+use Illuminate\Foundation\Auth\Access\AuthorizesRequests;
+use Illuminate\Support\Facades\Session;
 use \Model\NewsItem;
 
 class SpecialController extends Controller
@@ -50,7 +55,6 @@ class SpecialController extends Controller
 	}
         }
 
-        config(['app.debug' => true]);
         return view('luisterlijst', $data);
     }
 
diff --git a/app/Http/Middleware/VerifyCsrfToken.php b/app/Http/Middleware/VerifyCsrfToken.php
index a2c35414..a8cd77c2 100644
--- a/app/Http/Middleware/VerifyCsrfToken.php
+++ b/app/Http/Middleware/VerifyCsrfToken.php
@@ -12,6 +12,7 @@ class VerifyCsrfToken extends BaseVerifier
      * @var array
      */
     protected $except = [
-        //
+        '/luisterlijst',
+        '/luisterlijst/stem'
     ];
 }
diff --git a/resources/views/luisterlijst.blade.php b/resources/views/luisterlijst.blade.php
index 0d1e889a..c0683b1f 100644
--- a/resources/views/luisterlijst.blade.php
+++ b/resources/views/luisterlijst.blade.php
@@ -5,6 +5,7 @@
 @endsection
 
 @section('content')
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
 
 <style>
   form .row label { 
@@ -77,14 +78,15 @@
     <span id="inspiratie">Klik op het icoontje voor een idee.</span>
   </div>
   <div class="panel-footer"> 
-    <a href="#" onclick="javascript:inspireer();return false;"><span class="fa fa-refresh"></span> Geef mij nog een idee!</a>
+    <a href="#" onclick="javascript:inspireer();return false;" class="link text-primary"><span class="fa fa-sync"></span> <b>Geef mij nog een idee!</b></a><br />
+    <a href="/luisterlijst/2019" class="small p-2 text-info"><span class="fa fa-history"></span> Bekijk de lijst van vorig jaar</a>
   </div>
 </div>
 
 <h3>Mijn lijst...</h3>
-<p>Op maandag 23 december van 12:00 tot 23:00 uur zendt NH Gooi Radio de Vroeger of Later Luisterlijst uit. Honderd van de beste Nederlandstalige liedjes, door jou &mdash; de luisteraar &mdash; in willekeurige volgorde gerangschikt.</p>
+<p>Op maandag 21 december van 12:00 tot 23:00 uur zendt NH Gooi Radio in samenwerking met Radio 9 Oostzaan de Vroeger of Later Luisterlijst uit. Honderd van de beste Nederlandstalige liedjes, door jou &mdash; de luisteraar &mdash; in willekeurige volgorde gerangschikt.</p>
 
-<p>Van 11 november tot 16 december 23:00 uur kan je stemmen via deze pagina.</p>
+<p>Van 30 november tot 14 december 23:00 uur kan je stemmen via deze pagina.</p>
 
 <h2>Hoe werkt het stemmen?</h2>
 
@@ -103,7 +105,7 @@
 </p>
 
 <form method="post">
-{{ csrf_field() }}
+{!! csrf_field() !!}
 <h4>Kleinkunstklassiekers</h4>
 <p>Vroeger of Later is natuurlijk vooral een kleinkunst- en theaterprogramma. Vaste luisteraars kennen onze rubriek de Kleinkunstklassieker, maar welke Nederlandstalige klassieken mogen zeker niet ontbreken in de lijst?</p>
 
@@ -125,14 +127,14 @@
   @php(veld('recent', $i))
 @endfor
 
-<h4>Liedjes met een verhaal</h4>
-<p>Muziek raakt. Door een paar noten kan je stemming veranderen of je wordt in gedachten mee terug genomen naar een bepaald moment. Bij welke liedjes heb jij een goed verhaal?</p>
+<h4>Corona-tijd</h4>
+{{--<p>Muziek raakt. Door een paar noten kan je stemming veranderen of je wordt in gedachten mee terug genomen naar een bepaald moment. Bij welke liedjes heb jij een goed verhaal?</p>--}}
+<p>Muziek troost en is vaak verbonden aan bijzondere periodes. Voor iedereen was 2020 een vreemd jaar. Welke Nederlandstalig plaat &mdash; nieuw of oud &mdash; heeft voor jou dit jaar een speciale betekenis, en waarom?</p>
 
 @for($i = 1; $i <= 3; ++$i)
   <div class="row-group">
   @php(veld('verhaal', $i))
   <div class="row">
-  <div class="row">
   <div class="col-lg-12">
     <label for="" style="width: 100%;">Mijn verhaal bij deze plaat:</label>
     <textarea class="form-control" style="width: 100%;" id="keuze-verhaal-{{$i}}-toelichting" name="keuzes[verhaal][{{$i}}][toelichting]">{{ isset($_POST['keuzes']) ? $_POST['keuzes']['verhaal'][$i]['toelichting'] : "" }}</textarea></div>
@@ -181,7 +183,9 @@
 @endif
 
 </form>
+@endsection
 
+@push('scripts')
 <script type="text/javascript">
   var voorbeelden = [
 ["Marco Borsato", "Wat Is Mijn Hart"],
@@ -525,5 +529,4 @@ function inspireer() {
 }
 inspireer();
 </script>
-
-@endsection
+@endpush
diff --git a/resources/views/luisterlijst_lijst.blade.php b/resources/views/luisterlijst_lijst.blade.php
index 1e59ee57..5913a9bb 100644
--- a/resources/views/luisterlijst_lijst.blade.php
+++ b/resources/views/luisterlijst_lijst.blade.php
@@ -38,6 +38,14 @@
 
 <h2>Vroeger of Later Luisterlijst</h2>
 
+<p style="font-weight: bold; color: blue;" id="clockdiv">
+    Je kan bijna stemmen... nog 
+        <span class="days"></span> dagen,
+        <span class="hours"></span> uur,
+        <span class="minutes"></span> minuten en 
+        <span class="seconds"></span> seconden!
+</p>
+{{--
 <div class="panel panel-info" style="float: right; margin-left: 5px; width: 300px;" id="clockdiv">
   <div class="panel-heading">
     <i class="fa fa-fw fa-eye"></i>
@@ -57,6 +65,7 @@
     </ul>
   </div><!--/.panel-footer-->
 </div><!--/.panel-->
+--}}
 
 <h3>De lijst</h3>
 <p>Hier issie dan... honderd van de mooiste Nederlandstalige liedjes. Door jou gekozen, door ons op volgorde gezet!</p>
@@ -226,6 +235,7 @@ function getTimeRemaining(endtime) {
 
 function initializeClock(id, endtime) {
     var clock = document.getElementById(id);
+    var daysSpan = clock.querySelector('.days');
     var hoursSpan = clock.querySelector('.hours');
     var minutesSpan = clock.querySelector('.minutes');
     var secondsSpan = clock.querySelector('.seconds');
@@ -233,6 +243,7 @@ function initializeClock(id, endtime) {
     function updateClock() {
  
        var t = getTimeRemaining(endtime);
+        daysSpan.innerHTML = ('0' + t.days).slice(-2);
         hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
         minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
         secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);
@@ -247,17 +258,17 @@ function initializeClock(id, endtime) {
     var timeinterval = setInterval(updateClock, 1000);
 }
 
-var deadline = new Date("December 23, 2019 23:00 UTC+1");
+var deadline = new Date("November 30, 2020 23:00 UTC+1");
 initializeClock('clockdiv', deadline);
 
 @if(isset($submitted) && $submitted)
 $("input,textarea").attr('disabled', 'disabled');
 @else
-setInterval(function() {
-  var $keuzes = $(".row.keuze");
-  kiesRandom( $keuzes[Math.floor(Math.random() * $keuzes.length)] );
-}, 800);
-$(function() { $(".row.keuze").each(function() { kiesRandom(this); }); });
+//setInterval(function() {
+//  var $keuzes = $(".row.keuze");
+//  kiesRandom( $keuzes[Math.floor(Math.random() * $keuzes.length)] );
+//}, 800);
+//$(function() { $(".row.keuze").each(function() { kiesRandom(this); }); });
 @endif
 
 </script>
diff --git a/routes/web.php b/routes/web.php
index 89cf6311..483c8707 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -70,7 +70,8 @@ Route::get('/contact', 'Controller@view_contact')->name('contact');
 Route::get('/frequenties', 'Controller@view_frequenties')->name('frequenties');
 Route::get('/adverteren', 'Controller@view_adverteren')->name('adverteren');
 
-//Route::any('/luisterlijst', 'SpecialController@luisterlijst_stem');
+Route::any('/luisterlijst/stem', 'SpecialController@luisterlijst_stem');
+Route::any('/luisterlijst/2019', 'Controller@view_luisterlijst_lijst');
 Route::any('/luisterlijst', 'Controller@view_luisterlijst_lijst');
 
 //Route::get('/special/stmaarten', function() { return file_get_contents('http://api-dev.6fm.nl/special/stmaarten'); });