add edit_lineup dashboard

teamsnap/templates/dashboard.html

@@ -0,0 +1,148 @@
+{% extends "base.html" %}{% load static %}
+{% 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">
+
+          {% for event, availability_summary in events_availabilities|slice:":4" %}
+            <div class="row m-0 p-2 border-bottom">
+              <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;">
+                    <canvas id="availability-donut-{{ event.data.id }}" class="availability-donut"
+                            data-event-id="{{ event.data.id }}"
+                            data-available-yes="{{ availability_summary.data.player_going_count }}"
+                            data-available-no="{{ availability_summary.data.player_not_going_count }}"
+                            data-available-maybe="{{ availability_summary.data.player_maybe_count }}"
+                            data-available-unknown="{{ availability_summary.data.player_unknown_count }}"
+                    >
+                    </canvas></div>
+                </div>
+              </div>
+              <div class="col">
+                <div>
+                  <h4><strong><a class="text-decoration-none text-black" href="{% url 'teamsnap_view_event' team_id=event.data.team_id event_id=event.data.id %}">{{ event.data.formatted_title }}</a></strong></h4>
+                  <h6 class="text-muted mb-2">{{ event.data.start_date|date:"D, F j, g:i A" }}</h6>
+                  <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 %}">Go to Lineup</a>
+                  <form method="get"
+                        action="">
+                    <select hidden class="form-select" name="game_id" id="game_id">
+                      <optgroup label="Events">
+                        <option value="" disabled="disabled">Select an event...</option>
+                        <option selected
+                                value="{{ event.data.id }}">{{ event.data.formatted_title }}</option>
+                      </optgroup>
+                    </select>
+                    <input hidden class="form-check-input" type="radio" name="background"
+                           id="backgroundLocation" checked value="location">
+                    <input hidden class="form-check-input" type="radio" name="dimensions" id="square" checked
+                           value="1080x1080">
+                    <button type="submit" class="btn btn-primary btn-sm"><i class="bi bi-instagram"></i>
+                    </button>
+                  </form>
+                </div>
+              </div>
+            </div>
+          {% endfor %}
+
+        </div>
+      </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">
+
+          {% for event in ts_events_past|slice:":4" %}
+            <div class="row m-0 p-2 border-bottom">
+              <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;">
+                    <h4 class="text-center"><strong>{{ event.data.formatted_results }}</strong></h4>
+                  </div>
+                </div>
+              </div>
+              <div class="col">
+                <h4 class=""><strong><a class="text-decoration-none text-black" href="{% url 'teamsnap_view_event' team_id=event.data.team_id event_id=event.data.id %}">{{ event.data.formatted_title }}</a></strong></h4>
+                <h6 class="text-muted mb-2">{{ event.data.start_date|date:"D, F j" }}</h6>
+                {#                                <h6 class="text-muted mb-2">{{ event.data.location_name }}</h6><a class="btn btn-primary btn-sm" role="button" href="{% url 'teamsnap_edit_lineup' event_ids=event.data.id team_id=request.user.teamsnapsettings.managed_team.id %}">Go to Lineup</a>#}
+
+                <div class="d-flex">
+                  <form method="get"
+                        action="">
+                    <select hidden class="form-select" name="game_id" id="game_id">
+                      <optgroup label="Events">
+                        <option value="" disabled="disabled">Select an event...</option>
+                        <option selected
+                                value="{{ event.data.id }}">{{ event.data.formatted_title }}</option>
+                      </optgroup>
+                    </select>
+                    <input hidden class="form-check-input" type="radio" name="background"
+                           id="backgroundLocation" checked value="location">
+                    <input hidden class="form-check-input" type="radio" name="dimensions" id="square" checked
+                           value="1080x1080">
+                    <button type="submit" class="btn btn-primary btn-sm"><i class="bi bi-instagram"></i>
+                    </button>
+                  </form>
+                </div>
+              </div>
+            </div>
+          {% endfor %}
+
+        </div>
+      </div>
+    </div>
+  </div>
+{% endblock %}
+{% block inline_javascript %}
+  <script>
+        function donut(ctx, yes_count, maybe_count, no_count, unknown_count) {
+            var style = getComputedStyle(document.body);
+            const myChart = new Chart(ctx, {
+                type: 'doughnut',
+                responsive: 'true',
+                data: {
+                    datasets: [{
+                        label: 'Availability',
+                        labels: [
+                            'Yes',
+                            'Maybe',
+                            'No',
+                            'Unknown'
+                        ],
+                        data: [yes_count, maybe_count, no_count, unknown_count],
+                        backgroundColor: [
+                            style.getPropertyValue('--bs-success'),
+                            style.getPropertyValue('--bs-info'),
+                            style.getPropertyValue('--bs-danger'),
+                            style.getPropertyValue('--bs-secondary')
+                        ],
+                        hoverOffset: 4
+                    }]
+                },
+            });
+
+        }
+        for (ctx of document.querySelectorAll('.availability-donut')){
+            donut(ctx,
+                ctx.dataset.availableYes,
+                ctx.dataset.availableMaybe,
+                ctx.dataset.availableNo,
+                ctx.dataset.availableUnknown,
+            )
+        }
+    </script>
+{% endblock %}

teamsnap/templates/event/view_event.html

@@ -134,7 +134,7 @@
                 <div class="row m-0">
                     <div class="flex-column m-2">
                         <a class="btn btn-primary btn-sm"
-                           href=""
+                           href="{% url 'teamsnap_edit_lineup' team_id=event.data.team_id event_ids=event.data.id %}"
                            role="button">Edit</a>
                     </div>
                 </div>

teamsnap/templates/lineup/edit.html

@@ -0,0 +1,10 @@
+{% extends "base.html" %}{% load static %}
+{#{% block title %} {{ event.data.formatted_title }}{% endblock %}#}
+{#{% block page_heading %}{{ event.data.formatted_title }}{% endblock %}#}
+{#{% block page_subheading %}{{ event.data.start_date }}, {{ event.data.location_name }}{% endblock %}#}
+
+{% block content %}
+    {% include 'teamsnap/lineup/widgets/lineup.html' with formset_lineup=formset_lineup formset_bench=formset_bench%}
+    <script src="{% static 'js/Sortable.js' %}"></script>
+<script src="{% static 'teamsnap/js/lineup-table.js' %}"></script>
+{% endblock %}

teamsnap/templates/lineup/multiple_choose.html

@@ -0,0 +1,97 @@
+{% extends "base.html" %}{% load static %}
+{% block title %} {{ title }}{% endblock %}
+
+{% block page_heading %}
+    <div class="row d-inline-flex">
+        <div class="col">
+            Multiple Lineup Edit
+        </div>
+    </div>
+
+{% endblock %}
+{% block content %}
+    <form method="post" action="{% url 'teamsnap_choose_multiple_lineups' team_id=team_id%}">
+
+        <div class="table-responsive">
+            <table class="table table-striped table-sm">
+                {{ formset.management_form }}
+                {% csrf_token %}
+                {#    <thead>#}
+                {#    </thead>#}
+                <tbody>
+                {% for form in formset %}
+                    <tr>
+                        <th>Game {{ forloop.counter }}</th>
+                        <td>{{ form.event_id }}</td>
+                    </tr>
+                {% endfor %}
+                </tbody>
+
+            </table>
+        </div>
+    <input class="btn btn-sm btn-primary" type="submit" value="Submit">
+    </form>
+
+
+    <!-- create_normal.html :: part 4 -->
+
+    <script type='text/javascript'>
+        function updateElementIndex(el, prefix, ndx) {
+            var id_regex = new RegExp('(' + prefix + '-\\d+)');
+            var replacement = prefix + '-' + ndx;
+            if ($(el).attr("for")) $(el).attr("for", $(el).attr("for").replace(id_regex, replacement));
+            if (el.id) el.id = el.id.replace(id_regex, replacement);
+            if (el.name) el.name = el.name.replace(id_regex, replacement);
+        }
+        function cloneMore(selector, prefix) {
+            var newElement = $(selector).clone(true);
+            var total = $('#id_' + prefix + '-TOTAL_FORMS').val();
+            newElement.find(':input:not([type=button]):not([type=submit]):not([type=reset])').each(function() {
+                var name = $(this).attr('name').replace('-' + (total-1) + '-', '-' + total + '-');
+                var id = 'id_' + name;
+                $(this).attr({'name': name, 'id': id}).val('').removeAttr('checked');
+            });
+            newElement.find('label').each(function() {
+                var forValue = $(this).attr('for');
+                if (forValue) {
+                    forValue = forValue.replace('-' + (total-1) + '-', '-' + total + '-');
+                    $(this).attr({'for': forValue});
+                }
+            });
+            total++;
+            $('#id_' + prefix + '-TOTAL_FORMS').val(total);
+            $(selector).after(newElement);
+            var conditionRow = $('.form-row:not(:last)');
+            conditionRow.find('.btn.add-form-row')
+                .removeClass('btn-success').addClass('btn-danger')
+                .removeClass('add-form-row').addClass('remove-form-row')
+                .html('<span class="glyphicon glyphicon-minus" aria-hidden="true"></span>');
+            return false;
+        }
+        function deleteForm(prefix, btn) {
+            var total = parseInt($('#id_' + prefix + '-TOTAL_FORMS').val());
+            if (total > 1){
+                btn.closest('.form-row').remove();
+                var forms = $('.form-row');
+                $('#id_' + prefix + '-TOTAL_FORMS').val(forms.length);
+                for (var i=0, formCount=forms.length; i<formCount; i++) {
+                    $(forms.get(i)).find(':input').each(function() {
+                        updateElementIndex(this, prefix, i);
+                    });
+                }
+            }
+            return false;
+        }
+        $(document).on('click', '.add-form-row', function(e){
+            e.preventDefault();
+            cloneMore('.form-row:last', 'form');
+            return false;
+        });
+        $(document).on('click', '.remove-form-row', function(e){
+            e.preventDefault();
+            deleteForm('form', $(this));
+            return false;
+        });
+    </script>
+
+{% endblock %}

teamsnap/templates/lineup/multiple_choose_2.html

@@ -0,0 +1,45 @@
+{% extends "base.html" %}{% load static %}
+{% block title %} {{ title }}{% endblock %}
+
+{% csrf_token %}
+
+{% block page_heading %}
+    <div class="row d-inline-flex">
+        <div class="col">
+            Schedule
+        </div>
+    </div>
+
+{% endblock %}
+{% block content %}
+    <form method="get" action="{% url 'teamsnap_edit_multiple_lineups' team_id=team_id%}">
+    {{ formset.management_form }}
+    <input class="btn btn-sm btn-outline-primary text-nowrap" type="submit" value="Submit">
+    {% load tz %}
+    <div class="table-responsive">
+        <table class="table table-striped table-sm">
+            {#    <thead>#}
+            {#    </thead>#}
+            <tbody>
+            {% for form in formset %}
+                {{ form.event_id.as_hidden }}
+                <tr>
+                    <td>
+                        {{ form.checked }}
+                    </td>
+                    <td>
+                        <a href="{% url 'teamsnap_view_event' event_id=form.event.data.id team_id=request.user.teamsnapsettings.managed_team.id%}">{{ form.event.data.formatted_title }}</a>
+                    </td>
+                    <td>
+                        {{ form.event.data.start_date | localtime}}
+                    </td>
+                    <td>
+                        {{ form.event.data.location_name }}
+                    </td>
+                </tr>
+            {% endfor %}
+            </tbody>
+        </table>
+    </div>
+    </form>
+{% endblock %}

teamsnap/templates/lineup/multiple_edit.html

@@ -0,0 +1,37 @@
+{% extends "base.html" %}{% load static %}
+{% block title %} Edit Lineups {% endblock %}
+{#{% block page_heading %}Edit Lineups{% endblock %}#}
+{#{% block page_subheading %}{% endblock %}#}
+
+{% block content %}
+    {#    <div class="container overflow-scroll mx-0 px-0">#}
+    {#        <div class="row flex-row flex-nowrap">#}
+    {#            {% for event_data in contexts  %}#}
+    {#                <div class="col border-start border-end">#}
+    {#                    <div class = "border-bottom">#}
+    {#                        <h4>{{ event_data.event.data.formatted_title }}</h4>#}
+    {#                        <h6 class="text-muted" >{{ event_data.data.start_date }}</h6>#}
+    {#                    </div>#}
+    {#                    {% include 'teamsnap/lineup/widgets/lineup.html' with formset_lineup=event_data.formset_lineup formset_bench=event_data.formset_bench event_id=event_data.event.data.id  %}#}
+    {#                </div>#}
+    {#            {% endfor %}#}
+    {#        </div>#}
+    {#    </div>#}
+    <div class="container overflow-scroll">
+        <div class="row flex-row flex-nowrap">
+            <table>
+                <tbody>
+                <tr class="align-top mx-1">
+                    {% for event_data in contexts %}
+                        <td class="px-1">
+                            {% include "lineup/widgets/lineup.html" with event=event_data.event event_id=event_data.event.data.id formset=event_data.formset formset_startinglineup=event_data.formset_startinglineup formset_bench=event_data.formset_bench formset_out=event_data.formset_out formset_startingpositionalonly=event_data.formset_startingpositionalonly %}
+                        </td>
+                    {% endfor %}
+                </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+    <script src="{% static 'js/Sortable.js' %}"></script>
+<script src="{% static 'teamsnap/js/lineup-table.js' %}"></script>
+{% endblock %}

teamsnap/templates/lineup/widgets/lineup.html

@@ -0,0 +1,77 @@
+<div class="card mx-auto benchcoach-lineup" style="max-width: 455px" id="benchcoach-lineup-{{ event_id }}">
+    <form method="post" action="">
+        {{ formset.management_form }}
+        {% csrf_token %}
+        <div class="border-bottom p-2">
+            <h4 class="card-title text-nowrap">{{ event.data.formatted_title }}</h4>
+            <h6 class="text-muted card-subtitle text-nowrap">{{ event.data.start_date|date:"D, F j, Y g:i A" }}</h6>
+
+            <div class="row">
+                <div class="col">
+                    <button class="btn btn-primary btn-sm py-0 m-1" onclick="importFromClipboard(this)" type="button"><i class="bi bi-arrow-90deg-down"></i></i><i class="bi bi-file-spreadsheet"></i>  </button>
+                </div>
+                <div class="col text-end">
+                    <button class="btn btn-primary btn-sm py-0 m-1" onclick="copyEmailTable(this, '{{ event.data.start_date|date:"D, F j, Y g:i A" }}, {{ event.data.location_name }}, ({% if event.data.game_type == 'Away' %}@{% endif %}{{ event.data.opponent_name }})', '{% for form in formset %}{{ form.member.data.email_addresses.0 }},{% endfor %}')" type="button"><i class="bi bi-arrow-right"></i><i class="bi bi-envelope"></i></button>
+                    <button class="btn btn-primary btn-sm py-0 m-1" onclick="sendToClipboard(this)" type="button"><i class="bi bi-arrow-right"></i><i class="bi bi-file-spreadsheet"></i></button>
+                    <button class="btn btn-success btn-sm py-0 m-1" type="submit"><i class="bi bi-arrow-right"></i><i class="bi bi-asterisk"></i></button>
+                </div>
+            </div>
+        </div>
+
+        <div class="card-body p-0 m-0">
+            <div>
+                <div class="row m-0">
+                    <div class="col border-bottom bg-light">
+                        <i class="bi bi-clipboard-check me-1"></i><span class="text-uppercase fw-bold small">Starting Lineup</span>
+                    </div>
+                </div>
+
+                <div class = "row m-0">
+                    <div class="col border-bottom px-0">
+                        <div class="row mx-0 my-1 position-status">
+                            {% with 'P C 1B 2B 3B SS LF CF RF EH DH' as position_list %}
+                                {% for position in position_list.split %}
+                                    <div class="col fw-bold text-center small">
+                                        <span class="" id="position-status-{{ position }}">{{ position }}</span>
+                                    </div>
+                                {% endfor %}
+                            {% endwith %}
+                        </div>
+                    </div>
+                </div>
+                {% include 'lineup/widgets/lineup_table.html' with formset=formset_startinglineup table_id="benchcoach-startinglineup" %}
+            </div>
+
+            <div>
+                <div class="row m-0">
+                    <div class="col border-bottom bg-light">
+                        <i class="bi bi-clipboard-minus me-1"></i><span class="text-uppercase fw-bold small">Starting (Positional Only)</span>
+
+                    </div>
+                </div>
+
+                {% include 'lineup/widgets/lineup_table.html' with formset=formset_startingpositionalonly table_id="benchcoach-startingpositionalonly" %}
+            </div>
+
+            <div>
+                <div class="row m-0">
+                    <div class="col border-bottom bg-light">
+                        <i class="bi bi-clipboard me-1"></i><span class="text-uppercase fw-bold small">Bench</span>
+                    </div>
+                </div>
+            </div>
+            {% include 'lineup/widgets/lineup_table.html' with formset=formset_bench table_id="benchcoach-bench" %}
+
+            <div>
+                <div class="row m-0">
+                    <div class="col border-bottom bg-light">
+                        <i class="bi bi-clipboard-x me-1"></i><span class="text-uppercase fw-bold small">Out</span>
+                    </div>
+                </div>
+            </div>
+            {% include 'lineup/widgets/lineup_table.html' with formset=formset_out table_id="benchcoach-out" %}
+
+
+        </div>
+    </form>
+</div>

teamsnap/templates/lineup/widgets/lineup_table.html

@@ -0,0 +1,69 @@
+<div class="table-responsive">
+    <table class="table table-sm my-0 table-{{ table_id }}" style="min-height: 1rem">
+        <tbody class="tbody-{{ table_id }}">
+        {% for form in formset %}
+            <tr data-player-id="{{ form.member.data.id }}"
+                data-position="{{ form.label.value }}"
+                data-order="{{ form.sequence.value }}"
+                data-player-name="{{ form.member.data.last_name }}, {{ form.member.data.first_name }}"
+                data-availability-statuscode="{{ form.availability.data.status_code }}"
+            >
+                {{ form.event_lineup_entry_id.as_hidden }}
+                {{ form.event_lineup_id.as_hidden }}
+                {{ form.event_id.as_hidden }}
+                {{ form.member_id.as_hidden }}
+                {{ form.position_only.as_hidden }}
+                {{ form.label.as_hidden }}
+                {{ form.member_name.as_hidden }}
+                <th class="col-1" id="sequence-member-{{ form.member.data.id }}">
+                    {{ form.sequence.value | add:"1" }}
+                </th>
+                <td class="col-1">
+                    <div class="mx-1">
+                    <span id="player-order-form-{{ form.member.id }}" class="lineup-sequence-form">
+                {{ form.sequence.as_hidden }}
+                    </span>
+
+                        <span id="player-order-{{ form.member.id }}" class="lineup-sequence-value">
+                            {% if form.order.value > 0 %}{{ form.order.value | add:"1" }}{% endif %}
+                        </span>
+
+                        <span id="player-availability-{{ form.member.id }}" class="member-availability-status small">
+                {% if form.availability.data.status_code == 2 %}
+                    <i class="bi bi-question-circle-fill text-info"></i>
+                {% elif form.availability.data.status_code == 1 %}
+{#                    <i class="bi bi-check-circle-fill text-success"></i>#}
+                    <i class="bi bi-check-circle-fill text-success"></i>
+                {% elif form.availability.data.status_code == 0 %}
+                    <i class="bi bi-x-circle-fill text-danger"></i>
+                {% else %}
+                    <i class="bi bi-question-circle"></i>
+                {% endif %}
+                </span>
+                    </div>
+                </td>
+
+                <th class="">
+                    <div class="text-nowrap">
+                <span class="d-none d-md-inline-block">
+                    {{ form.member.data.first_name }}
+                </span>
+                        {{ form.member.data.last_name }}
+                        <span class="small text-muted fw-light d-none d-lg-inline-block">
+                    #{{ form.member.data.jersey_number }}
+                </span>
+                    </div>
+                    {#        <br><code><small>{{ form.statline }}</small></code>#}
+                </th>
+                <td class="col-2">
+                    <span class="lineup-label-form">{{ form.label }}</span>
+                </td>
+                <td class="col-1 drag-handle">
+                    <i class="bi bi-grip-vertical text-secondary"></i>
+                </td>
+                {#                                    <td>{{ form.instance.position }}</td>#}
+            </tr>
+        {% endfor %}
+        </tbody>
+    </table>
+</div>