Merge pull request #32 from nguyenank/jan-2025

Jan 2025
nguyenank · Jan 31, 2025 · 047dda9 · 047dda9
2 parents e2a281d + 12a0f23
commit 047dda9
Show file tree

Hide file tree

Showing 16 changed files with 890 additions and 65 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,6 +7,26 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to the spirit of [Semantic Versioning](https://semver.org/spec/v2.0.0.html) as best it can without a proper API.
 
+## [2.4.0] - 2025-01-31
+
+### Added
+
+#### New Playing Areas
+
+-   Men's Lacrosse Net (NCAA)
+-   Women's Lacrosse Net (NCAA)
+
+### Fixed
+
+-   Fix csv upload issues for custom configs with names different from default for default details.
+-   Fix issue with dots not appearing, especially upon transition between heat map and regular view by adjusting display attribute to be style value.
+
+### Changed
+
+-   Remove defunct heat map team select code.
+-   Reset filters on refresh (hopefully temporary fix).
+-   Undo bandage fix for ghost dots not appearing promptly by disabling the size appearance transition for ghost dots.
+
 ## [2.3.0] - 2024-12-26
 
 ### Added
@@ -279,6 +299,7 @@ and this project adheres to the spirit of [Semantic Versioning](https://semver.o
 -   Ability to click on rink to create dot and add row to table with the current details.
 -   Ability to download and upload table.
 
+[2.4.0]: https://github.com/nguyenank/shot-plotter/releases/tag/v2.4.0
 [2.3.0]: https://github.com/nguyenank/shot-plotter/releases/tag/v2.3.0
 [2.2.0]: https://github.com/nguyenank/shot-plotter/releases/tag/v2.2.0
 [2.1.0]: https://github.com/nguyenank/shot-plotter/releases/tag/v2.1.0

diff --git a/README.md b/README.md
@@ -4,7 +4,7 @@
 
 A [web application](https://shot-plotter.netlify.app/) for plotting events on a sport's playing area with a single click, while keeping track of any other details. The application supports download and upload of .csv files to retrieve that plotted data.
 
-Currently 31 different playing areas across 20 different sports are supported:
+Currently 33 different playing areas across 20 different sports are supported:
 
 -   ice hockey (NHL, IIHF customizable) and ice hockey net (NHL)
 -   floorball (IFF)
@@ -16,8 +16,8 @@ Currently 31 different playing areas across 20 different sports are supported:
 -   tennis (ITF)
 -   netball (SSN)
 -   fistball (IFA)
--   men's lacrosse (NCAA)
--   women's lacrosse (NCAA)
+-   men's lacrosse (NCAA) and men's lacrosse net (NCAA)
+-   women's lacrosse (NCAA) and women's lacrosse net (NCAA)
 -   field hockey (FIH)
 -   indoor lacrosse (NLL customizable)
 -   American football (NFL, NCAA)

diff --git a/html/index.html b/html/index.html
@@ -50,8 +50,8 @@
     <body>
         <!-- inject:banner -->
         <div class="alert alert-info" role="alert">
-    <b>12/26/24:</b> Football/soccer net and indoor lacrosse have been added, as
-    well as customizable dimensions for the IIHF hockey rink!
+    <b>01/31/25:</b> Men's lacrosse net and women's lacrosse net have been
+    added!
 </div>
 
         <!-- endinject -->
@@ -2435,6 +2435,100 @@ <h6 class="card-title">
     </div>
 </a>
 
+            <a href="./mens-lacrosse-net" class="card" id="mens-lacrosse-net">
+    <div class="card-header">
+        <!-- inject:cardplayingarea -->
+        <svg id="mens-lacrosse-net-svg" xmlns="http://www.w3.org/2000/svg" width="100%" viewBox=" -1 -1 77.8 75.9">
+  <g id="transformations">
+    <clipPath id="clipBorder">
+        <rect x="-1" width="77.8" height="74.9" />
+    </clipPath>
+    <rect x="1.9" y="1.9" width="72" height="72" fill="#f9f9f9" />
+
+    <!-- <line id="horizon-line" x1="0" y1="36.95" x2="76" y2="36.95" stroke="blue" stroke-width="0.1" />
+    <circle id="vanishing-point" cx="37.9" cy="36.95" r="1" fill="blue" />
+    <line id="center-of-vision" x1="37.9" x2="37.9" y1="0" y2="74" stroke="blue" stroke-width="0.1" />
+
+    <line id="picture-plane" x1="0" x2="76" y1="80" y2="80" stroke="red" stroke-width="0.1" />
+
+    <path id="top-down" d="M 31.9 130 L 31.9 127 L 37.9 116 L 43.9 127 L 43.9 130" stroke="red" stroke-width="0.4" fill="transparent" />
+    <path id="extra" d="M 31.9 130 L 31.9 116 43.9 116 L 43.9 130" stroke="red" stroke-width="0.2" fill="transparent" />
+    <line x1="37.9" y1="139.69305" x2="0.95" y2="80" stroke-width="0.1" stroke="green" stroke-dasharray="0.5"/>
+    <circle cx="0.95" cy="80" r="1" fill="green" />
+    <circle cx="0.95" cy="36.95" r="1" fill="green" />
+    
+    <line x1="37.9" y1="139.69305" x2="9.68312" y2="80" stroke-width="0.1" stroke="purple" stroke-dasharray="0.5"/>
+    <circle cx="9.68312" cy="80" r="1" fill="purple" />
+    <circle cx="9.68312" cy="36.95" r="1" fill="purple" />
+    <line x1="37.9" y1="139.69305" x2="66.11688" y2="80" stroke-width="0.1" stroke="purple" stroke-dasharray="0.5"/>
+    <circle cx="66.11688" cy="80" r="1" fill="purple" />
+    <circle cx="66.11688" cy="36.95" r="1" fill="purple" />
+    <rect x="9.68312" y="8.73312" height="56.43376" width="56.43376" stroke-width="0.1" stroke="purple" stroke-dasharray="0.5" fill="transparent"/>
+
+    <line x1="37.9" y1="139.69305" x2="74.85" y2="80" stroke-width="0.1" stroke="green" stroke-dasharray="0.5"/>
+    <circle cx="74.85" cy="80" r="1" fill="green" />
+    <circle cx="74.85" cy="36.95" r="1" fill="green" />
+
+    <line x1="37.9" y1="139.69305" x2="22.7834" y2="80" stroke-width="0.1" stroke="magenta" stroke-dasharray="0.5"/>
+    <circle cx="22.7834" cy="80" r="1" fill="magenta" />
+    <circle cx="22.7834" cy="36.95" r="1" fill="magenta" />
+    <line x1="37.9" y1="139.69305" x2="53.0166" y2="80" stroke-width="0.1" stroke="magenta" stroke-dasharray="0.5"/>
+    <circle cx="53.0166" cy="80" r="1" fill="magenta" />
+    <circle cx="53.0166" cy="36.95" r="1" fill="magenta" />
+    <rect x="22.7834" y="21.8334" height="30.2332" width="30.2332" stroke-width="0.1" stroke="magenta" stroke-dasharray="0.5" fill="transparent"/>
+
+
+    <circle id="vantage" cx="37.9" cy="139.69305" r="1" fill="blue" /> -->
+
+    <path id="net-lines" d="M 0.95 0.95 L 37.9 52.0666 L 74.85 0.95" stroke="#dfdfdf" stroke-width="0.4" fill="transparent"/>
+
+    <path id="back-poles" d="M 0.95 73.9 L 9.68312 65.16688 L 37.9 52.0666 L 66.11688 65.16688 L 74.85 73.9" stroke="#dbab53" stroke-width="1.9" fill="#d7ddd7"/>
+
+    <path id="frame" d="M 0.95 73.9 L 0.95 0.95 L 74.85 0.95 L 74.85 73.9" stroke="orange" stroke-width="1.9" fill="transparent"/>
+
+    <!-- <circle id="ball" cx="37.9" cy="35" r="1.25" fill="blue" /> -->
+
+    <rect id="ground" x="-2" y="73.9" width="79" height="0.4" fill="#036602" />
+    <rect id="outside-perimeter" width="75.8" height="73.9" fill="transparent" />
+  </g>
+</svg>
+
+
+        <!-- endinject -->
+    </div>
+    <div class="card-body">
+        <h6 class="card-title">
+            Men's Lacrosse Net
+        </h6>
+        <div class="card-text">
+            <div class="dimensions">
+                <span class="bold">Dimensions: </span
+                ><span>
+                    72 x 72 (75.8 x 73.9 including posts)
+                </span>
+            </div>
+            <div>
+                <span class="bold">Units: </span
+                ><span>
+                    inches
+                </span>
+            </div>
+            <div>
+                <span class="bold">Specifications: </span
+                ><span>
+                    National Collegiate Athletic Association (2025 & 2026)
+                </span>
+            </div>
+        </div>
+    </div>
+    <div class="card-footer text-center white-bg">
+        <button type="button" class="grey-btn card-btn">
+            Go To
+            Men's Lacrosse Net
+        </button>
+    </div>
+</a>
+
             <a href="./womens-lacrosse" class="card" id="womens-lacrosse">
     <div class="card-header">
         <!-- inject:cardplayingarea -->
@@ -2683,6 +2777,91 @@ <h6 class="card-title">
     </div>
 </a>
 
+            <a href="./womens-lacrosse-net" class="card" id="womens-lacrosse-net">
+    <div class="card-header">
+        <!-- inject:cardplayingarea -->
+        <svg id="womens-lacrosse-net-svg" xmlns="http://www.w3.org/2000/svg" width="100%" viewBox=" -1 -1 74 74">
+  <g id="transformations">
+    <clipPath id="clipBorder">
+        <rect x="-0.5" width="73" height="72.2" />
+    </clipPath>
+    <rect width="72" height="72" fill="#f9f9f9" />
+<!-- 
+   <line id="horizon-line" x1="0" y1="36" x2="76" y2="36" stroke="blue" stroke-width="0.1" />
+  <circle id="vanishing-point" cx="36" cy="36" r="1" fill="blue" />
+  <line id="center-of-vision" x1="36" x2="36" y1="0" y2="200" stroke="blue" stroke-width="0.1" />
+    <line id="picture-plane" x1="0" x2="72" y1="80" y2="80" stroke="red" stroke-width="0.1" />
+
+    <path id="top-down" d="M 30 130 L 36 116 L 42 130" stroke="red" stroke-width="0.4" fill="transparent" />
+    <path id="extra" d="M 30 130 L 30 116 L 42 116 L 42 130" stroke="red" stroke-width="0.2" fill="transparent" />
+  
+    <line x1="36" y1="140.32702" x2="0.95" y2="80" stroke-width="0.1" stroke="green" stroke-dasharray="0.5"/>
+    <circle cx="0.95" cy="80" r="1" fill="green" />
+    <circle cx="0.95" cy="36" r="1" fill="green" />
+    <line x1="36" y1="140.32702" x2="71.05" y2="80" stroke-width="0.1" stroke="green" stroke-dasharray="0.5"/>
+    <circle cx="71.05" cy="80" r="1" fill="green" />
+    <circle cx="71.05" cy="36" r="1" fill="green" />
+
+    <line x1="36" y1="140.32702" x2="21.12098" y2="80" stroke-width="0.1" stroke="magenta" stroke-dasharray="0.5"/>
+    <circle cx="21.12098" cy="80" r="1" fill="magenta" />
+    <circle cx="21.12098" cy="36" r="1" fill="magenta" />
+    <line x1="36" y1="140.32702" x2="50.87902" y2="80" stroke-width="0.1" stroke="magenta" stroke-dasharray="0.5"/>
+    <circle cx="50.87902" cy="80" r="1" fill="magenta" />
+    <circle cx="50.87902" cy="36" r="1" fill="magenta" />
+    <rect x="21.12098" y="21.12098" height="29.75804" width="29.75804" stroke-width="0.1" stroke="magenta" stroke-dasharray="0.5" fill="transparent"/>
+
+
+    <circle id="vantage" cx="36" cy="140.32702" r="1" fill="blue" /> -->
+
+    <path id="net-lines" d="M 0.95 0.95 L 36 50.87902 L 71.05 0.95" stroke="#dfdfdf" stroke-width="0.4" fill="transparent"/>
+
+    <path id="back-poles" d="M 0.95 72 L 36 50.87902 L 71.05 72" stroke="#dbab53" stroke-width="1.9" fill="#d7ddd7"/>
+
+    <path id="frame" d="M 0.95 72 L 0.95 0.95 L 71.05 0.95 L 71.05 72" stroke="orange" stroke-width="1.9" fill="transparent"/>
+
+    <!-- <circle id="ball" cx="36" cy="36" r="1.25" fill="blue" /> -->
+
+    <rect id="ground" x="-2" y="72" width="75" height="0.4" fill="#036602" />
+    <rect id="outside-perimeter" width="72" height="72" fill="transparent" />
+  </g>
+</svg>
+
+
+        <!-- endinject -->
+    </div>
+    <div class="card-body">
+        <h6 class="card-title">
+            Women's Lacrosse Net
+        </h6>
+        <div class="card-text">
+            <div class="dimensions">
+                <span class="bold">Dimensions: </span
+                ><span>
+                    68.2 x 70.1 (72 x 72 including posts)
+                </span>
+            </div>
+            <div>
+                <span class="bold">Units: </span
+                ><span>
+                    inches
+                </span>
+            </div>
+            <div>
+                <span class="bold">Specifications: </span
+                ><span>
+                    National Collegiate Athletic Association (2024 & 2025)
+                </span>
+            </div>
+        </div>
+    </div>
+    <div class="card-footer text-center white-bg">
+        <button type="button" class="grey-btn card-btn">
+            Go To
+            Women's Lacrosse Net
+        </button>
+    </div>
+</a>
+
             <a href="./field-hockey" class="card" id="field-hockey">
     <div class="card-header">
         <!-- inject:cardplayingarea -->