From 3bc4839173ac7123d5259a11336eb5efaae088f0 Mon Sep 17 00:00:00 2001
From: Tony <anthony@correa.co>
Date: Thu, 30 Dec 2021 12:40:24 -0600
Subject: [PATCH] change player table on position selection

---
 benchcoach/forms.py                         |  2 +-
 benchcoach/templates/benchcoach/lineup.html | 34 +++++++++++++++++++++
 2 files changed, 35 insertions(+), 1 deletion(-)

diff --git a/benchcoach/forms.py b/benchcoach/forms.py
index c600547..6b3be57 100644
--- a/benchcoach/forms.py
+++ b/benchcoach/forms.py
@@ -12,7 +12,7 @@ class PositioningForm(forms.ModelForm):
     class Meta:
         model = Positioning
         widgets = {
-            'position': forms.Select(attrs={'class': 'form-control form-control-sm'})
+            'position': forms.Select(attrs={'class': 'form-control form-control-sm', 'onchange':'positionSelectChanged(this)'})
         }
         exclude = ()
 
diff --git a/benchcoach/templates/benchcoach/lineup.html b/benchcoach/templates/benchcoach/lineup.html
index 0330d23..cf37a39 100644
--- a/benchcoach/templates/benchcoach/lineup.html
+++ b/benchcoach/templates/benchcoach/lineup.html
@@ -108,6 +108,40 @@
         </div>
     </div>
     <script src="{% static 'js/Sortable.js' %}"></script>
+    <script id="form changes">
+        function positionSelectChanged(elem) {
+            let row = elem.parentElement.parentElement
+            let original_table = elem.parentElement.parentElement.parentElement
+            let lineup_table = document.getElementById('lineup')
+            let bench_table = document.getElementById('bench')
+            let dhd_table = document.getElementById('dhd')
+            let player_order = row.querySelector('[id^="player-order"]')
+            let player_available = row.querySelector('[id^="player-availability"]')
+            if (elem.value == "P" && original_table == bench_table ) {
+                dhd_table.appendChild(row)
+                player_order.classList.remove('d-none')
+                player_available.classList.add('d-none')
+                refresh_lineup_order()
+            }
+            if (elem.value && original_table == dhd_table ) {
+                dhd_table.appendChild(row)
+                player_order.classList.remove('d-none')
+                player_available.classList.add('d-none')
+                refresh_lineup_order()
+            }
+            else if (elem.value) {
+                lineup_table.appendChild(row)
+                player_order.classList.remove('d-none')
+                player_available.classList.add('d-none')
+                refresh_lineup_order()
+            }
+            else {
+                bench_table.prepend(row)
+                player_order.classList.add('d-none')
+                player_available.classList.remove('d-none')
+            }
+        }
+    </script>
     <script id="sortable">
         function refresh_lineup_order (){
             var player_rows = document.getElementById('lineup').querySelectorAll('tr')