From 9df0a5d4ae5acbc2187ec925478c15eeb73b4596 Mon Sep 17 00:00:00 2001
From: Marc Bryan <mbryan@invidi.com>
Date: Sun, 23 Jun 2024 17:27:27 -0600
Subject: [PATCH] Fix winning projection display

---
 playoffs/2000.html | 217 +++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 209 insertions(+), 8 deletions(-)
diff --git a/playoffs/2000.html b/playoffs/2000.html
index 96c26f8..03eaf37 100644
--- a/playoffs/2000.html
+++ b/playoffs/2000.html
@@ -1,15 +1,54 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <title>Bryan Family Playoff Pool</title>
+    <title>2000 Bryan Family Playoff Pool</title>
     <link href="css/csv_to_html.css" rel="stylesheet" />
     <link href="css/teams.css" rel="stylesheet" />
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-    <link href="https://cdn.datatables.net/v/dt/dt-2.0.6/datatables.min.css" rel="stylesheet" />
     <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
+    <script src="https://cdn.datatables.net/2.0.8/js/dataTables.js"></script>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" />
+    <link href="https://cdn.datatables.net/v/dt/dt-2.0.8/datatables.min.css" rel="stylesheet" />
+    <script>
+window.onload = function() {
+    $('#tiebreakerTable').DataTable({
+        paging: false,
+        searching: false,
+        info: false,
+        order: [
+            [1, 'desc'],
+            [2, 'desc'],
+        ],
+        columnDefs: [
+            { targets: [0,1,2], className: 'dt-body-center dt-head-center' }
+        ]
+    });
+
+    $('#projectionTable').DataTable({
+        paging: false,
+        searching: false,
+        info: false,
+        order: [
+            [1, 'asc'],
+        ],
+        ordering: false,
+        columnDefs: [
+            { targets: [0,1,2], className: 'dt-body-center dt-head-center' }
+        ]
+    });
+}
+</script>
   </head>
   <body>
+    <div id="backToIndex">
+      <a href="index.html">
+        <strong>← Back to all years</strong>
+      </a>
+    </div>
+    <div>
+      <h1 class="text-center bg-secondary" style="--bs-bg-opacity: .2;">2000</h1>
+    </div>
     <div id="summary">
+      <h2 href="overall">Overall</h2>
       <table class="table table-striped containing_table table-hover" id="summaryTable">
         <tr>
           <th></th>
@@ -19,7 +58,7 @@
           <th>Round 4</th>
           <th>Total Points</th>
           <th>Rank</th>
-          <th>Total Possible Points</th>
+          <th>Maximum Possible Points</th>
         </tr>
         <tr class=" leader">
           <td class="person">Derrick</td>
@@ -141,7 +180,7 @@ <h2 href="#round1">Round 1</h2>
           </th>
           <th>Points</th>
           <th>Rank</th>
-          <th>Possible Points</th>
+          <th>Maximum Possible Points</th>
         </tr>
         <tr>
           <td class="person">Chrissy</td>
@@ -535,7 +574,7 @@ <h2 href="#round2">Round 2</h2>
           </th>
           <th>Points</th>
           <th>Rank</th>
-          <th>Possible Points</th>
+          <th>Maximum Possible Points</th>
         </tr>
         <tr>
           <td class="person">Chrissy</td>
@@ -755,7 +794,7 @@ <h2 href="#round3">Round 3</h2>
           </th>
           <th>Points</th>
           <th>Rank</th>
-          <th>Possible Points</th>
+          <th>Maximum Possible Points</th>
         </tr>
         <tr>
           <td class="person">Chrissy</td>
@@ -888,7 +927,7 @@ <h2 href="#round4">Round 4</h2>
           </th>
           <th>Points</th>
           <th>Rank</th>
-          <th>Possible Points</th>
+          <th>Maximum Possible Points</th>
         </tr>
         <tr>
           <td class="person">Chrissy</td>
@@ -962,5 +1001,167 @@ <h2 href="#round4">Round 4</h2>
         </tr>
       </table>
     </div>
+    <div>
+      <h2 href="projections">Final Projection</h2>
+      <table id="projectionTable" class="table table-striped containing_table table-hover fw-bold">
+        <thead>
+          <tr>
+            <th></th>
+            <th>
+              <div class="pick new jersey devils">
+                <img src="https://assets.nhle.com/logos/nhl/svg/NJD_dark.svg" alt="NJD" />
+              </div>
+            </th>
+            <th>
+              <div class="pick dallas stars">
+                <img src="https://assets.nhle.com/logos/nhl/svg/DAL_19941995-20122013_dark.svg" alt="DAL" />
+              </div>
+            </th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>4</td>
+            <td class="incorrect">
+              <div>
+                <table style="width: 100%">
+                  <tr>
+                    <td style="width: 50%">1st: Derrick (42 pts)</td>
+                    <td rowspan="3" style="width: 50%">Loser(s): Chrissy (17 pts)</td>
+                  </tr>
+                  <tr>
+                    <td>2nd: Jaclyn (40 pts), Stephanie (40 pts)</td>
+                  </tr>
+                  <tr>
+                    <td>3rd: </td>
+                  </tr>
+                </table>
+              </div>
+            </td>
+            <td class="incorrect">
+              <div>
+                <table style="width: 100%">
+                  <tr>
+                    <td style="width: 50%">1st: Jaclyn (44 pts), Stephanie (44 pts)</td>
+                    <td rowspan="3" style="width: 50%">Loser(s): Chrissy (21 pts)</td>
+                  </tr>
+                  <tr>
+                    <td>2nd: </td>
+                  </tr>
+                  <tr>
+                    <td>3rd: Derrick (38 pts)</td>
+                  </tr>
+                </table>
+              </div>
+            </td>
+          </tr>
+          <tr>
+            <td>5</td>
+            <td class="incorrect">
+              <div>
+                <table style="width: 100%">
+                  <tr>
+                    <td style="width: 50%">1st: Jaclyn (45 pts)</td>
+                    <td rowspan="3" style="width: 50%">Loser(s): Chrissy (22 pts)</td>
+                  </tr>
+                  <tr>
+                    <td>2nd: Derrick (42 pts)</td>
+                  </tr>
+                  <tr>
+                    <td>3rd: Stephanie (40 pts)</td>
+                  </tr>
+                </table>
+              </div>
+            </td>
+            <td class="incorrect">
+              <div>
+                <table style="width: 100%">
+                  <tr>
+                    <td style="width: 50%">1st: Jaclyn (55 pts)</td>
+                    <td rowspan="3" style="width: 50%">Loser(s): Chrissy (32 pts)</td>
+                  </tr>
+                  <tr>
+                    <td>2nd: Stephanie (44 pts)</td>
+                  </tr>
+                  <tr>
+                    <td>3rd: Derrick (38 pts)</td>
+                  </tr>
+                </table>
+              </div>
+            </td>
+          </tr>
+          <tr>
+            <td>6</td>
+            <td class="correct">
+              <div>
+                <table style="width: 100%">
+                  <tr>
+                    <td style="width: 50%">1st: Derrick (53 pts)</td>
+                    <td rowspan="3" style="width: 50%">Loser(s): Chrissy (17 pts)</td>
+                  </tr>
+                  <tr>
+                    <td>2nd: Stephanie (45 pts)</td>
+                  </tr>
+                  <tr>
+                    <td>3rd: Jaclyn (40 pts)</td>
+                  </tr>
+                </table>
+              </div>
+            </td>
+            <td class="incorrect">
+              <div>
+                <table style="width: 100%">
+                  <tr>
+                    <td style="width: 50%">1st: Stephanie (55 pts)</td>
+                    <td rowspan="3" style="width: 50%">Loser(s): Chrissy (21 pts)</td>
+                  </tr>
+                  <tr>
+                    <td>2nd: Jaclyn (44 pts)</td>
+                  </tr>
+                  <tr>
+                    <td>3rd: Derrick (43 pts)</td>
+                  </tr>
+                </table>
+              </div>
+            </td>
+          </tr>
+          <tr>
+            <td>7</td>
+            <td class="incorrect">
+              <div>
+                <table style="width: 100%">
+                  <tr>
+                    <td style="width: 50%">1st: Marc (50 pts)</td>
+                    <td rowspan="3" style="width: 50%">Loser(s): Chrissy (17 pts)</td>
+                  </tr>
+                  <tr>
+                    <td>2nd: Derrick (42 pts)</td>
+                  </tr>
+                  <tr>
+                    <td>3rd: Jaclyn (40 pts), Stephanie (40 pts)</td>
+                  </tr>
+                </table>
+              </div>
+            </td>
+            <td class="incorrect">
+              <div>
+                <table style="width: 100%">
+                  <tr>
+                    <td style="width: 50%">1st: Jaclyn (44 pts), Stephanie (44 pts)</td>
+                    <td rowspan="3" style="width: 50%">Loser(s): Chrissy (21 pts)</td>
+                  </tr>
+                  <tr>
+                    <td>2nd: </td>
+                  </tr>
+                  <tr>
+                    <td>3rd: Marc (40 pts)</td>
+                  </tr>
+                </table>
+              </div>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
   </body>
 </html>
\ No newline at end of file

	Round 4	Total Points	Rank	Total Possible Points
Derrick	Points	Rank	Possible Points	Maximum Possible Points
Chrissy	Points	Rank	Possible Points	Maximum Possible Points
Chrissy	Points	Rank	Possible Points	Maximum Possible Points
Chrissy	Points	Rank	Possible Points	Maximum Possible Points
Chrissy