From 8a56977446b7b596852a205c5f1f34b2765021ed Mon Sep 17 00:00:00 2001
From: Peter <peterlgirouard@gmail.com>
Date: Wed, 24 Jan 2024 12:09:14 -0500
Subject: [PATCH] Add checkbox to invert sort of leaderboards

---
 src/views/LeaderboardView.vue | 32 ++++++++++++++++++++++++--------
 1 file changed, 24 insertions(+), 8 deletions(-)

diff --git a/src/views/LeaderboardView.vue b/src/views/LeaderboardView.vue
index dbf3156..c324d41 100644
--- a/src/views/LeaderboardView.vue
+++ b/src/views/LeaderboardView.vue
@@ -5,11 +5,13 @@
         <h1 id="season-heading">Season {{ seasonNumber }} Leaders</h1>
         <h2 id="week-num">Week {{ weekNumber }}</h2>
         <h2 id="stat-heading">{{ statType }} Leaderboards - Min {{ statMinimum }}</h2>
-        <!-- <label for="seasonNumber">Select Season</label> -->
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-sm-12">
         <select name="seasonNumber" id="seasonNumber" v-model="seasonNumber">
           <option v-for="season in seasonNumbers" :key="season" :value="season">Season {{ season }}</option>
         </select>
-        <!-- TODO ADD SORT FOR ASC/DESC -->
         <select name="statType" id="statType" v-model="statType">
           <option key="Batting" value="Batting">Batting</option>
           <option key="Pitching" value="Pitching">Pitching</option>
@@ -20,6 +22,8 @@
           <option key="Starters" value="Starters">Starters Only</option>
           <option key="Relievers" value="Relievers">Relievers Only</option>
         </select>
+        <input type="checkbox" id="invertSort" style="margin-left: 3px" v-model="invertSort" />
+        <label for="invertSort" style="font-size: 1rem; vertical-align: -1px; margin: 0; padding: 0;">Invert Sort</label>
       </div>
     </div>
     <div class="row" id="stat-listing">
@@ -119,6 +123,7 @@ export default {
       seasonNumber: CURRENT_SEASON,
       statType: 'Batting' as 'Batting' | 'Pitching' | 'Fielding',
       pitchingType: 'All' as 'All' | 'Starters' | 'Relievers',
+      invertSort: false as boolean,
       weekNumber: undefined! as number
     }
   },
@@ -278,8 +283,8 @@ export default {
       // concat an empty array so that the existing array is not sorted as a side effect
       const statBase: BattingStat[] = paExemptStat.includes(stat) ? this.allPlayersBattingStats.concat([]) : this.qualifyingBattingStats.concat([])
 
-      // concat an empty array so that the existing array is not sorted as a side effect
-      return statBase.sort((a, b) => (b[stat] as number) - (a[stat] as number)).slice(0, 10)
+      const sortMultiplier = this.invertSort ? -1 : 1
+      return statBase.sort((a, b) => sortMultiplier * ((b[stat] as number) - (a[stat] as number))).slice(0, 10)
     },
     getTop10PitchingStatByCategory(stat: keyof PitchingStat): PitchingStat[] {
       // qualifying IP exempt stats
@@ -297,7 +302,7 @@ export default {
       )
 
       const reverseSortStats = ['era', 'whip', 'bbPer9']
-      const sortMultiplier = reverseSortStats.includes(stat) ? -1 : 1
+      const sortMultiplier = (reverseSortStats.includes(stat) ? -1 : 1) * (this.invertSort ? -1 : 1)
 
       return filteredStatBase.sort((a, b) => sortMultiplier * ((b[stat] as number) - (a[stat] as number))).slice(0, 10)
     },
@@ -322,14 +327,16 @@ export default {
         // 'xCheckCountLeftField' | 'xCheckCountCenterField' | 'xCheckCountRightField'
         const xCheckCountProperty = `xCheckCount${position[1]}` as keyof FlatFieldingStat
 
+        const sortMultiplier = this.invertSort ? -1 : 1
         return this.allPlayersFieldingStats.concat([])
           .filter(stat => (stat[xCheckCountProperty] as number) >= Math.floor(xCheckCountPerWeek * this.weekNumberForCalcs))
-          .sort((a, b) => ((b[stat] as number) - (a[stat] as number))).slice(0, 10)
+          .sort((a, b) => sortMultiplier * ((b[stat] as number) - (a[stat] as number))).slice(0, 10)
       }
 
       // non-wF% stats currently won't have any qualifying minimum
+      const sortMultiplier = this.invertSort ? -1 : 1
       return this.allPlayersFieldingStats.concat([])
-        .sort((a, b) => ((b[stat] as number) - (a[stat] as number)))
+        .sort((a, b) => sortMultiplier * ((b[stat] as number) - (a[stat] as number)))
         .slice(0, 10)
     },
     formatNumericalStat(stat: BattingStat | PitchingStat | FlatFieldingStat, property: keyof BattingStat | keyof PitchingStat | keyof FlatFieldingStat, precision: number): number | string {
@@ -459,4 +466,13 @@ export default {
     }
   }
 }
-</script>
\ No newline at end of file
+</script>
+
+<style>
+/* align checkbox better */
+input[type=checkbox] {
+  vertical-align: -2px;
+  margin: 0;
+  padding: 0;
+}
+</style>
\ No newline at end of file