From f7f104ea96857c2527170df1060ec510db971a84 Mon Sep 17 00:00:00 2001
From: radeqq007 <radeqq007@interia.pl>
Date: Sat, 25 Jan 2025 21:03:35 +0100
Subject: [PATCH 1/3] refactor: fix indentation in UserOverview.vue

---
 components/UserOverview.vue | 72 ++++++++++++++++++-------------------
 1 file changed, 36 insertions(+), 36 deletions(-)

diff --git a/components/UserOverview.vue b/components/UserOverview.vue
index fd91152..e635b53 100644
--- a/components/UserOverview.vue
+++ b/components/UserOverview.vue
@@ -3,11 +3,11 @@
       <div class="row" >
         <div class="card" id="eloCard">
 
-        <h2 class="card-title font-weight-bold m-1" >
-          <strong>
-            {{ userName }}
-          </strong>
-        </h2>
+          <h2 class="card-title font-weight-bold m-1" >
+            <strong>
+              {{ userName }}
+            </strong>
+          </h2>
 
           <div class="row" id="totalRow">
             <h3>
@@ -17,45 +17,45 @@
 
           <div class="container" id="winLossBar">
 
-          <div class="row" id="winLossRow">
-            <div class="col">
-              <h4><b>{{ ovWinPercentage }}%</b></h4>
-              {{ ovWinCount }} Won
+            <div class="row" id="winLossRow">
+              <div class="col">
+                <h4><b>{{ ovWinPercentage }}%</b></h4>
+                {{ ovWinCount }} Won
+              </div>
+              <div div class="col">
+                <h4><b>{{ ovDrawPercentage }}%</b></h4>
+                {{ ovDrawCount }} Drawn
+              </div>
+              <div div class="col">
+                <h4><b>{{ ovLossPercentage }}%</b></h4>
+                {{ ovLossCount }} Lost
+              </div>
             </div>
-            <div class="col">
-              <h4><b>{{ ovDrawPercentage }}%</b></h4>
-              {{ ovDrawCount }} Drawn
-            </div>
-            <div class="col">
-              <h4><b>{{ ovLossPercentage }}%</b></h4>
-              {{ ovLossCount }} Lost
-            </div>
-          </div>
 
 
-        <div class="progress">
-          <div class="progress-bar" id="progWinds" role="progressbar" :style="{ width: ovWinPercentage + '%' }" :aria-valuenow="ovWinPercentage" aria-valuemin="0" aria-valuemax="100"> </div>
-          <div class="progress-bar " id="progDraws" role="progressbar" :style="{ width: ovDrawPercentage + '%'}" :aria-valuenow="ovDrawPercentage" aria-valuemin="0" aria-valuemax="100"></div>
-          <div class="progress-bar " id="progLoss" role="progressbar" :style="{ width: ovLossPercentage + '%'}" :aria-valuenow="ovLossPercentage" aria-valuemin="0" aria-valuemax="100"></div>
-        </div>
+            <div class="progress">
+              <div class="progress-bar" id="progWinds" role="progressbar" :style="{ width: ovWinPercentage + '%' }" :aria-valuenow="ovWinPercentage" aria-valuemin="0" aria-valuemax="100"> </div>
+              <div class="progress-bar " id="progDraws" role="progressbar" :style="{ width: ovDrawPercentage + '%'}" :aria-valuenow="ovDrawPercentage" aria-valuemin="0" aria-valuemax="100"></div>
+              <div class="progress-bar " id="progLoss" role="progressbar" :style="{ width: ovLossPercentage + '%'}" :aria-valuenow="ovLossPercentage" aria-valuemin="0" aria-valuemax="100"></div>
+            </div>
 
-          <div class="row" id="timePlayed">
+            <div class="row" id="timePlayed">
 
-            <div class="col">
-              <h4><b>Time Played</b></h4>
-              {{ ovTimePlayed }} 
+              <div class="col">
+                <h4 h4><b>Time Played</b></h4>
+                {{ ovTimePlayed }} 
+              </div>
             </div>
-          </div>
 
+          </div>
+          <div class="card-body" id="eloCardBody">
+            <button  class="btn btn-primary slicer" :class="{ active: ovTimeClass === 'all' }" v-on:click="updateOverview('all')">All</button>
+            <button  class="btn btn-primary slicer" :class="{ active: ovTimeClass === 'bullet' }" v-on:click="updateOverview('bullet')">Bullet</button>
+            <button  class="btn btn-primary slicer" :class="{ active: ovTimeClass === 'blitz' }" v-on:click="updateOverview('blitz')">Blitz</button>
+            <button  class="btn btn-primary slicer" :class="{ active: ovTimeClass === 'rapid' }" v-on:click="updateOverview('rapid')">Rapid</button>
+            <button  class="btn btn-primary slicer" :class="{ active: ovTimeClass === 'daily' }" v-on:click="updateOverview('daily')">Daily</button>
+          </div>
         </div>
-        <div class="card-body" id="eloCardBody">
-          <button  class="btn btn-primary slicer" :class="{ active: ovTimeClass === 'all' }" v-on:click="updateOverview('all')">All</button>
-          <button  class="btn btn-primary slicer" :class="{ active: ovTimeClass === 'bullet' }" v-on:click="updateOverview('bullet')">Bullet</button>
-          <button  class="btn btn-primary slicer" :class="{ active: ovTimeClass === 'blitz' }" v-on:click="updateOverview('blitz')">Blitz</button>
-          <button  class="btn btn-primary slicer" :class="{ active: ovTimeClass === 'rapid' }" v-on:click="updateOverview('rapid')">Rapid</button>
-          <button  class="btn btn-primary slicer" :class="{ active: ovTimeClass === 'daily' }" v-on:click="updateOverview('daily')">Daily</button>
-        </div>
-      </div>
       </div>
     </div>
     

From 177d8229d6bf6c39d08cbb38d070e9400fdf35b1 Mon Sep 17 00:00:00 2001
From: radeqq007 <radeqq007@interia.pl>
Date: Sat, 25 Jan 2025 21:07:53 +0100
Subject: [PATCH 2/3] refactor: fix indentation in InputForm.vue

---
 components/InputForm.vue | 59 ++++++++++++++++++++--------------------
 1 file changed, 29 insertions(+), 30 deletions(-)

diff --git a/components/InputForm.vue b/components/InputForm.vue
index 89c31dc..6dbde30 100644
--- a/components/InputForm.vue
+++ b/components/InputForm.vue
@@ -8,38 +8,37 @@
     <p style="text-align:center">Enter your chess.com username to generate a full export of your games.</p>
 
     <div class="input-group input-group-lg input-group--username">
-                        <input type="text" placeholder="Username"
-                            list="gmsList"
-                            id="uname"
-                            aria-describedby="u-addon" 
-                            autocapitalize="none" 
-                            autocorrect="off"
-                            v-model="userName"
-                            class="form-control username-input"
-                            > 
-                        <span class="input-group-prepend">
-                          <button type="submit"
-                                  class="btn btn-secondary"
-                                  id="unameBtn"
-                                  @click="submitForm()">
-                                  Get Insights 
-                          </button>
-                          <button type="button"
-                                  class="btn btn-secondary"
-                                  id="uploadBtn"
-                                  data-bs-toggle="tooltip" 
-                                  data-bs-placement="top" 
-                                  title="Upload json file"
-                                  @click="uploadFile">
-                                  <font-awesome-icon :icon="['fas', 'file-arrow-up']" />
-                          </button>
-
-                      </span>
-
+      <input type="text" placeholder="Username"
+        list="gmsList"
+        id="uname"
+        aria-describedby="u-addon" 
+        autocapitalize="none" 
+        autocorrect="off"
+        v-model="userName"
+        class="form-control username-input"
+      > 
+      <span class="input-group-prepend">
+        <button type="submit"
+          class="btn btn-secondary"
+          id="unameBtn"
+          @click="submitForm()">
+          Get Insights 
+        </button>
+        <button type="button"
+          class="btn btn-secondary"
+          id="uploadBtn"
+          data-bs-toggle="tooltip" 
+          data-bs-placement="top" 
+          title="Upload json file"
+          @click="uploadFile"
+        >
+            <font-awesome-icon :icon="['fas', 'file-arrow-up']" />
+        </button>
+      </span>
     </div>
 
-  <div> 
-  </div>
+    <div> 
+    </div>
   </div>  
   <datalist id="gmsList">
   </datalist>

From a427ee58e08e9a5e3966bd9c6bee8274d389b3ce Mon Sep 17 00:00:00 2001
From: radeqq007 <radeqq007@interia.pl>
Date: Sat, 25 Jan 2025 21:15:26 +0100
Subject: [PATCH 3/3] refactor: fix indentation in ExploreTable.vue

---
 components/ExploreTable.vue | 154 +++++++++++++++++++++---------------
 1 file changed, 92 insertions(+), 62 deletions(-)

diff --git a/components/ExploreTable.vue b/components/ExploreTable.vue
index f5a7c7a..a779d63 100644
--- a/components/ExploreTable.vue
+++ b/components/ExploreTable.vue
@@ -24,18 +24,26 @@
         <div class="col-md-8">
           <div class="input-group mb-3">
 
-            <input type="text" class="form-control"  
-            id="minEloInput"
-            v-bind="{value: eloRange[0]}">
+            <input
+              type="text"
+              class="form-control"  
+              id="minEloInput"
+              v-bind="{value: eloRange[0]}"
+            >
 
-            <input type="text" class="form-control" 
-            id="maxEloInput"
-            v-bind="{value: eloRange[1]}">
+            <input
+              type="text"
+              class="form-control" 
+              id="maxEloInput"
+              v-bind="{value: eloRange[1]}"
+            >
 
-            <button class="btn btn-outline-secondary exploreApplyBtn" 
-            type="button" 
-            id="applyEloRangeBtn"
-            @click="setEloRange">
+            <button
+              class="btn btn-outline-secondary exploreApplyBtn" 
+              type="button" 
+              id="applyEloRangeBtn"
+              @click="setEloRange"
+            >
 
             Apply
           </button>
@@ -49,18 +57,26 @@
         <div class="col-md-8">
           <div class="input-group mb-3">
 
-            <input type="text" class="form-control" 
-            id="minAccuracyInput"
-            v-bind="{value: accuracyRange[0]}">
+            <input
+              type="text"
+              class="form-control" 
+              id="minAccuracyInput"
+              v-bind="{value: accuracyRange[0]}"
+            >
 
-            <input type="text" class="form-control" 
-            id="maxAccuracyInput" 
-            v-bind="{value: accuracyRange[1]}">
+            <input 
+              type="text"
+              class="form-control" 
+              id="maxAccuracyInput" 
+              v-bind="{value: accuracyRange[1]}"
+            >
 
-            <button class="btn btn-outline-secondary exploreApplyBtn" 
-            type="button" 
-            id="applyAccuracyRangeBtn"
-            @click="setAccuracyRange">
+            <button
+              class="btn btn-outline-secondary exploreApplyBtn" 
+              type="button" 
+              id="applyAccuracyRangeBtn"
+              @click="setAccuracyRange"
+            >
 
             Apply
             </button>
@@ -74,19 +90,26 @@
         </div>
         <div class="col-md-8">
           <div class="input-group mb-3">
-            <input type="date" class="form-control" 
-            id="minDateInput"
-            v-bind="{value: dateRange[0]}">
+            <input
+              type="date"
+              class="form-control" 
+              id="minDateInput"
+              v-bind="{value: dateRange[0]}"
+            >
 
-            <input type="date" class="form-control" 
-            id="maxDateInput" 
-            v-bind="{value: dateRange[1]}">
+            <input
+              type="date"
+              class="form-control" 
+              id="maxDateInput" 
+              v-bind="{value: dateRange[1]}"
+            >
 
             <button class="btn btn-outline-secondary exploreApplyBtn" 
-            type="button" 
-            id="applyDateRangeBtn"
-            @click="setDateRange">
-            Apply
+              type="button" 
+              id="applyDateRangeBtn"
+              @click="setDateRange"
+            >
+              Apply
             </button>
           </div>
                     
@@ -99,18 +122,25 @@
         </div>
         <div class="col-md-8">
           <div class="input-group mb-3">
-            <input type="text" class="form-control" 
-            id="minMoveInput"
-            v-bind="{value: moveRange[0]}">
+            <input
+              type="text"
+              class="form-control" 
+              id="minMoveInput"
+              v-bind="{value: moveRange[0]}"
+            >
 
-            <input type="text" class="form-control" 
-            id="maxMoveInput" 
-            v-bind="{value: moveRange[1]}">
+            <input
+              type="text"
+              class="form-control" 
+              id="maxMoveInput" 
+              v-bind="{value: moveRange[1]}"
+            >
 
             <button class="btn btn-outline-secondary exploreApplyBtn" 
-            type="button" 
-            id="applyMoveRangeBtn"
-            @click="setMoveRange">
+              type="button" 
+              id="applyMoveRangeBtn"
+              @click="setMoveRange"
+            >
             Apply
             </button>
           </div>
@@ -131,35 +161,35 @@
               v-show="key !== 'gameUrl'"
             >
 
-            <button
-              class="btn dropdown-toggle column-filter-selector" 
-              data-bs-toggle="dropdown"
-              >
-              {{ capitalize(key) }} 
-            </button> 
+              <button
+                class="btn dropdown-toggle column-filter-selector" 
+               data-bs-toggle="dropdown"
+               >
+               {{ capitalize(key) }} 
+              </button> 
 
-            <ul class="dropdown-menu dropdown-menu-end ">
-              <li v-for="(option, optionIndex) in filterOptions[key] || []"
+              <ul class="dropdown-menu dropdown-menu-end ">
+                <li v-for="(option, optionIndex) in filterOptions[key] || []"
 
-              class="dropdown-item"
-              :class="{ active: activeFilters[key].includes(option) }"
-              :key="'option-' + optionIndex"
-              @click="filterColumnBy(key, option)"
-              >
+                class="dropdown-item"
+                :class="{ active: activeFilters[key].includes(option) }"
+                :key="'option-' + optionIndex"
+                @click="filterColumnBy(key, option)"
+                >
 
-                {{ option }}
+                  {{ option }}
 
-              </li>
-              
-              <li>
-                <hr class="dropdown-divider">
-              </li>
+                </li>
+                
+                <li>
+                  <hr class="dropdown-divider">
+                </li>
 
-              <li class="dropdown-item" @click="sortBy(key)">
-                Sort Ascending
-              </li>
+                <li class="dropdown-item" @click="sortBy(key)">
+                  Sort Ascending
+                </li>
 
-            </ul>
+             </ul>
               
             </th>