From 329b497c79424d97a9b1a56d8143f37aaff282ca Mon Sep 17 00:00:00 2001
From: tschneider <torsten.schneider@programmschmiede.de>
Date: Mon, 22 Feb 2021 11:02:09 +0100
Subject: [PATCH] Tipp4: Switching Checkbox ticks via JS

---
 pfosten/resources/views/tipps/edit4.blade.php | 139 +++++-------------
 1 file changed, 36 insertions(+), 103 deletions(-)

diff --git a/pfosten/resources/views/tipps/edit4.blade.php b/pfosten/resources/views/tipps/edit4.blade.php
index 6186a16d..260beff9 100644
--- a/pfosten/resources/views/tipps/edit4.blade.php
+++ b/pfosten/resources/views/tipps/edit4.blade.php
@@ -25,11 +25,7 @@
                     </div>
 
                     <span >
-                        @if (App\Round::hasLockedGame($game1->round_id))
-                            {{ Form::checkbox('joker_1', 'yes',  $tipp1->joker, array('disabled') ) }} <!-- name, value, checked -->
-                        @else
-                            {{ Form::checkbox('joker_1', 'yes',  $tipp1->joker) }} <!-- name, value, checked -->
-                        @endif
+                        <input type="checkbox" name="joker_1" id="joker_1" @if($tipp1->joker===1) checked @endif>
                     </span>
                     <input type="hidden" name="tipp_id_1" value="{{ $tipp1->id }}">
                     <input type="hidden" name="game_id_1" value="{{ $game1->id }}">
@@ -54,11 +50,7 @@
                     </div>
 
                     <span >
-                        @if (App\Round::hasLockedGame($game2->round_id))
-                            {{ Form::checkbox('joker_2', 'yes',  $tipp2->joker, array('disabled') ) }} <!-- name, value, checked -->
-                        @else
-                            {{ Form::checkbox('joker_2', 'yes',  $tipp2->joker) }} <!-- name, value, checked -->
-                            @endif
+                        <input type="checkbox" name="joker_2" id="joker_2" @if($tipp2->joker===1) checked @endif>
                     </span>
                     <input type="hidden" name="tipp_id_2" value="{{ $tipp2->id }}">
                     <input type="hidden" name="game_id_2" value="{{ $game2->id }}">
@@ -79,11 +71,7 @@
                     </div>
 
                     <span >
-                        @if (App\Round::hasLockedGame($game3->round_id))
-                            {{ Form::checkbox('joker_3', 'yes',  $tipp3->joker, array('disabled') ) }} <!-- name, value, checked -->
-                        @else
-                            {{ Form::checkbox('joker_3', 'yes',  $tipp3->joker) }} <!-- name, value, checked -->
-                            @endif
+                        <input type="checkbox" name="joker_3" id="joker_3" @if($tipp3->joker===1) checked @endif>
                     </span>
                     <input type="hidden" name="tipp_id_3" value="{{ $tipp3->id }}">
                     <input type="hidden" name="game_id_3" value="{{ $game3->id }}">
@@ -103,98 +91,11 @@
                     </div>
 
                     <span >
-                        @if (App\Round::hasLockedGame($game4->round_id))
-                            {{ Form::checkbox('joker_4', 'yes',  $tipp4->joker, array('disabled') ) }} <!-- name, value, checked -->
-                        @else
-                            {{ Form::checkbox('joker_4', 'yes',  $tipp4->joker) }} <!-- name, value, checked -->
-                            @endif
+                        <input type="checkbox" name="joker_4" id="joker_4" @if($tipp4->joker===1) checked @endif>
                     </span>
                     <input type="hidden" name="tipp_id_4" value="{{ $tipp4->id }}">
                     <input type="hidden" name="game_id_4" value="{{ $game4->id }}">
 
-
-
-                    <br/>
-                    <br/>
-                    <br/>
-
-                    <p>&nbsp;
-                        <h3>Joker setzen auf:</h3>
-
-
-                        <fieldset>
-                            @if (App\Round::hasLockedGame($game1->round_id))
-                                <input type="radio" id="joker_1" name="joker" value="joker_1" onclick="return false;"
-                                @if($game1->joker)
-                                    checked="checked"
-                                @endif
-                                >
-                            @else
-                                <input type="radio" id="joker_1" name="joker" value="joker_1"
-                                       @if($game1->joker)
-                                       checked="checked"
-                                        @endif
-                                >
-                            @endif
-
-                            <label for="joker_1"> {{ $game1->team1 }} : {{ $game1->team2 }}</label>
-                            <br/>
-
-
-                                @if (App\Round::hasLockedGame($game2->round_id))
-                                    <input type="radio" id="joker_2" name="joker" value="joker_2" onclick="return false;"
-                                           @if($game2->joker)
-                                            checked="checked"
-                                           @endif
-                                    >
-                                @else
-                                    <input type="radio" id="joker_2" name="joker" value="joker_2"
-                                           @if($game2->joker)
-                                            checked="checked"
-                                           @endif
-                                    >
-                                @endif
-
-
-                            <label for="joker_2"> {{ $game2->team1 }} : {{ $game2->team2 }}</label>
-                            <br/>
-
-                                @if (App\Round::hasLockedGame($game3->round_id))
-                                    <input type="radio" id="joker_3" name="joker" value="joker_3" onclick="return false;"
-                                           @if($game3->joker)
-                                           checked="checked"
-                                            @endif
-                                    >
-                                @else
-                                    <input type="radio" id="joker_3" name="joker" value="joker_3"
-                                           @if($game3->joker)
-                                           checked="checked"
-                                            @endif
-                                    >
-                                @endif
-
-
-                            <label for="joker_3"> {{ $game3->team1 }} : {{ $game3->team2 }}</label>
-                            <br/>
-
-
-                                @if (App\Round::hasLockedGame($game4->round_id))
-                                    <input type="radio" id="joker_4" name="joker" value="joker_4" onclick="return false;"
-                                           @if($game4->joker)
-                                           checked="checked"
-                                            @endif
-                                    >
-                                @else
-                                    <input type="radio" id="joker_4" name="joker" value="joker_4"
-                                           @if($game4->joker)
-                                           checked="checked"
-                                            @endif
-                                    >
-                                @endif
-                            <label for="joker_4"> {{ $game4->team1 }} : {{ $game4->team2 }}</label>
-                        </fieldset>
-                    </p>
-
                 <div class="form-group">
                     <p>&nbsp;</p>
                     <button type="submit" class="btn btn-primary">Ok</button>
@@ -206,5 +107,37 @@
 
      </div>
 
+<script>
+    document.getElementById('joker_1').addEventListener('change', function() {
+        if (this.checked) {
+            document.getElementById('joker_2').checked=0;
+            document.getElementById('joker_3').checked=0;
+            document.getElementById('joker_4').checked=0;
+        }
+    });
 
+    document.getElementById('joker_2').addEventListener('change', function() {
+        if (this.checked) {
+            document.getElementById('joker_1').checked=0;
+            document.getElementById('joker_3').checked=0;
+            document.getElementById('joker_4').checked=0;
+        }
+    });
+
+    document.getElementById('joker_3').addEventListener('change', function() {
+        if (this.checked) {
+            document.getElementById('joker_1').checked=0;
+            document.getElementById('joker_2').checked=0;
+            document.getElementById('joker_4').checked=0;
+        }
+    });
+    document.getElementById('joker_4').addEventListener('change', function() {
+        if (this.checked) {
+            document.getElementById('joker_1').checked=0;
+            document.getElementById('joker_2').checked=0;
+            document.getElementById('joker_3').checked=0;
+        }
+    });
+    //console.log("Event Listeners initiated");
+</script>
 @endsection
\ No newline at end of file