first init of this template.

benchcoachproject/static/teamsnap/ig/favicon/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/static/mstile-150x150.png"/>
+            <TileColor>#323669</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

benchcoachproject/static/teamsnap/ig/favicon/safari-pinned-tab.svg

@@ -0,0 +1,97 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M3438 6215 c-2 -1 -59 -5 -128 -9 -69 -3 -136 -7 -150 -10 -14 -2
+-47 -7 -75 -10 -394 -45 -765 -221 -900 -428 -61 -92 -81 -110 -181 -158 -60
+-29 -95 -54 -133 -96 -50 -55 -190 -259 -280 -409 -39 -65 -192 -317 -396
+-650 -47 -77 -135 -216 -195 -310 -60 -93 -112 -176 -116 -183 -4 -8 -34 -56
+-68 -107 -34 -52 -115 -176 -181 -277 -99 -153 -318 -493 -362 -564 -44 -70
+-147 -250 -174 -304 -31 -59 -34 -73 -33 -150 0 -98 23 -165 89 -265 44 -66
+187 -214 280 -291 33 -27 62 -52 65 -55 3 -3 73 -57 155 -119 433 -328 650
+-537 768 -740 14 -25 46 -94 71 -154 50 -121 64 -141 94 -132 88 28 293 365
+376 617 34 105 40 131 52 224 4 28 7 51 9 53 1 1 10 -39 19 -90 39 -205 152
+-362 290 -402 30 -9 112 -55 195 -109 l142 -94 747 3 c411 1 776 5 812 8 97 8
+147 27 256 95 55 34 140 82 189 106 50 23 109 59 132 79 61 53 108 155 137
+296 l23 115 12 -57 c6 -32 16 -84 22 -115 54 -276 345 -764 435 -729 16 6 45
+68 76 164 69 214 291 461 665 738 276 205 354 266 445 352 225 214 318 376
+313 543 -2 70 -11 90 -119 267 -95 157 -186 299 -451 702 -282 429 -473 732
+-803 1275 -303 499 -392 632 -466 698 -30 26 -144 87 -165 87 -20 0 -73 55
+-88 91 -40 101 -343 322 -525 383 -64 21 -232 63 -293 72 -27 5 -52 9 -55 9
+-3 1 -32 5 -65 9 -33 5 -73 10 -90 12 -16 3 -100 7 -185 10 -85 3 -163 7 -172
+8 -9 2 -18 3 -20 1z m272 -361 c41 -8 92 -19 113 -25 142 -38 280 -156 263
+-224 -3 -13 -24 -61 -46 -106 -23 -50 -35 -88 -30 -93 5 -5 27 -4 54 4 86 24
+79 -1 -19 -64 -133 -87 -258 -249 -332 -431 -38 -93 -32 -111 25 -72 21 15 41
+27 44 27 4 0 -11 -51 -31 -112 -21 -62 -44 -144 -50 -183 -12 -73 -20 -202
+-13 -209 2 -3 51 18 108 46 57 28 107 48 110 45 10 -9 -15 -43 -90 -122 -67
+-71 -81 -93 -47 -76 51 28 421 160 450 161 15 0 -38 -40 -132 -101 -281 -181
+-420 -281 -407 -291 191 -146 660 -634 788 -820 30 -44 55 -114 46 -129 -3 -5
+-20 -6 -39 -3 -42 6 -55 -13 -55 -81 0 -121 56 -296 171 -533 91 -188 110
+-243 114 -329 7 -133 -104 -466 -169 -508 -35 -23 -117 -16 -154 14 -65 51
+-181 102 -451 196 -91 31 -196 71 -234 88 l-70 31 6 61 c8 87 46 167 95 203
+22 16 91 50 154 77 179 77 248 128 283 212 32 76 14 130 -70 221 -164 178
+-316 234 -615 226 -63 -1 -137 -8 -165 -14 -27 -7 -61 -14 -75 -16 -47 -9
+-155 -57 -217 -96 -111 -70 -175 -161 -179 -255 -6 -122 35 -168 238 -270 204
+-102 282 -180 295 -293 4 -36 2 -40 -34 -63 -46 -29 -134 -64 -307 -124 -249
+-85 -406 -152 -406 -172 0 -16 -68 -41 -113 -41 -74 0 -96 30 -158 207 -52
+149 -67 221 -67 317 0 105 29 206 92 316 115 201 169 353 180 506 7 86 -7 109
+-64 109 -54 0 -55 6 -4 109 33 65 64 110 139 195 158 181 491 517 597 602 63
+50 75 65 66 76 -17 21 -113 92 -198 147 -205 134 -330 217 -330 222 0 7 57 -4
+85 -16 11 -4 61 -22 110 -40 50 -17 99 -36 110 -41 11 -5 38 -15 60 -23 22 -8
+58 -22 80 -31 l40 -17 -20 23 c-11 13 -41 46 -67 74 -62 67 -88 101 -82 108
+10 9 63 -11 140 -52 42 -23 78 -41 81 -41 8 0 -4 176 -16 235 -5 28 -26 99
+-45 159 -20 60 -36 110 -36 112 0 10 18 2 36 -15 11 -10 31 -22 44 -26 22 -7
+23 -5 16 26 -9 46 -78 185 -135 272 -59 89 -134 164 -223 223 -99 66 -104 85
+-18 64 28 -7 54 -9 57 -6 4 3 -12 48 -35 99 -53 116 -54 133 -14 183 69 86
+168 134 347 169 87 17 335 16 425 -1z m-1377 -1583 c78 -31 138 -63 144 -76 8
+-22 -23 -43 -74 -51 -24 -3 -43 -12 -43 -18 0 -20 62 -74 105 -92 50 -21 136
+-21 194 0 43 16 108 58 123 80 5 8 8 8 8 0 0 -17 -60 -107 -88 -133 -108 -96
+-284 -79 -363 36 -53 76 -107 231 -93 267 6 15 23 12 87 -13z m2410 -3 c6 -20
+-20 -143 -39 -180 -65 -126 -190 -192 -307 -162 -82 21 -131 65 -182 163 l-17
+35 43 -35 c56 -44 78 -55 131 -65 87 -15 167 2 222 48 53 43 46 66 -25 88 -31
+9 -61 20 -68 24 -18 12 4 33 47 46 20 7 51 18 67 25 49 21 59 23 92 24 17 1
+33 -5 36 -11z m383 -978 c12 -149 7 -382 -11 -510 -2 -14 -6 -52 -10 -85 -4
+-33 -9 -62 -10 -65 -2 -3 -6 -34 -10 -70 -4 -36 -9 -67 -12 -70 -2 -3 -12 5
+-21 17 -9 12 -50 60 -90 107 l-73 85 45 138 c25 76 75 232 112 346 36 115 68
+207 69 205 2 -2 7 -46 11 -98z m-3208 -22 c16 -46 65 -191 107 -322 88 -271
+88 -241 -2 -343 -103 -117 -113 -127 -114 -112 0 8 -2 23 -4 34 -2 11 -7 45
+-10 75 -4 30 -8 69 -10 85 -2 17 -7 59 -10 95 -4 36 -8 81 -11 100 -5 41 -4
+359 1 410 2 19 4 41 4 48 2 32 22 4 49 -70z m1752 -452 c81 -9 181 -39 240
+-72 l45 -25 -40 7 c-83 15 -129 11 -176 -13 -66 -34 -225 -46 -377 -29 -62 7
+-83 13 -132 41 -25 14 -100 14 -165 0 -27 -5 -27 -4 10 16 134 74 351 101 595
+75z m265 -1150 c138 -8 161 -12 169 -33 10 -25 -11 -49 -92 -111 -91 -68 -151
+-99 -207 -108 -80 -12 -488 -11 -579 3 -96 14 -135 32 -244 114 -81 61 -107
+93 -88 108 19 16 117 27 268 30 73 1 134 4 135 5 5 4 524 -2 638 -8z"/>
+<path d="M3065 3166 c-23 -23 -26 -60 -9 -88 17 -27 121 21 131 60 12 51 -78
+72 -122 28z"/>
+<path d="M3453 3149 c-57 -21 -47 -89 16 -111 49 -16 144 -16 165 1 33 28 9
+76 -49 99 -41 16 -105 21 -132 11z"/>
+<path d="M3837 3141 c-37 -18 -44 -38 -23 -66 20 -27 95 -28 125 -1 26 24 27
+41 1 63 -26 22 -63 24 -103 4z"/>
+<path d="M2788 2934 c-28 -8 -57 -26 -72 -45 -29 -35 -32 -51 -12 -68 30 -25
+141 28 176 83 22 35 -24 51 -92 30z"/>
+<path d="M4140 2860 c-27 -50 33 -118 126 -144 14 -4 27 1 39 14 17 19 17 21
+1 53 -23 42 -96 97 -129 97 -16 0 -30 -8 -37 -20z"/>
+<path d="M2579 2469 c-43 -43 11 -177 83 -202 44 -15 78 61 56 125 -9 26 -61
+87 -76 89 -4 0 -15 2 -25 4 -10 2 -27 -5 -38 -16z"/>
+<path d="M4333 2428 c-54 -14 -109 -111 -98 -171 5 -27 50 -67 75 -67 50 0 99
+89 94 174 -2 53 -29 76 -71 64z"/>
+<path d="M3933 2113 c-34 -7 -74 -59 -68 -91 5 -28 37 -61 61 -63 8 -1 20 -2
+27 -3 21 -4 66 23 83 49 13 20 14 30 4 59 -6 20 -15 38 -19 40 -13 8 -65 13
+-88 9z"/>
+<path d="M3033 2083 c-34 -7 -42 -51 -13 -75 26 -21 109 -25 128 -6 40 40 -39
+95 -115 81z"/>
+<path d="M2765 1984 c-6 -1 -27 -5 -49 -9 -48 -8 -86 -45 -86 -83 0 -35 12
+-42 71 -36 89 8 127 43 120 110 -1 11 -37 23 -56 18z"/>
+<path d="M4314 1938 c-12 -5 -27 -21 -33 -35 -16 -35 13 -83 51 -83 15 0 30 5
+33 10 4 6 10 8 14 5 5 -2 21 7 36 21 21 20 26 30 20 52 -4 15 -12 30 -18 34
+-17 11 -78 9 -103 -4z"/>
+</g>
+</svg>

benchcoachproject/static/teamsnap/ig/favicon/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/static/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/static/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}

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

@@ -0,0 +1,137 @@
+function positionSelectChanged(elem) {
+    let row = elem.parentElement.parentElement
+    let original_table = elem.parentElement.parentElement.parentElement
+    let lineup_table = document.getElementById('lineup')
+    let bench_table = document.getElementById('bench')
+    let dhd_table = document.getElementById('dhd')
+    let player_order = row.querySelector('[id^="player-order"]')
+    let player_available = row.querySelector('[id^="player-availability"]')
+
+    console.dir(original_table == bench_table)
+    if (elem.value == "P" && original_table == bench_table ) {
+        dhd_table.appendChild(row)
+        player_order.classList.remove('d-none')
+        // player_available.classList.add('d-none')
+        refresh_lineup_order()
+    }
+    else if (elem.value && original_table == dhd_table ) {
+        dhd_table.appendChild(row)
+        player_order.classList.remove('d-none')
+        // player_available.classList.add('d-none')
+        refresh_lineup_order()
+    }
+    else if (elem.value) {
+        lineup_table.appendChild(row)
+        player_order.classList.remove('d-none')
+        // player_available.classList.add('d-none')
+        refresh_lineup_order()
+    }
+    else {
+        bench_table.prepend(row)
+        // player_order.classList.add('d-none')
+        player_available.classList.remove('d-none')
+    }
+}
+
+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'));
+    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)
+            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")){
+                position_status.classList.remove('text-danger')
+            }
+            position_status.classList.add('text-success')
+        } else {
+            if (position_status.classList.contains("text-success")){
+                position_status.classList.remove('text-success')
+            }
+            position_status.classList.add('text-danger')
+        }
+    })
+    console.dir(label_value_array)
+}
+
+function refresh_lineup_order (){
+    var player_rows = document.getElementById('table-players-lineup').querySelectorAll('tr')
+    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"]')
+        player_order.innerText = parseInt(player_rows[i].dataset.order)
+        player_rows[i].dataset.order = i
+        form_element_order.value = i
+        player_order.innerHTML = i+1
+    }
+    var player_rows = document.getElementById('table-players-bench').querySelectorAll('tr')
+    for (let i = 0; i < player_rows.length; i++) {
+        var player_order = player_rows[i].querySelector('[id^="player-order"]')
+        var form_element_order = player_rows[i].querySelector('[id$="sequence"]')
+        player_rows[i].dataset.order = null
+        form_element_order.value = null
+        player_order.innerHTML = null
+    }
+}
+
+var lineup = new Sortable.create(
+    document.getElementById('tbody-players-lineup'), {
+        animation: 150,
+        handle: ".drag-handle",
+        ghostClass:"ghost",
+        group:{
+            put:true,
+            pull:true
+        },
+        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()
+            if (player_order.classList.contains('d-none')){
+                player_order.classList.remove('d-none')
+            }
+            // player_available.classList.add('d-none')
+        },
+        onUpdate: function (/**Event*/evt) {
+            console.log('update to lineup')
+            var itemEl = evt.item;  // dragged HTMLElement
+            refresh_lineup_order()
+        },
+    });
+
+var bench = new Sortable.create(
+    document.getElementById('tbody-players-bench'), {
+        animation: 150,
+        ghostClass:"ghost",
+        sort: false,
+        handle: ".drag-handle",
+// handle: ".bars-move",
+        group:{
+            put:true,
+            pull:true
+        },
+        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()
+            // player_order.classList.add('d-none')
+            if (player_order.classList.contains('d-none')){
+                player_available.classList.remove('d-none')
+            }
+        }
+    });
+//xxx
+colorPositions()