reformatted lineup into a table

lineups/forms.py

@@ -2,16 +2,17 @@ from django import forms
 from .models import Positioning
 from events.models import Event
 from players.models import Player
-from django.forms import modelformset_factory, inlineformset_factory, NumberInput
+from django.forms import modelformset_factory, inlineformset_factory, BaseModelFormSet
 from crispy_forms.helper import FormHelper, Layout
 
 class PositioningForm(forms.ModelForm):
     class Meta:
         model = Positioning
         widgets = {
-            'order': forms.NumberInput(attrs={'class':'input-group-text w-25'}),
+            'order': forms.NumberInput(attrs={'class':'w-100'}),
-            'player': forms.Select(attrs={'class': 'form-control'}),
+            # 'player': forms.Select(attrs={'class': 'form-control'}),
-            'position': forms.Select(attrs={'class': 'input-group-text w-25'})
+            'position': forms.Select(attrs={'class': 'w-100'}),
+            'ordering': forms.NumberInput(attrs={'class':'w-100'})
         }
         exclude = ()
 
@@ -19,7 +20,8 @@ PositioningFormSet = modelformset_factory(
     model=Positioning,
     form=PositioningForm,
     fields = ['player', 'position', 'order'],
-    min_num=9
+    min_num=9,
+    can_order=True
 )
 
 # class PositioningFormSet(modelformset_factory):

lineups/templates/lineups/lineup.html

@@ -11,16 +11,26 @@
 {#                <ul class="list-group">#}
             <form action="{%  url 'edit lineup' id=event.id%}" method="post">
 
-                {% csrf_token %}
+{#                {% csrf_token %}#}
-                    {{ positionings_formset.management_form }}
+{#                    {{ positionings_formset.management_form }}#}
-                    {% for pos in positionings_formset %}
+{#                    {% for pos in positionings_formset %}#}
-                        <div class="input-group mb-1">
+                <table class="table">
-                            {{ pos.id }}
+                    <thead>
-                            {{ pos.order }}
+                    <tr>
-                            {{ pos.player }}
+                        <th scope="col">#</th>
-                            {{ pos.position }}
+                        <th scope="col">Player</th>
-                        </div>
+                        <th scope="col">Position</th>
+                    </tr>
+                    </thead>
+                    {% for form in positionings_formset %}
+                        <tr>
+                            <th scope="row">{{ form.order }}</th>
+                            <td>{{ form.player }}</td>
+                            <td>{{ form.position }}</td>
+                        </tr>
                     {% endfor %}
+                </table>
+{#                    {% endfor %}#}
                 <input type="submit" value="Submit">
             </form>
             </div>