event header and previous/next event buttons

This commit is contained in:
2021-12-10 08:51:40 -06:00
parent 11948d35d9
commit 2e48f15d99
2 changed files with 33 additions and 6 deletions

View File

@@ -1,11 +1,34 @@
{% extends 'base.html' %}{% block title %} {{ title }} {% endblock %}{% load crispy_forms_tags %}{% load static %}
{% with events_active="active" %}
{% block precontent %}
<div class="d-flex justify-content-center justify-content-md-center border-bottom bg-white">
<a class="btn btn-outline-secondary btn-sm d-md-flex my-auto align-items-md-center my-3 mx-3" href="{% url 'edit lineup' event_id=previous_event.id %}" role="button">&lt; {{ previous_event.start|date:"D" }}&nbsp;{{ previous_event.start|date:"n/j" }}</a>
<div>
<h6 class="text-center m-1">{{ event.away_team.name }} vs. {{ event.home_team.name }}</h6>
<p class="text-center text-muted m-1">{{ event.start|date:"l, F j, Y g:i A" }}<br>{{ event.venue.name }}</p>
<h6 class="text-muted m-1"></h6>
</div>
<a class="btn btn-outline-secondary btn-sm align-items-center my-auto my-3 mx-3" href="{% url 'edit lineup' event_id=next_event.id %}" role="button">{{ next_event.start|date:"D" }}&nbsp;{{ next_event.start|date:"n/j" }} &gt;</a>
</div>
<ul class="nav nav-pills nav-fill bg-white" role="tablist">
<li class="nav-item m-1" role="presentation"><a id="event-details-tab" class="nav-link active px-2 py-0" data-bs-toggle="pill" data-bs-target="#event-details" role="tab" aria-controls="event-details" aria-selected="true">Details</a></li>
<li class="nav-item m-1" role="presentation"><a id="event-lineup-tab" class="nav-link px-2 py-0" data-bs-toggle="pill" data-bs-target="#event-lineup" role="tab" aria-controls="event-lineup" aria-selected="false">Lineup</a></li>
</ul>
{% endblock %}{% endwith %}
{% block content %}
<h1>{{ title }}</h1>
{{ event.away_team.name }} vs. {{ event.home_team.name }} <br>
{{ event.start|date:"l, F j, Y g:i A" }} <br>
{{ event.venue.name }} <br>
<div class="container">
<div id="pills-tabContent" class="container-fluid tab-content bg-white my-1" data-toggle="tab">
<div id="event-details" class="tab-pane show active" role="tabpanel" aria-labelledby="event-details-tab">
<div>
<p class="m-1">Away Team: {{ event.away_team.name }}</p>
<p class="m-1">Home Team: {{ event.home_team.name }}</p>
<p class="m-1">Day: {{ event.start|date:"l, F j Y" }}</p>
<p class="m-1">Time: {{ event.start|date:"g:i A" }}</p>
<p class="m-1">Venue: {{ event.venue.name }}</p>
</div>
</div>
<div id="event-lineup" class="tab-pane" role="tabpanel" aria-labelledby="event-lineup-tab">
<form action="{% url 'edit lineup' event_id=event.id%}" method="post">
{% csrf_token %}
{{ formset.management_form }}
@@ -42,6 +65,7 @@
</div>
</form>
</div>
</div>
<script src="{% static 'js/Sortable.js' %}"></script>
<script id="sortable">
function refresh_lineup_order (){
@@ -143,7 +167,7 @@
player_row.dataset.order = 0
}
refresh_lineup_order()
}
}
</script>

View File

@@ -30,7 +30,9 @@ def edit(request, event_id):
pass
return render(request, 'success.html', {'call_back':'edit lineup','id':event_id, 'errors':[error for error in formset.errors if error]}, status=200)
# return render(request, 'success.html', {'call_back':'schedule'})
previous_event = Event.objects.get(id=event_id-1)
event = Event.objects.get(id=event_id)
next_event = Event.objects.get(id=event_id+1)
players = Player.objects.all().prefetch_related('availability_set', 'statline_set', 'positioning_set')
players_info = { player.id:{
'availability': player.availability_set.get(event_id=event_id),
@@ -64,6 +66,7 @@ def edit(request, event_id):
'events_tab':'active',
'previous_event':previous_event,
'event': event,
'next_event': next_event,
'players_info': players_info,
'formset': formset,
# 'players': players_d,