retool dashboard
This commit is contained in:
@@ -2,18 +2,25 @@
|
||||
{% block title %} {{ title }}{% endblock %}
|
||||
{% block page_heading %}{% endblock %}
|
||||
{% block content %}
|
||||
<h3>Dashboard</h3>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md pb-2">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4>Upcoming Games</h4>
|
||||
</div>
|
||||
<div class="card-body p-0 m-0">
|
||||
<div class="col">
|
||||
<h4 class="display-4">Dashboard</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% for event, availability_summary in events_availabilities|slice:":4" %}
|
||||
<div class="row m-0 p-2 border-bottom">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<h4 class="fw-bold">Upcoming Games</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row flex-row overflow-scroll">
|
||||
<div class="col">
|
||||
<div class="pb-3 flex-nowrap d-flex">
|
||||
{% for event, availability_summary in events_availabilities|slice:":5" %}
|
||||
<div class="card mx-2" style="min-width: 320px;max-width: 375px;">
|
||||
<div class="row m-0 p-2">
|
||||
<div class="col p-0 m-auto" style="flex: 0 0 100px;">
|
||||
<div class="d-inline-flex m-0 p-0">
|
||||
<div class="chart-container" style="height: 100px;width: 100px;">
|
||||
@@ -34,7 +41,7 @@
|
||||
<h6 class="text-muted mb-2">{{ event.data.location_name }}</h6>
|
||||
</div>
|
||||
<div class="d-flex">
|
||||
<a class="btn btn-primary btn-sm mx-1" role="button" href="{% url 'teamsnap_edit_lineup' event_ids=event.data.id team_id=event.data.team_id %}">
|
||||
<a class="btn btn-primary btn-sm mx-1 text-nowrap" role="button" href="{% url 'teamsnap_edit_lineup' event_ids=event.data.id team_id=event.data.team_id %}">
|
||||
Go to Lineup
|
||||
</a>
|
||||
<a class="btn btn-primary btn-sm mx-1" role="button" href="{% url 'gamecard' event_id=event.data.id team_id=event.data.team_id %}">
|
||||
@@ -59,20 +66,24 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md pb-2">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4>Past Games</h4>
|
||||
</div>
|
||||
<div class="card-body p-0 m-0">
|
||||
</div>
|
||||
|
||||
{% for event in ts_events_past|slice:":4" %}
|
||||
<div class="row m-0 p-2 border-bottom">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<h4 class="fw-bold">Past Games</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row flex-row overflow-scroll">
|
||||
<div class="col">
|
||||
<div class="pb-3 flex-nowrap d-flex">
|
||||
{% for event in ts_events_past|slice:":4" %}
|
||||
<div class="card mx-2" style="min-width: 320px;max-width: 375px;">
|
||||
<div class="row m-0 p-2">
|
||||
<div class="col p-0 m-auto rounded-circle bg-light" style="flex: 0 0 100px;">
|
||||
<div class="d-inline-flex m-0 p-0">
|
||||
<div class="d-flex align-items-center justify-content-center" style="height: 100px;width: 100px;">
|
||||
@@ -105,12 +116,13 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% block inline_javascript %}
|
||||
<script>
|
||||
|
||||
Reference in New Issue
Block a user