first init of rewrite

benchcoachproject/static/teamsnap/js/lineup-table.js

@@ -33,39 +33,46 @@ function positionSelectChanged(elem) {
     }
 }
 
-function colorPositions(){
-    var player_rows = [];
-    player_rows.push.apply(player_rows, document.getElementById('table-players-lineup').querySelectorAll('tr'));
-    player_rows.push.apply(player_rows, document.getElementById('table-players-bench').querySelectorAll('tr'));
+function colorPositions() {
+    for (bcLineup of document.getElementsByClassName("benchcoach-lineup")) {
+        var player_rows = bcLineup.querySelectorAll('tr');
+        // player_rows.push.apply(player_rows, document.getElementsByClassName('benchcoach-lineup').querySelectorAll('tr'));
+        // player_rows.push.apply(player_rows, document.getElementsByClassName('benchcoach-bench').querySelectorAll('tr'));
         var label_value_array = []
-    player_rows.forEach(function (player_row, index){
-        console.dir(player_row)
-        if (player_row.querySelector('[name$="label"]')){
-            console.dir(player_row.querySelector('select[name$="label"]'))
-            console.dir(player_row.querySelector('select[name$="label"]').value)
+        player_rows.forEach(function (player_row, index) {
+                if (player_row.querySelector('[name$="label"]')) {
                     label_value_array.push(
                         player_row.querySelector('select[name$="label"]').value)
                 }
             }
         )
-    document.querySelectorAll('[id^="position-status"]').forEach(function(position_status,index){
-        if (label_value_array.includes(position_status.innerHTML)){
-            if (position_status.classList.contains("text-danger")){
+        bcLineup.querySelectorAll('[id^="position-status"]').forEach(function (position_status, index) {
+            if (label_value_array.includes(position_status.innerHTML)) {
+                if (position_status.classList.contains("text-danger")) {
                     position_status.classList.remove('text-danger')
                 }
                 position_status.classList.add('text-success')
             } else {
-            if (position_status.classList.contains("text-success")){
+                if (position_status.classList.contains("text-success")) {
                     position_status.classList.remove('text-success')
                 }
                 position_status.classList.add('text-danger')
             }
+            // console.dir(position_status)
         })
-    console.dir(label_value_array)
+        // console.dir(label_value_array)
+    }
 }
 
-function refresh_lineup_order (){
-    var player_rows = document.getElementById('table-players-lineup').querySelectorAll('tr')
+function refresh_lineup_order (itemEl){
+    let bcLineup = itemEl.closest(".benchcoach-lineup")
+    var player_rows = []
+    for (tbody of bcLineup.querySelectorAll("[class*='tbody-benchcoach-starting']")){
+        for (row of tbody.rows){
+            player_rows.push(row)
+        }
+    }
+
     for (let i = 0; i < player_rows.length; i++) {
         var player_order = player_rows[i].querySelector('[id^="sequence"]')
         var form_element_order = player_rows[i].querySelector('[id$="sequence"]')
@@ -74,9 +81,9 @@ function refresh_lineup_order (){
         form_element_order.value = i
         player_order.innerHTML = i+1
     }
-    var player_rows = document.getElementById('table-players-bench').querySelectorAll('tr')
+    var player_rows = bcLineup.getElementsByClassName("tbody-benchcoach-bench")[0].rows
     for (let i = 0; i < player_rows.length; i++) {
-        var player_order = player_rows[i].querySelector('[id^="player-order"]')
+        var player_order = player_rows[i].querySelector('[id^="sequence"]')
         var form_element_order = player_rows[i].querySelector('[id$="sequence"]')
         player_rows[i].dataset.order = null
         form_element_order.value = null
@@ -84,21 +91,119 @@ function refresh_lineup_order (){
     }
 }
 
-var lineup = new Sortable.create(
-    document.getElementById('tbody-players-lineup'), {
+function sendToClipboard(itemEl){
+    let bcLineup = itemEl.closest(".benchcoach-lineup")
+    player_rows = bcLineup.querySelectorAll("[data-position=P]")
+    lineup_export = []
+    if (player_rows.length > 0){
+        lineup_export.push(player_rows[0].dataset.playerName)
+        lineup_export.push("","")
+    } else {
+        lineup_export.push("","","")
+    }
+
+    lineup_export.push("")
+    for (position of [
+        'C',
+        '1B',
+        '2B',
+        '3B',
+        'SS',
+        'LF',
+        'CF',
+        'RF',
+        'DH',
+    ]
+        ) {
+        var player_rows = bcLineup.querySelectorAll(`[data-position=${CSS.escape(position)}]`)
+        if (player_rows.length > 0){
+            lineup_export.push(player_rows[0].dataset.playerName)
+        } else {
+            lineup_export.push('')
+        }
+    }
+    for (position of [
+        'EH',
+    ]
+        ) {
+        var player_rows = bcLineup.querySelectorAll(`[data-position=${CSS.escape(position)}]`)
+        for (var i = 0; i < 2; i++) {
+            if (i < player_rows.length){
+                lineup_export.push(player_rows[i].dataset.playerName)
+            } else {
+                lineup_export.push("")
+            }
+        }
+    }
+
+    for (position of [
+        'DR',
+    ]
+        ) {
+        let player_rows = bcLineup.querySelectorAll(`[data-position=${CSS.escape(position)}]`)
+        if (player_rows.length > 0){
+            lineup_export.push(player_rows[0].dataset.playerName)
+        } else {
+            lineup_export.push('')
+        }
+    }
+
+    lineup_export.push("")
+    lineup_export.push("","")
+    lineup_export.push("")
+
+    for (var i = 0; i < 11; i++) {
+        let player_rows = bcLineup.querySelectorAll(`[data-order=${CSS.escape(i)}]`)
+        if (player_rows.length > 0){
+            lineup_export.push(player_rows[0].dataset.playerName)
+        } else {
+            lineup_export.push("")
+        }
+    }
+
+    console.dir(lineup_export)
+    var textArea = document.createElement("textarea");
+    textArea.value = lineup_export.join("\n");
+
+    // Avoid scrolling to bottom
+    textArea.style.top = "0";
+    textArea.style.left = "0";
+    textArea.style.position = "fixed";
+
+    document.body.appendChild(textArea);
+    textArea.focus();
+    textArea.select();
+
+    try {
+        var successful = document.execCommand('copy');
+        var msg = successful ? 'successful' : 'unsuccessful';
+        console.log('Copying text command was ' + msg);
+    } catch (err) {
+        console.error('Oops, unable to copy', err);
+    }
+
+    document.body.removeChild(textArea);
+
+}
+
+benchcoach_lineups = document.getElementsByClassName("benchcoach-lineup")
+for (bcLineup of document.getElementsByClassName("benchcoach-lineup")) {
+    var startinglineup = new Sortable.create(
+        bcLineup.getElementsByClassName("tbody-benchcoach-startinglineup")[0], {
             animation: 150,
             handle: ".drag-handle",
             ghostClass:"ghost",
             group:{
-            put:true,
-            pull:true
+                name:bcLineup.id,
+                put:[bcLineup.id],
+                pull:[bcLineup.id]
             },
             onAdd: function (/**Event*/evt) {
                 // Add to Lineup
                 var itemEl = evt.item;  // dragged HTMLElement
                 var player_order = itemEl.querySelector('[id^="sequence-member"]')
                 var player_available =itemEl.querySelector('[class^="member-availability-status"]')
-            refresh_lineup_order()
+                refresh_lineup_order(itemEl)
                 if (player_order.classList.contains('d-none')){
                     player_order.classList.remove('d-none')
                 }
@@ -107,31 +212,333 @@ var lineup = new Sortable.create(
             onUpdate: function (/**Event*/evt) {
                 console.log('update to lineup')
                 var itemEl = evt.item;  // dragged HTMLElement
-            refresh_lineup_order()
+                refresh_lineup_order(itemEl)
             },
         });
 
-var bench = new Sortable.create(
-    document.getElementById('tbody-players-bench'), {
+    var bench = new Sortable.create(
+        bcLineup.getElementsByClassName("tbody-benchcoach-bench")[0], {
             animation: 150,
             ghostClass:"ghost",
             sort: false,
             handle: ".drag-handle",
 // handle: ".bars-move",
             group:{
-            put:true,
-            pull:true
+                name:bcLineup.id,
+                put:[bcLineup.id],
+                pull:[bcLineup.id]
             },
             onAdd: function (/**Event*/evt) {
                 var itemEl = evt.item;  // dragged HTMLElement
                 var player_order = itemEl.querySelector('[id^="sequence-member"]')
                 var player_available =itemEl.querySelector('[class^="member-availability-status"]')
-            refresh_lineup_order()
+                refresh_lineup_order(itemEl)
                 // player_order.classList.add('d-none')
                 if (player_order.classList.contains('d-none')){
                     player_available.classList.remove('d-none')
                 }
             }
         });
+
+    var positionalonlylineup = new Sortable.create(
+        bcLineup.getElementsByClassName("tbody-benchcoach-startingpositionalonly")[0], {
+            group:{
+                name:bcLineup.id,
+                put:[bcLineup.id],
+                pull:[bcLineup.id]
+            },
+            onAdd: function (/**Event*/evt) {
+                var itemEl = evt.item;  // dragged HTMLElement
+                var player_order = itemEl.querySelector('[id^="sequence-member"]')
+                var position_only = itemEl.querySelector('[id$="position_only"]')
+                position_only.value = true
+                var player_available =itemEl.querySelector('[class^="member-availability-status"]')
+                refresh_lineup_order(itemEl)
+                // player_order.classList.add('d-none')
+                if (player_order.classList.contains('d-none')){
+                    player_available.classList.remove('d-none')
+                }
+            },
+            onRemove: function (/**Event*/evt) {
+                var itemEl = evt.item;  // dragged HTMLElement
+                var player_order = itemEl.querySelector('[id^="sequence-member"]')
+                var player_available =itemEl.querySelector('[class^="member-availability-status"]')
+                var position_only = itemEl.querySelector('[id$="position_only"]')
+                position_only.value = false
+
+                if (player_order.classList.contains('d-none')){
+                    player_available.classList.remove('d-none')
+                }
+            },
+            onUpdate: function (/**Event*/evt) {
+                var itemEl = evt.item;  // dragged HTMLElement
+                refresh_lineup_order(itemEl)
+            },
+        }
+
+    )
+}
+
+function copyEmailTable(itemEl, subject, recipients){
+    // Create container for the HTML
+    // [1]
+    let bcLineup = itemEl.closest(".benchcoach-lineup")
+    var container = document.createElement('div')
+    var tbl = document.createElement('table')
+
+    let thead = tbl.createTHead()
+    let thead_row = thead.insertRow()
+    let thead_row_cell = thead_row.insertCell()
+    thead_row_cell.appendChild(document.createElement("h3").appendChild(document.createTextNode("STARTING LINEUP")))
+    thead_row_cell.colSpan=3;
+    thead_row_cell.classList.add('title-cell')
+    var tbody = tbl.createTBody()
+    for (row of bcLineup.querySelector(".table-benchcoach-startinglineup").rows) {
+        let tr = tbody.insertRow()
+        cell = tr.insertCell()
+        cell.classList.add('sequence-cell')
+        cell.appendChild(document.createTextNode((parseInt(row.dataset.order) + 1)))
+        cell = tr.insertCell()
+        cell.appendChild(document.createTextNode(row.dataset.playerName))
+        cell.classList.add('name-cell')
+        tr.insertCell().appendChild(document.createTextNode(row.dataset.position))
+    }
+
+    if (bcLineup.querySelector('.table-benchcoach-startingpositionalonly').rows.length > 0) {
+        var tr = tbody.insertRow()
+        cell = tr.insertCell()
+        cell.colSpan=3
+        cell.appendChild(document.createTextNode("STARTING (POS. ONLY)"))
+        cell.classList.add('title-cell')
+
+        for (row of bcLineup.querySelector('.table-benchcoach-startingpositionalonly').rows) {
+            var tr = tbody.insertRow()
+            cell = tr.insertCell()
+            cell.classList.add('sequence-cell')
+            cell.appendChild(document.createTextNode(""))
+            cell=tr.insertCell()
+            cell.appendChild(document.createTextNode(row.dataset.playerName))
+            cell.classList.add('name-cell')
+            tr.insertCell().appendChild(document.createTextNode(row.dataset.position))
+        }
+    }
+
+    if (bcLineup.querySelector('.table-benchcoach-bench').rows.length > 0) {
+        var tr = tbody.insertRow()
+        cell = tr.insertCell()
+        cell.colSpan=3
+        cell.appendChild(document.createTextNode("SUBS"))
+        cell.classList.add('title-cell')
+
+        for (row of bcLineup.querySelector('.table-benchcoach-bench').rows) {
+            var tr = tbody.insertRow()
+            cell = tr.insertCell()
+            cell.classList.add('sequence-cell')
+            availability_status = {
+                None: "UNK",
+                "0": "NO",
+                "2": "MAY",
+                "1":"YES"
+            }[row.dataset.availabilityStatuscode]
+            cell.appendChild(document.createTextNode(availability_status))
+            cell=tr.insertCell()
+            cell.appendChild(document.createTextNode(row.dataset.playerName))
+            cell.classList.add('name-cell')
+            tr.insertCell().appendChild(document.createTextNode(""))
+        }
+    }
+
+    if (bcLineup.querySelector('.table-benchcoach-out').rows.length > 0) {
+        var tr = tbody.insertRow()
+        cell = tr.insertCell()
+        cell.colSpan=3
+        cell.appendChild(document.createTextNode("OUT"))
+        cell.classList.add('title-cell')
+
+        for (row of bcLineup.querySelector('.table-benchcoach-out').rows) {
+            var tr = tbody.insertRow()
+            cell = tr.insertCell()
+            cell.classList.add('sequence-cell')
+            availability_status = {
+                "None": "UNK",
+                "0": "NO",
+                "1": "MAY",
+                "2":"YES"
+            }[row.dataset.availabilityStatuscode]
+            cell.appendChild(document.createTextNode(availability_status))
+            tr.insertCell().appendChild(document.createTextNode(row.dataset.playerName))
+            tr.insertCell().appendChild(document.createTextNode(""))
+        }
+    }
+
+    container.appendChild(tbl)
+    for (cell of container.getElementsByClassName('title-cell')){
+        cell.setAttribute (
+            "style",
+            "font-weight:bold;background-color:#323669;color:#fff;padding:2px 5px;"
+        )}
+
+    for (cell of container.getElementsByClassName('sequence-cell')){
+        cell.setAttribute (
+            "style",
+            "font-weight:bold;padding:2px 5px;"
+        )}
+
+    for (cell of container.getElementsByClassName('name-cell')){
+        cell.setAttribute (
+            "style",
+            "width:200px;"
+        )}
+
+    // Detect all style sheets of the page
+    var activeSheets = Array.prototype.slice.call(document.styleSheets)
+        .filter(function (sheet) {
+            return !sheet.disabled
+        })
+
+    // Mount the container to the DOM to make `contentWindow` available
+    // [3]
+    document.body.appendChild(container)
+
+    // Copy to clipboard
+    // [4]
+    window.getSelection().removeAllRanges()
+
+    var range = document.createRange()
+    range.selectNode(container)
+    window.getSelection().addRange(range)
+
+    // [5.1]
+    document.execCommand('copy')
+
+    // [5.2]
+    for (var i = 0; i < activeSheets.length; i++) activeSheets[i].disabled = true
+
+    // [5.3]
+    // document.execCommand('copy')
+
+    // [5.4]
+    for (var i = 0; i < activeSheets.length; i++) activeSheets[i].disabled = false
+
+    // Remove the container
+    // [6]
+    document.body.removeChild(container)
+    subject_encoded = encodeURIComponent(subject)
+    window.open("readdle-spark://compose?recipient=manager@chihounds.com&subject="+subject+"&bcc="+recipients)
+}
+
+function copyHtmlTable(itemEl){
+    // Create container for the HTML
+    // [1]
+    var container = document.createElement('div')
+    let bcLineup = itemEl.closest(".benchcoach-lineup")
+    // container.appendChild(bcLineup.cloneNode(true))
+    // console.dir(container)
+    container.tab
+    container.appendChild(bcLineup.querySelector('.table-benchcoach-startinglineup').cloneNode(false))
+    header_row = container.querySelector(".table-benchcoach-startinglineup").insertRow(0);
+    header_row_cell = header_row.insertCell(0);
+    header_row_cell.colSpan=5;
+    header_row_cell.innerHTML = "STARTING LINEUP";
+
+    for (r of bcLineup.querySelector('.table-benchcoach-startinglineup').rows){
+        new_row = r.cloneNode(true)
+        container.querySelector(".table-benchcoach-startinglineup").appendChild(new_row)
+        for (s of new_row.querySelectorAll("span")){
+            s.classList.remove('d-none')
+        }
+    }
+
+    if (bcLineup.querySelector('.table-benchcoach-startingpositionalonly').rows.length > 0){
+        header_row = container.querySelector(".table-benchcoach-startingpositionalonly").insertRow()
+        header_row_cell = header_row.insertCell(0)
+        header_row_cell.colSpan=5
+        header_row_cell.innerHTML = "POSITIONAL ONLY"
+
+        for (r of bcLineup.querySelector('.table-benchcoach-startingpositionalonly').rows){
+            for (s of r.querySelectorAll("span")){
+                console.dir(r)
+                s.classList.remove('d-none')
+            }
+            new_row = container.querySelector(".table-benchcoach-startinglineup").insertRow()
+            new_row.outerHTML = r.outerHTML
+        }
+    }
+
+    header_row = container.querySelector(".table-benchcoach-startinglineup").insertRow()
+    header_row_cell = header_row.insertCell(0)
+    header_row_cell.colSpan=5
+    header_row_cell.innerHTML = "SUBS"
+
+    for (row of bcLineup.querySelector('.table-benchcoach-bench').rows){
+        for (s of row.querySelectorAll("span")){
+            s.classList.remove('d-none')
+        }
+        new_row = container.querySelector(".table-benchcoach-startinglineup").insertRow()
+        new_row.outerHTML = row.outerHTML
+    }
+
+    header_row = container.querySelector(".table-benchcoach-startinglineup").insertRow()
+    header_row_cell = header_row.insertCell(0)
+    header_row_cell.colSpan=5
+    header_row_cell.innerHTML = "OUT"
+
+    for (r of bcLineup.querySelector('.table-benchcoach-out').rows){
+        new_row = container.querySelector(".table-benchcoach-startinglineup").insertRow()
+        new_row.outerHTML = r.outerHTML
+    }
+
+    console.dir(container)
+    // container.hidden = true
+    for (f of container.querySelectorAll(".lineup-label-form")){
+        // f.firstElementChild.hidden = true
+        f.innerHTML = f.firstElementChild.options[f.firstElementChild.selectedIndex].value
+    }
+    for (f of container.querySelectorAll(".position-status")){
+        f.remove()
+    }
+    // container.querySelectorAll(".lineup-label-form").firstElementChild.hidden = true
+
+    // Hide element
+    // [2]
+    container.style.position = 'fixed'
+    container.style.pointerEvents = 'none'
+    container.style.opacity = 0
+
+    // Detect all style sheets of the page
+    var activeSheets = Array.prototype.slice.call(document.styleSheets)
+        .filter(function (sheet) {
+            return !sheet.disabled
+        })
+
+    // Mount the container to the DOM to make `contentWindow` available
+    // [3]
+    document.body.appendChild(container)
+
+    // Copy to clipboard
+    // [4]
+    window.getSelection().removeAllRanges()
+
+    var range = document.createRange()
+    range.selectNode(container)
+    window.getSelection().addRange(range)
+
+    // [5.1]
+    document.execCommand('copy')
+
+    // [5.2]
+    for (var i = 0; i < activeSheets.length; i++) activeSheets[i].disabled = true
+
+    // [5.3]
+    // document.execCommand('copy')
+
+    // [5.4]
+    for (var i = 0; i < activeSheets.length; i++) activeSheets[i].disabled = false
+
+    // Remove the container
+    // [6]
+    document.body.removeChild(container)
+}
+
 //xxx
 colorPositions()

teamsnap/forms.py

@@ -83,9 +83,10 @@ class LineupEntryForm(forms.Form):
     event_lineup_id = forms.Field(required=False)
     event_id = forms.Field()
     member_id = forms.Field()
+    position_only = forms.BooleanField(initial=False, required=False)
     sequence = forms.IntegerField(required=False)
     label = forms.ChoiceField(required=False, choices=[
-        ("--", "--"),
+        ("", "--"),
         ("P","P"),
         ("C","C"),
         ("1B","1B"),

teamsnap/migrations/0010_merge_20220506_1031.py

@@ -0,0 +1,14 @@
+# Generated by Django 3.2.6 on 2022-05-06 15:31
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('teamsnap', '0005_auto_20211224_1042'),
+        ('teamsnap', '0009_alter_availability_status_code'),
+    ]
+
+    operations = [
+    ]

teamsnap/templates/teamsnap/lineup/edit.html

@@ -1,12 +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 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>
-
+<script src="{% static 'teamsnap/js/lineup-table.js' %}"></script>
 {% endblock %}