From 40bbdbe4fab16df2b0f966d1c3ddf693519f13d0 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Sun, 3 Mar 2024 21:44:39 +0100
Subject: [PATCH] =?UTF-8?q?sortowanie=20po=20liczbie=20szlak=C3=B3w=20i=20?=
 =?UTF-8?q?ocenie=20dy=C5=BCurnego?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/StationsView/StationTable.vue | 36 ++++++++++----------
 src/scripts/data/stationHeaderNames.ts       |  1 +
 src/scripts/utils/filterUtils.ts             | 16 +++++++++
 src/store/mainStore.ts                       |  2 ++
 4 files changed, 37 insertions(+), 18 deletions(-)

diff --git a/src/components/StationsView/StationTable.vue b/src/components/StationsView/StationTable.vue
index 10f6603..7ee0ec4 100644
--- a/src/components/StationsView/StationTable.vue
+++ b/src/components/StationsView/StationTable.vue
@@ -240,8 +240,12 @@
               <span class="text--primary">{{ station.onlineInfo?.maxUsers || 0 }}</span>
             </td>
 
-            <td class="station_spawns" :class="{ inactive: !station.onlineInfo }">
-              <span>{{ station.onlineInfo?.spawns.length || 0 }}</span>
+            <td class="station-likes">
+              <span>{{ station.onlineInfo?.dispatcherRate ?? 0 }}</span>
+            </td>
+
+            <td class="station-spawns" :class="{ inactive: !station.onlineInfo }">
+              <span>{{ station.onlineInfo?.spawns.length ?? 0 }}</span>
             </td>
 
             <td
@@ -406,13 +410,9 @@ table {
   border-collapse: collapse;
   table-layout: fixed;
   width: 100%;
-  min-width: 1200px;
+  min-width: 1250px;
   white-space: wrap;
 
-  @include smallScreen() {
-    min-width: auto;
-  }
-
   thead tr {
     background-color: $bgCol;
   }
@@ -426,7 +426,7 @@ table {
     }
 
     &.min-lvl {
-      width: 100px;
+      width: 120px;
     }
 
     &.status {
@@ -443,19 +443,19 @@ table {
 
     &.routes-double,
     &.routes-single {
-      width: 75px;
+      width: 80px;
     }
 
     &.general {
       width: 160px;
     }
 
-    &.user {
-      width: 150px;
-    }
-
     &.header-image {
-      width: 50px;
+      width: 60px;
+
+      &.user {
+        width: 75px;
+      }
     }
 
     padding: 0.5em 0.25em;
@@ -564,11 +564,11 @@ tr {
 .station-info {
   .icon-info {
     vertical-align: middle;
-    line-height: 32px;
+    line-height: 2.5em;
 
-    width: 32px;
-    height: 32px;
-    font-size: 12px;
+    width: 2.5em;
+    height: 2.5em;
+    font-size: 0.8em;
     margin: 0 3px;
 
     outline: 2px solid #2b2b2b;
diff --git a/src/scripts/data/stationHeaderNames.ts b/src/scripts/data/stationHeaderNames.ts
index 39d7597..29483f4 100644
--- a/src/scripts/data/stationHeaderNames.ts
+++ b/src/scripts/data/stationHeaderNames.ts
@@ -11,6 +11,7 @@ export const headIds = [
 
 export const headIconsIds = [
   'user',
+  'like',
   'spawn',
   'timetableAll',
   'timetableUnconfirmed',
diff --git a/src/scripts/utils/filterUtils.ts b/src/scripts/utils/filterUtils.ts
index 6f9389e..797b16f 100644
--- a/src/scripts/utils/filterUtils.ts
+++ b/src/scripts/utils/filterUtils.ts
@@ -54,12 +54,28 @@ export const sortStations = (
       diff = (a.onlineInfo?.dispatcherExp || 0) - (b.onlineInfo?.dispatcherExp || 0);
       break;
 
+    case 'routes-single':
+      diff =
+        (a.generalInfo?.routes.single.length ?? -1) - (b.generalInfo?.routes.single.length ?? -1);
+      break;
+
+    case 'routes-double':
+      diff =
+        (a.generalInfo?.routes.double.length ?? -1) - (b.generalInfo?.routes.double.length ?? -1);
+      break;
+
     case 'user':
       diff =
         (b.onlineInfo ? b.onlineInfo.currentUsers : -1) -
         (a.onlineInfo ? a.onlineInfo.currentUsers : -1);
       break;
 
+    case 'like':
+      diff =
+        (b.onlineInfo ? b.onlineInfo.dispatcherRate : -Infinity) -
+        (a.onlineInfo ? a.onlineInfo.dispatcherRate : -Infinity);
+      break;
+
     case 'spawn':
       diff =
         (a.onlineInfo ? a.onlineInfo.spawns.length : -1) -
diff --git a/src/store/mainStore.ts b/src/store/mainStore.ts
index 8885e60..4413ab9 100644
--- a/src/store/mainStore.ts
+++ b/src/store/mainStore.ts
@@ -230,6 +230,8 @@ export const useMainStore = defineStore('store', {
       return apiStore.sceneryData.map((scenery) => {
         const routes = scenery.routesInfo.reduce(
           (acc, route) => {
+            if (route.hidden) return acc;
+
             const tracksKey = route.routeTracks == 2 ? 'double' : 'single';
             const isElectric = route.isElectric;
             const routesKey: keyof StationRoutes = `${tracksKey}${