Dodano szczegółowy rozkład pociągów

2026-05-03 05:18:11 +00:00 · 2020-09-19 19:34:47 +02:00
parent e71a9e01f2
commit 0b4a32eeb2
14 changed files with 1064 additions and 683 deletions
@@ -970,7 +970,6 @@
      "version": "7.10.4",
      "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.10.4.tgz",
      "integrity": "sha512-BFlgP2SoLO9HJX9WBwN67gHWMBhDX/eDz64Jajd6mR/UAUzqrNMm99d4qHnVaKscAElZoFiPv+JpR/Siud5lXw==",
-      "dev": true,
      "requires": {
        "core-js-pure": "^3.0.0",
        "regenerator-runtime": "^0.13.4"
@@ -1016,32 +1015,32 @@
      }
    },
    "@firebase/analytics": {
-      "version": "0.4.2",
-      "resolved": "https://registry.npmjs.org/@firebase/analytics/-/analytics-0.4.2.tgz",
-      "integrity": "sha512-WCoeUAO3lP6ikHJ3/XYptV90fpTidzTS9VpAfiVQK8gl9w1zvvKSavY9U3+EVG3frOPCFdE5DBO4MYrUw4gaqw==",
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/@firebase/analytics/-/analytics-0.5.0.tgz",
+      "integrity": "sha512-WyQ8BT6JSoXpg4q7SV9Yg5EPXbGbG8FkkXAIhV/AnslCglhpxegO1FU33qbuT4Grzc525hZJA97oqtQS8tm4Wg==",
      "requires": {
-        "@firebase/analytics-types": "0.3.1",
-        "@firebase/component": "0.1.18",
-        "@firebase/installations": "0.4.16",
+        "@firebase/analytics-types": "0.4.0",
+        "@firebase/component": "0.1.19",
+        "@firebase/installations": "0.4.17",
        "@firebase/logger": "0.2.6",
-        "@firebase/util": "0.3.1",
+        "@firebase/util": "0.3.2",
        "tslib": "^1.11.1"
      }
    },
    "@firebase/analytics-types": {
-      "version": "0.3.1",
-      "resolved": "https://registry.npmjs.org/@firebase/analytics-types/-/analytics-types-0.3.1.tgz",
-      "integrity": "sha512-63vVJ5NIBh/JF8l9LuPrQYSzFimk7zYHySQB4Dk9rVdJ8kV/vGQoVTvRu1UW05sEc2Ug5PqtEChtTHU+9hvPcA=="
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/@firebase/analytics-types/-/analytics-types-0.4.0.tgz",
+      "integrity": "sha512-Jj2xW+8+8XPfWGkv9HPv/uR+Qrmq37NPYT352wf7MvE9LrstpLVmFg3LqG6MCRr5miLAom5sen2gZ+iOhVDeRA=="
    },
    "@firebase/app": {
-      "version": "0.6.10",
-      "resolved": "https://registry.npmjs.org/@firebase/app/-/app-0.6.10.tgz",
-      "integrity": "sha512-USg/AbgqBERhY0LayrKmmp7pka08WPa7OlFI46kaNW1pA2mUNf/ifTaxhCr2hGg/eWI0zPhpbEvtGQhSJ/QqWg==",
+      "version": "0.6.11",
+      "resolved": "https://registry.npmjs.org/@firebase/app/-/app-0.6.11.tgz",
+      "integrity": "sha512-FH++PaoyTzfTAVuJ0gITNYEIcjT5G+D0671La27MU8Vvr6MTko+5YUZ4xS9QItyotSeRF4rMJ1KR7G8LSyySiA==",
      "requires": {
        "@firebase/app-types": "0.6.1",
-        "@firebase/component": "0.1.18",
+        "@firebase/component": "0.1.19",
        "@firebase/logger": "0.2.6",
-        "@firebase/util": "0.3.1",
+        "@firebase/util": "0.3.2",
        "dom-storage": "2.1.0",
        "tslib": "^1.11.1",
        "xmlhttprequest": "1.8.0"
@@ -1071,24 +1070,24 @@
      "integrity": "sha512-/+gBHb1O9x/YlG7inXfxff/6X3BPZt4zgBv4kql6HEmdzNQCodIRlEYnI+/da+lN+dha7PjaFH7C7ewMmfV7rw=="
    },
    "@firebase/component": {
-      "version": "0.1.18",
-      "resolved": "https://registry.npmjs.org/@firebase/component/-/component-0.1.18.tgz",
-      "integrity": "sha512-c8gd1k/e0sbBTR0xkLIYUN8nVkA0zWxcXGIvdfYtGEsNw6n7kh5HkcxKXOPB8S7bcPpqZkGgBIfvd94IyG2gaQ==",
+      "version": "0.1.19",
+      "resolved": "https://registry.npmjs.org/@firebase/component/-/component-0.1.19.tgz",
+      "integrity": "sha512-L0S3g8eqaerg8y0zox3oOHSTwn/FE8RbcRHiurnbESvDViZtP5S5WnhuAPd7FnFxa8ElWK0z1Tr3ikzWDv1xdQ==",
      "requires": {
-        "@firebase/util": "0.3.1",
+        "@firebase/util": "0.3.2",
        "tslib": "^1.11.1"
      }
    },
    "@firebase/database": {
-      "version": "0.6.11",
-      "resolved": "https://registry.npmjs.org/@firebase/database/-/database-0.6.11.tgz",
-      "integrity": "sha512-QOHhB7+CdjVhEXG9CyX0roA9ARJcEuwbozz0Bix+ULuZqjQ58KUFHMH1apW6EEiUP22d/mYD7dNXsUGshjL9PA==",
+      "version": "0.6.13",
+      "resolved": "https://registry.npmjs.org/@firebase/database/-/database-0.6.13.tgz",
+      "integrity": "sha512-NommVkAPzU7CKd1gyehmi3lz0K78q0KOfiex7Nfy7MBMwknLm7oNqKovXSgQV1PCLvKXvvAplDSFhDhzIf9obA==",
      "requires": {
        "@firebase/auth-interop-types": "0.1.5",
-        "@firebase/component": "0.1.18",
+        "@firebase/component": "0.1.19",
        "@firebase/database-types": "0.5.2",
        "@firebase/logger": "0.2.6",
-        "@firebase/util": "0.3.1",
+        "@firebase/util": "0.3.2",
        "faye-websocket": "0.11.3",
        "tslib": "^1.11.1"
      },
@@ -1112,32 +1111,32 @@
      }
    },
    "@firebase/firestore": {
-      "version": "1.16.4",
-      "resolved": "https://registry.npmjs.org/@firebase/firestore/-/firestore-1.16.4.tgz",
-      "integrity": "sha512-Ur+I8a8RkkbbJRsebkYAUwKFkbh9FemDxTFD/2Vp01pAPM8S3MoIcVegAfTvnPlG/ObBq5O7wI4CRA6b/G/Iyg==",
+      "version": "1.17.0",
+      "resolved": "https://registry.npmjs.org/@firebase/firestore/-/firestore-1.17.0.tgz",
+      "integrity": "sha512-ZELQC7nC0Ueexxy/K9zk0lqFuGs7LatEK9Ybr2BwH6KbkvNUovToTiaRUhSOv5IDxjrEu2k6sY1xwnxE4qpqMA==",
      "requires": {
-        "@firebase/component": "0.1.18",
-        "@firebase/firestore-types": "1.12.0",
+        "@firebase/component": "0.1.19",
+        "@firebase/firestore-types": "1.13.0",
        "@firebase/logger": "0.2.6",
-        "@firebase/util": "0.3.1",
+        "@firebase/util": "0.3.2",
        "@firebase/webchannel-wrapper": "0.3.0",
        "@grpc/grpc-js": "^1.0.0",
        "@grpc/proto-loader": "^0.5.0",
-        "node-fetch": "2.6.0",
+        "node-fetch": "2.6.1",
        "tslib": "^1.11.1"
      }
    },
    "@firebase/firestore-types": {
-      "version": "1.12.0",
-      "resolved": "https://registry.npmjs.org/@firebase/firestore-types/-/firestore-types-1.12.0.tgz",
-      "integrity": "sha512-OqNxVb63wPZdUc7YnpacAW1WNIMSKERSewCRi+unCQ0YI0KNfrDSypyGCyel+S3GdOtKMk9KnvDknaGbnaFX4g=="
+      "version": "1.13.0",
+      "resolved": "https://registry.npmjs.org/@firebase/firestore-types/-/firestore-types-1.13.0.tgz",
+      "integrity": "sha512-QF5CAuYOHE6Zbsn1uEg6wkl836iP+i6C0C/Zs3kF60eebxZvTWp8JSZk19Ar+jj4w+ye8/7H5olu5CqDNjWpEA=="
    },
    "@firebase/functions": {
-      "version": "0.4.50",
-      "resolved": "https://registry.npmjs.org/@firebase/functions/-/functions-0.4.50.tgz",
-      "integrity": "sha512-eBsNrUm/Jfc/xsQXmxQRSkEg6pwHlMd2hice8N90/EeqgwqS/SCvC+O9cJITLlXroAghb9jWDWRvAkDU/TOhpw==",
+      "version": "0.4.51",
+      "resolved": "https://registry.npmjs.org/@firebase/functions/-/functions-0.4.51.tgz",
+      "integrity": "sha512-PPx8eZcr4eoU9BITOUGUVurs4WZu8Thj3uCWx766dU3mV1W/7kRgtiptmW0XJUB18FZ1PT3+Hadd6V6vjtLgYw==",
      "requires": {
-        "@firebase/component": "0.1.18",
+        "@firebase/component": "0.1.19",
        "@firebase/functions-types": "0.3.17",
        "@firebase/messaging-types": "0.5.0",
        "isomorphic-fetch": "2.2.1",
@@ -1150,13 +1149,13 @@
      "integrity": "sha512-DGR4i3VI55KnYk4IxrIw7+VG7Q3gA65azHnZxo98Il8IvYLr2UTBlSh72dTLlDf25NW51HqvJgYJDKvSaAeyHQ=="
    },
    "@firebase/installations": {
-      "version": "0.4.16",
-      "resolved": "https://registry.npmjs.org/@firebase/installations/-/installations-0.4.16.tgz",
-      "integrity": "sha512-gqv3IrBUmPWKpH8wLJ0fZcAH1NEXwQhqjqnK3cQXRcIkEARP430cmIAaj7CcPdgdemHX9HqwJG+So/yBHIYXPA==",
+      "version": "0.4.17",
+      "resolved": "https://registry.npmjs.org/@firebase/installations/-/installations-0.4.17.tgz",
+      "integrity": "sha512-AE/TyzIpwkC4UayRJD419xTqZkKzxwk0FLht3Dci8WI2OEKHSwoZG9xv4hOBZebe+fDzoV2EzfatQY8c/6Avig==",
      "requires": {
-        "@firebase/component": "0.1.18",
+        "@firebase/component": "0.1.19",
        "@firebase/installations-types": "0.3.4",
-        "@firebase/util": "0.3.1",
+        "@firebase/util": "0.3.2",
        "idb": "3.0.2",
        "tslib": "^1.11.1"
      }
@@ -1172,14 +1171,14 @@
      "integrity": "sha512-KIxcUvW/cRGWlzK9Vd2KB864HlUnCfdTH0taHE0sXW5Xl7+W68suaeau1oKNEqmc3l45azkd4NzXTCWZRZdXrw=="
    },
    "@firebase/messaging": {
-      "version": "0.7.0",
-      "resolved": "https://registry.npmjs.org/@firebase/messaging/-/messaging-0.7.0.tgz",
-      "integrity": "sha512-PTD5pQw9QremOjiWWZYOkzcX6OKByMvlG+NQXdTnyL3kLbE01Bdp9iWhkH6ipNpHYMiwcK1RZD4TLkYVBviBsw==",
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/@firebase/messaging/-/messaging-0.7.1.tgz",
+      "integrity": "sha512-iev/ST9v0xd/8YpGYrZtDcqdD9J6ZWzSuceRn8EKy5vIgQvW/rk2eTQc8axzvDpQ36ZfphMYuhW6XuNrR3Pd2Q==",
      "requires": {
-        "@firebase/component": "0.1.18",
-        "@firebase/installations": "0.4.16",
+        "@firebase/component": "0.1.19",
+        "@firebase/installations": "0.4.17",
        "@firebase/messaging-types": "0.5.0",
-        "@firebase/util": "0.3.1",
+        "@firebase/util": "0.3.2",
        "idb": "3.0.2",
        "tslib": "^1.11.1"
      }
@@ -1190,15 +1189,15 @@
      "integrity": "sha512-QaaBswrU6umJYb/ZYvjR5JDSslCGOH6D9P136PhabFAHLTR4TWjsaACvbBXuvwrfCXu10DtcjMxqfhdNIB1Xfg=="
    },
    "@firebase/performance": {
-      "version": "0.3.11",
-      "resolved": "https://registry.npmjs.org/@firebase/performance/-/performance-0.3.11.tgz",
-      "integrity": "sha512-L00vBUa2zzoSSOq3StTN43fPxtJ+myF+t+2kP5bQGHN5WOmf22lIsuEjAy1FAscDjVjhL1k5rKMY332ZwEfblg==",
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/@firebase/performance/-/performance-0.4.1.tgz",
+      "integrity": "sha512-eAqS3/456xnUwuTg4w58x2fYbvTtQpgt67lpBUX3DuhOqwiM8+JELRte52nDgum2lTaTZWiu5de9mPuAYx2WDg==",
      "requires": {
-        "@firebase/component": "0.1.18",
-        "@firebase/installations": "0.4.16",
+        "@firebase/component": "0.1.19",
+        "@firebase/installations": "0.4.17",
        "@firebase/logger": "0.2.6",
        "@firebase/performance-types": "0.0.13",
-        "@firebase/util": "0.3.1",
+        "@firebase/util": "0.3.2",
        "tslib": "^1.11.1"
      }
    },
@@ -1225,15 +1224,15 @@
      }
    },
    "@firebase/remote-config": {
-      "version": "0.1.27",
-      "resolved": "https://registry.npmjs.org/@firebase/remote-config/-/remote-config-0.1.27.tgz",
-      "integrity": "sha512-BGjmQomRKNf+yGJ/3/5Kw6zNLM5jY9oTVjLmYsQXf6U+HMgz6J2H6EVGc1bZW7YSsvak8f6DomxegQtvfvwaMw==",
+      "version": "0.1.28",
+      "resolved": "https://registry.npmjs.org/@firebase/remote-config/-/remote-config-0.1.28.tgz",
+      "integrity": "sha512-4zSdyxpt94jAnFhO8toNjG8oMKBD+xTuBIcK+Nw8BdQWeJhEamgXlupdBARUk1uf3AvYICngHH32+Si/dMVTbw==",
      "requires": {
-        "@firebase/component": "0.1.18",
-        "@firebase/installations": "0.4.16",
+        "@firebase/component": "0.1.19",
+        "@firebase/installations": "0.4.17",
        "@firebase/logger": "0.2.6",
        "@firebase/remote-config-types": "0.1.9",
-        "@firebase/util": "0.3.1",
+        "@firebase/util": "0.3.2",
        "tslib": "^1.11.1"
      }
    },
@@ -1243,13 +1242,13 @@
      "integrity": "sha512-G96qnF3RYGbZsTRut7NBX0sxyczxt1uyCgXQuH/eAfUCngxjEGcZQnBdy6mvSdqdJh5mC31rWPO4v9/s7HwtzA=="
    },
    "@firebase/storage": {
-      "version": "0.3.42",
-      "resolved": "https://registry.npmjs.org/@firebase/storage/-/storage-0.3.42.tgz",
-      "integrity": "sha512-FqHDWZPhATQeOFBQUZPsQO7xhnGBxprYVDb9eIjCnh1yRl6WAv/OQGHOF+JU5+H+YkjsKTtr/5VjyDl3Y0UHxw==",
+      "version": "0.3.43",
+      "resolved": "https://registry.npmjs.org/@firebase/storage/-/storage-0.3.43.tgz",
+      "integrity": "sha512-Jp54jcuyimLxPhZHFVAhNbQmgTu3Sda7vXjXrNpPEhlvvMSq4yuZBR6RrZxe/OrNVprLHh/6lTCjwjOVSo3bWA==",
      "requires": {
-        "@firebase/component": "0.1.18",
+        "@firebase/component": "0.1.19",
        "@firebase/storage-types": "0.3.13",
-        "@firebase/util": "0.3.1",
+        "@firebase/util": "0.3.2",
        "tslib": "^1.11.1"
      }
    },
@@ -1259,9 +1258,9 @@
      "integrity": "sha512-pL7b8d5kMNCCL0w9hF7pr16POyKkb3imOW7w0qYrhBnbyJTdVxMWZhb0HxCFyQWC0w3EiIFFmxoz8NTFZDEFog=="
    },
    "@firebase/util": {
-      "version": "0.3.1",
-      "resolved": "https://registry.npmjs.org/@firebase/util/-/util-0.3.1.tgz",
-      "integrity": "sha512-zjVd9rfL08dRRdZILFn1RZTHb1euCcnD9N/9P56gdBcm2bvT5XsCC4G6t5toQBpE/H/jYe5h6MZMqfLu3EQLXw==",
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/@firebase/util/-/util-0.3.2.tgz",
+      "integrity": "sha512-Dqs00++c8rwKky6KCKLLY2T1qYO4Q+X5t+lF7DInXDNF4ae1Oau35bkD+OpJ9u7l1pEv7KHowP6CUKuySCOc8g==",
      "requires": {
        "tslib": "^1.11.1"
      }
@@ -1272,13 +1271,33 @@
      "integrity": "sha512-VniCGPIgSGNEgOkh5phb3iKmSGIzcwrccy3IomMFRWPCMiCk2y98UQNJEoDs1yIHtZMstVjYWKYxnunIGzC5UQ=="
    },
    "@grpc/grpc-js": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@grpc/grpc-js/-/grpc-js-1.1.3.tgz",
-      "integrity": "sha512-HtOsk2YUofBcm1GkPqGzb6pwHhv+74eC2CUO229USIDKRtg30ycbZmqC+HdNtY3nHqoc9IgcRlntFgopyQoYCA==",
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/@grpc/grpc-js/-/grpc-js-1.1.7.tgz",
+      "integrity": "sha512-EuxMstI0u778dp0nk6Fe3gHXYPeV6FYsWOe0/QFwxv1NQ6bc5Wl/0Yxa4xl9uBlKElL6AIxuASmSfu7KEJhqiw==",
      "requires": {
+        "@grpc/proto-loader": "^0.6.0-pre14",
+        "@types/node": "^12.12.47",
+        "google-auth-library": "^6.0.0",
        "semver": "^6.2.0"
      },
      "dependencies": {
+        "@grpc/proto-loader": {
+          "version": "0.6.0-pre9",
+          "resolved": "https://registry.npmjs.org/@grpc/proto-loader/-/proto-loader-0.6.0-pre9.tgz",
+          "integrity": "sha512-oM+LjpEjNzW5pNJjt4/hq1HYayNeQT+eGrOPABJnYHv7TyNPDNzkQ76rDYZF86X5swJOa4EujEMzQ9iiTdPgww==",
+          "requires": {
+            "@types/long": "^4.0.1",
+            "lodash.camelcase": "^4.3.0",
+            "long": "^4.0.0",
+            "protobufjs": "^6.9.0",
+            "yargs": "^15.3.1"
+          }
+        },
+        "@types/node": {
+          "version": "12.12.62",
+          "resolved": "https://registry.npmjs.org/@types/node/-/node-12.12.62.tgz",
+          "integrity": "sha512-qAfo81CsD7yQIM9mVyh6B/U47li5g7cfpVQEDMfQeF8pSZVwzbhwU3crc0qG4DmpsebpJPR49AKOExQyJ05Cpg=="
+        },
        "semver": {
          "version": "6.3.0",
          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
@@ -1477,8 +1496,7 @@
    "@types/color-name": {
      "version": "1.1.1",
      "resolved": "https://registry.npmjs.org/@types/color-name/-/color-name-1.1.1.tgz",
-      "integrity": "sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ==",
-      "dev": true
+      "integrity": "sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ=="
    },
    "@types/glob": {
      "version": "7.1.2",
@@ -2163,6 +2181,14 @@
      "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
      "dev": true
    },
+    "abort-controller": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
+      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
+      "requires": {
+        "event-target-shim": "^5.0.0"
+      }
+    },
    "accepts": {
      "version": "1.3.7",
      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.7.tgz",
@@ -2191,6 +2217,14 @@
      "integrity": "sha512-aT6camzM4xEA54YVJYSqxz1kv4IHnQZRtThJJHhUMRExaU5spC7jX5ugSwTaTgJliIgs4VhZOk7htClvQ/LmRA==",
      "dev": true
    },
+    "agent-base": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.1.tgz",
+      "integrity": "sha512-01q25QQDwLSsyfhrKbn8yuur+JNw0H+0Y4JiGIKd3z9aYk/w/2kxD/Upc+t2ZBBSUNff50VjPsSW2YxM8QYKVg==",
+      "requires": {
+        "debug": "4"
+      }
+    },
    "aggregate-error": {
      "version": "3.0.1",
      "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.0.1.tgz",
@@ -2340,6 +2374,11 @@
      "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=",
      "dev": true
    },
+    "arrify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/arrify/-/arrify-2.0.1.tgz",
+      "integrity": "sha512-3duEwti880xqi4eAMN8AyR4a0ByT90zoYdLlevfrvU43vb0YZwZVfxOgxWrLXXXpyugL0hNZc9G6BiB5B3nUug=="
+    },
    "asn1": {
      "version": "0.2.4",
      "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.4.tgz",
@@ -2647,8 +2686,7 @@
    "base64-js": {
      "version": "1.3.1",
      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.3.1.tgz",
-      "integrity": "sha512-mLQ4i2QO1ytvGWFWmcngKO//JXAQueZvwEKtjgQFM4jIK0kU+ytMfplL8j+n5mspOfjHwoAg+9yhb7BwAHm36g==",
-      "dev": true
+      "integrity": "sha512-mLQ4i2QO1ytvGWFWmcngKO//JXAQueZvwEKtjgQFM4jIK0kU+ytMfplL8j+n5mspOfjHwoAg+9yhb7BwAHm36g=="
    },
    "batch": {
      "version": "0.6.1",
@@ -2683,6 +2721,11 @@
      "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
      "dev": true
    },
+    "bignumber.js": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/bignumber.js/-/bignumber.js-9.0.0.tgz",
+      "integrity": "sha512-t/OYhhJ2SD+YGBQcjY8GzzDHEk9f3nerxjtfa6tlMXfe7frs/WozhvCNoGvpM0P3bNf3Gq5ZRMlGr5f3r4/N8A=="
+    },
    "binary-extensions": {
      "version": "2.1.0",
      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.1.0.tgz",
@@ -2938,6 +2981,11 @@
        "isarray": "^1.0.0"
      }
    },
+    "buffer-equal-constant-time": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/buffer-equal-constant-time/-/buffer-equal-constant-time-1.0.1.tgz",
+      "integrity": "sha1-+OcRMvf/5uAaXJaXpMbz5I1cyBk="
+    },
    "buffer-from": {
      "version": "1.1.1",
      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.1.tgz",
@@ -3148,8 +3196,7 @@
    "camelcase": {
      "version": "5.3.1",
      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
-      "dev": true
+      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg=="
    },
    "caniuse-api": {
      "version": "3.0.0",
@@ -3433,7 +3480,6 @@
      "version": "6.0.0",
      "resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz",
      "integrity": "sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==",
-      "dev": true,
      "requires": {
        "string-width": "^4.2.0",
        "strip-ansi": "^6.0.0",
@@ -3443,14 +3489,12 @@
        "is-fullwidth-code-point": {
          "version": "3.0.0",
          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-          "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-          "dev": true
+          "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="
        },
        "string-width": {
          "version": "4.2.0",
          "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.0.tgz",
          "integrity": "sha512-zUz5JD+tgqtuDjMhwIg5uFVV3dtqZ9yQJlZVfq4I01/K5Paj5UHj7VyrQOJvzawSVlKpObApbfD0Ed6yJc+1eg==",
-          "dev": true,
          "requires": {
            "emoji-regex": "^8.0.0",
            "is-fullwidth-code-point": "^3.0.0",
@@ -3714,9 +3758,9 @@
      "dev": true
    },
    "copy-webpack-plugin": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/copy-webpack-plugin/-/copy-webpack-plugin-5.1.1.tgz",
-      "integrity": "sha512-P15M5ZC8dyCjQHWwd4Ia/dm0SgVvZJMYeykVIVYXbGyqO4dWB5oyPHp9i7wjwo5LhtlhKbiBCdS2NvM07Wlybg==",
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/copy-webpack-plugin/-/copy-webpack-plugin-5.1.2.tgz",
+      "integrity": "sha512-Uh7crJAco3AjBvgAy9Z75CjK8IG+gxaErro71THQ+vv/bl4HaQcpkexAY8KVW/T6D2W2IRr+couF/knIRkZMIQ==",
      "dev": true,
      "requires": {
        "cacache": "^12.0.3",
@@ -3729,7 +3773,7 @@
        "normalize-path": "^3.0.0",
        "p-limit": "^2.2.1",
        "schema-utils": "^1.0.0",
-        "serialize-javascript": "^2.1.2",
+        "serialize-javascript": "^4.0.0",
        "webpack-log": "^2.0.0"
      },
      "dependencies": {
@@ -3792,10 +3836,13 @@
          }
        },
        "serialize-javascript": {
-          "version": "2.1.2",
-          "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-2.1.2.tgz",
-          "integrity": "sha512-rs9OggEUF0V4jUSecXazOYsLfu7OGK2qIn3c7IPBiffz32XniEp/TX9Xmc9LQfK2nQ2QKHvZ2oygKUGU0lG4jQ==",
-          "dev": true
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-4.0.0.tgz",
+          "integrity": "sha512-GaNA54380uFefWghODBWEGisLZFj00nS5ACs6yHa9nLqlLpVLO8ChDGeKRjZnV4Nh4n0Qi7nhYZD/9fCPzEqkw==",
+          "dev": true,
+          "requires": {
+            "randombytes": "^2.1.0"
+          }
        },
        "slash": {
          "version": "1.0.0",
@@ -3831,8 +3878,7 @@
    "core-js-pure": {
      "version": "3.6.5",
      "resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.6.5.tgz",
-      "integrity": "sha512-lacdXOimsiD0QyNf9BC/mxivNJ/ybBGJXQFKzRekp1WTHoVUWsUHEn+2T8GJAzzIhyOuXA+gOxCVN3l+5PLPUA==",
-      "dev": true
+      "integrity": "sha512-lacdXOimsiD0QyNf9BC/mxivNJ/ybBGJXQFKzRekp1WTHoVUWsUHEn+2T8GJAzzIhyOuXA+gOxCVN3l+5PLPUA=="
    },
    "core-util-is": {
      "version": "1.0.2",
@@ -4169,7 +4215,6 @@
      "version": "4.1.1",
      "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
      "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
-      "dev": true,
      "requires": {
        "ms": "^2.1.1"
      }
@@ -4178,7 +4223,6 @@
      "version": "3.2.0",
      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-3.2.0.tgz",
      "integrity": "sha512-4TgkVUsmmu7oCSyGBm5FvfMoACuoh9EOidm7V5/J2X2djAwwt57qb3F2KMP2ITqODTCSwb+YRV+0Zqrv18k/hw==",
-      "dev": true,
      "requires": {
        "xregexp": "^4.2.4"
      }
@@ -4595,8 +4639,7 @@
    "dotenv": {
      "version": "8.2.0",
      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-8.2.0.tgz",
-      "integrity": "sha512-8sJ78ElpbDJBHNeBzUbUVLsqKdccaa/BXF1uPTw3GrvQTBgrQrtObr2mUrE38vzYd8cEv+m/JBfDLioYcfXoaw==",
-      "dev": true
+      "integrity": "sha512-8sJ78ElpbDJBHNeBzUbUVLsqKdccaa/BXF1uPTw3GrvQTBgrQrtObr2mUrE38vzYd8cEv+m/JBfDLioYcfXoaw=="
    },
    "dotenv-expand": {
      "version": "5.1.0",
@@ -4638,6 +4681,14 @@
        "safer-buffer": "^2.1.0"
      }
    },
+    "ecdsa-sig-formatter": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/ecdsa-sig-formatter/-/ecdsa-sig-formatter-1.0.11.tgz",
+      "integrity": "sha512-nagl3RYrbNv6kQkeJIpt6NJZy8twLB/2vtz6yN9Z4vRKHN4/QZJIEbqohALSgwKdnksuY3k5Addp5lg8sVoVcQ==",
+      "requires": {
+        "safe-buffer": "^5.0.1"
+      }
+    },
    "ee-first": {
      "version": "1.1.1",
      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -4682,8 +4733,7 @@
    "emoji-regex": {
      "version": "8.0.0",
      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
    },
    "emojis-list": {
      "version": "3.0.0",
@@ -4877,6 +4927,11 @@
      "integrity": "sha512-z7IyloorXvKbFx9Bpie2+vMJKKx1fH1EN5yiTfp8CiLOTptSYy1g8H4yDpGlEdshL1PBiFtBHepF2cNsqeEeFQ==",
      "dev": true
    },
+    "event-target-shim": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
+      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ=="
+    },
    "eventemitter3": {
      "version": "4.0.4",
      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.4.tgz",
@@ -5037,8 +5092,7 @@
    "extend": {
      "version": "3.0.2",
      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
-      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
-      "dev": true
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="
    },
    "extend-shallow": {
      "version": "3.0.2",
@@ -5181,6 +5235,11 @@
      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
      "dev": true
    },
+    "fast-text-encoding": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/fast-text-encoding/-/fast-text-encoding-1.0.3.tgz",
+      "integrity": "sha512-dtm4QZH9nZtcDt8qJiOH9fcQd1NAgi+K1O2DbE6GG1PPCK/BWfOH3idCTRQ4ImXRUOyopDEgDEnVEE7Y/2Wrig=="
+    },
    "faye-websocket": {
      "version": "0.10.0",
      "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.10.0.tgz",
@@ -5288,24 +5347,24 @@
      }
    },
    "firebase": {
-      "version": "7.18.0",
-      "resolved": "https://registry.npmjs.org/firebase/-/firebase-7.18.0.tgz",
-      "integrity": "sha512-RGq0rWX25EDsM21TjRe1FbnygJwHXL7yN4P0Zh2Z7dWrBcfJ8tQpDxgwMDtiJTuo9UYExK3py4wjgpGJBau6wg==",
+      "version": "7.21.0",
+      "resolved": "https://registry.npmjs.org/firebase/-/firebase-7.21.0.tgz",
+      "integrity": "sha512-aERVRK3oxll+lzcDUzOFjww39G1h1dRlEdCqZEl5NL/3CC4GcVhX64At1RdDKcNoW/5jAtHaIvKFaNgC2B91EA==",
      "requires": {
-        "@firebase/analytics": "0.4.2",
-        "@firebase/app": "0.6.10",
+        "@firebase/analytics": "0.5.0",
+        "@firebase/app": "0.6.11",
        "@firebase/app-types": "0.6.1",
        "@firebase/auth": "0.14.9",
-        "@firebase/database": "0.6.11",
-        "@firebase/firestore": "1.16.4",
-        "@firebase/functions": "0.4.50",
-        "@firebase/installations": "0.4.16",
-        "@firebase/messaging": "0.7.0",
-        "@firebase/performance": "0.3.11",
+        "@firebase/database": "0.6.13",
+        "@firebase/firestore": "1.17.0",
+        "@firebase/functions": "0.4.51",
+        "@firebase/installations": "0.4.17",
+        "@firebase/messaging": "0.7.1",
+        "@firebase/performance": "0.4.1",
        "@firebase/polyfill": "0.3.36",
-        "@firebase/remote-config": "0.1.27",
-        "@firebase/storage": "0.3.42",
-        "@firebase/util": "0.3.1"
+        "@firebase/remote-config": "0.1.28",
+        "@firebase/storage": "0.3.43",
+        "@firebase/util": "0.3.2"
      }
    },
    "flush-write-stream": {
@@ -5445,6 +5504,34 @@
      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
      "dev": true
    },
+    "gaxios": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/gaxios/-/gaxios-3.2.0.tgz",
+      "integrity": "sha512-+6WPeVzPvOshftpxJwRi2Ozez80tn/hdtOUag7+gajDHRJvAblKxTFSSMPtr2hmnLy7p0mvYz0rMXLBl8pSO7Q==",
+      "requires": {
+        "abort-controller": "^3.0.0",
+        "extend": "^3.0.2",
+        "https-proxy-agent": "^5.0.0",
+        "is-stream": "^2.0.0",
+        "node-fetch": "^2.3.0"
+      },
+      "dependencies": {
+        "is-stream": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.0.tgz",
+          "integrity": "sha512-XCoy+WlUr7d1+Z8GgSuXmpuUFC9fOhRXglJMx+dwLKTkL44Cjd4W1Z5P+BQZpr+cR93aGP4S/s7Ftw6Nd/kiEw=="
+        }
+      }
+    },
+    "gcp-metadata": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/gcp-metadata/-/gcp-metadata-4.2.0.tgz",
+      "integrity": "sha512-vQZD57cQkqIA6YPGXM/zc+PIZfNRFdukWGsGZ5+LcJzesi5xp6Gn7a02wRJi4eXPyArNMIYpPET4QMxGqtlk6Q==",
+      "requires": {
+        "gaxios": "^3.0.0",
+        "json-bigint": "^1.0.0"
+      }
+    },
    "gensync": {
      "version": "1.0.0-beta.1",
      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.1.tgz",
@@ -5454,8 +5541,7 @@
    "get-caller-file": {
      "version": "2.0.5",
      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
-      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
-      "dev": true
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg=="
    },
    "get-stream": {
      "version": "4.1.0",
@@ -5532,12 +5618,69 @@
        "slash": "^2.0.0"
      }
    },
+    "google-auth-library": {
+      "version": "6.0.6",
+      "resolved": "https://registry.npmjs.org/google-auth-library/-/google-auth-library-6.0.6.tgz",
+      "integrity": "sha512-fWYdRdg55HSJoRq9k568jJA1lrhg9i2xgfhVIMJbskUmbDpJGHsbv9l41DGhCDXM21F9Kn4kUwdysgxSYBYJUw==",
+      "requires": {
+        "arrify": "^2.0.0",
+        "base64-js": "^1.3.0",
+        "ecdsa-sig-formatter": "^1.0.11",
+        "fast-text-encoding": "^1.0.0",
+        "gaxios": "^3.0.0",
+        "gcp-metadata": "^4.1.0",
+        "gtoken": "^5.0.0",
+        "jws": "^4.0.0",
+        "lru-cache": "^6.0.0"
+      },
+      "dependencies": {
+        "lru-cache": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+          "requires": {
+            "yallist": "^4.0.0"
+          }
+        },
+        "yallist": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+        }
+      }
+    },
+    "google-p12-pem": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/google-p12-pem/-/google-p12-pem-3.0.3.tgz",
+      "integrity": "sha512-wS0ek4ZtFx/ACKYF3JhyGe5kzH7pgiQ7J5otlumqR9psmWMYc+U9cErKlCYVYHoUaidXHdZ2xbo34kB+S+24hA==",
+      "requires": {
+        "node-forge": "^0.10.0"
+      },
+      "dependencies": {
+        "node-forge": {
+          "version": "0.10.0",
+          "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-0.10.0.tgz",
+          "integrity": "sha512-PPmu8eEeG9saEUvI97fm4OYxXVB6bFvyNTyiUOBichBpFG8A1Ljw3bY62+5oOjDEMHRnd0Y7HQ+x7uzxOzC6JA=="
+        }
+      }
+    },
    "graceful-fs": {
      "version": "4.2.4",
      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.4.tgz",
      "integrity": "sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw==",
      "dev": true
    },
+    "gtoken": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/gtoken/-/gtoken-5.0.3.tgz",
+      "integrity": "sha512-Nyd1wZCMRc2dj/mAD0LlfQLcAO06uKdpKJXvK85SGrF5+5+Bpfil9u/2aw35ltvEHjvl0h5FMKN5knEU+9JrOg==",
+      "requires": {
+        "gaxios": "^3.0.0",
+        "google-p12-pem": "^3.0.0",
+        "jws": "^4.0.0",
+        "mime": "^2.2.0"
+      }
+    },
    "gzip-size": {
      "version": "5.1.1",
      "resolved": "https://registry.npmjs.org/gzip-size/-/gzip-size-5.1.1.tgz",
@@ -5949,6 +6092,15 @@
      "integrity": "sha1-7AbBDgo0wPL68Zn3/X/Hj//QPHM=",
      "dev": true
    },
+    "https-proxy-agent": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.0.tgz",
+      "integrity": "sha512-EkYm5BcKUGiduxzSt3Eppko+PiNWNEpa4ySk9vTC6wDsQJW9rHSa+UhGNJoRYp7bz6Ht1eaRIa6QaJqO5rCFbA==",
+      "requires": {
+        "agent-base": "6",
+        "debug": "4"
+      }
+    },
    "human-signals": {
      "version": "1.1.1",
      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-1.1.1.tgz",
@@ -6530,6 +6682,14 @@
      "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
      "dev": true
    },
+    "json-bigint": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-bigint/-/json-bigint-1.0.0.tgz",
+      "integrity": "sha512-SiPv/8VpZuWbvLSMtTDU8hEfrZWg/mH/nV/b4o0CYbSxu1UIQPLdwKOCIyLQX+VIPO5vrLX3i8qtqFyhdPSUSQ==",
+      "requires": {
+        "bignumber.js": "^9.0.0"
+      }
+    },
    "json-parse-better-errors": {
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
@@ -6590,6 +6750,25 @@
        "verror": "1.10.0"
      }
    },
+    "jwa": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/jwa/-/jwa-2.0.0.tgz",
+      "integrity": "sha512-jrZ2Qx916EA+fq9cEAeCROWPTfCwi1IVHqT2tapuqLEVVDKFDENFw1oL+MwrTvH6msKxsd1YTDVw6uKEcsrLEA==",
+      "requires": {
+        "buffer-equal-constant-time": "1.0.1",
+        "ecdsa-sig-formatter": "1.0.11",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "jws": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/jws/-/jws-4.0.0.tgz",
+      "integrity": "sha512-KDncfTmOZoOMTFG4mBlG0qUIOlc03fmzH+ru6RgYVZhPkyiy/92Owlt/8UEN+a4TXR1FQetfIpJE8ApdvdVxTg==",
+      "requires": {
+        "jwa": "^2.0.0",
+        "safe-buffer": "^5.0.1"
+      }
+    },
    "killable": {
      "version": "1.0.1",
      "resolved": "https://registry.npmjs.org/killable/-/killable-1.0.1.tgz",
@@ -6918,8 +7097,7 @@
    "mime": {
      "version": "2.4.6",
      "resolved": "https://registry.npmjs.org/mime/-/mime-2.4.6.tgz",
-      "integrity": "sha512-RZKhC3EmpBchfTGBVb8fb+RL2cWyw/32lshnsETttkBAyAUXSGHxbEJWWRXc751DrIxG1q04b8QwMbAwkRPpUA==",
-      "dev": true
+      "integrity": "sha512-RZKhC3EmpBchfTGBVb8fb+RL2cWyw/32lshnsETttkBAyAUXSGHxbEJWWRXc751DrIxG1q04b8QwMbAwkRPpUA=="
    },
    "mime-db": {
      "version": "1.44.0",
@@ -7115,8 +7293,7 @@
    "ms": {
      "version": "2.1.2",
      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-      "dev": true
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
    },
    "multicast-dns": {
      "version": "6.2.3",
@@ -7192,9 +7369,9 @@
      }
    },
    "node-fetch": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.0.tgz",
-      "integrity": "sha512-8dG4H5ujfvFiqDmVu9fQ5bOHUC15JMjMY/Zumv26oOvvVJjM67KF8koCWIabKQ1GJIa9r2mMZscBq/TbdOcmNA=="
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.1.tgz",
+      "integrity": "sha512-V4aYg89jEoVRxRb2fJdAg8FHvI7cEyYdVAh94HH0UIK8oJxUfkjlDQN9RbMx+bEjP7+ggMiFRprSti032Oipxw=="
    },
    "node-forge": {
      "version": "0.9.0",
@@ -7542,7 +7719,6 @@
      "version": "2.3.0",
      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dev": true,
      "requires": {
        "p-try": "^2.0.0"
      }
@@ -7577,8 +7753,7 @@
    "p-try": {
      "version": "2.2.0",
      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
-      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
-      "dev": true
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ=="
    },
    "pako": {
      "version": "1.0.11",
@@ -8467,9 +8642,9 @@
      },
      "dependencies": {
        "@types/node": {
-          "version": "13.13.15",
-          "resolved": "https://registry.npmjs.org/@types/node/-/node-13.13.15.tgz",
-          "integrity": "sha512-kwbcs0jySLxzLsa2nWUAGOd/s21WU1jebrEdtzhsj1D4Yps1EOuyI1Qcu+FD56dL7NRNIJtDDjcqIG22NwkgLw=="
+          "version": "13.13.21",
+          "resolved": "https://registry.npmjs.org/@types/node/-/node-13.13.21.tgz",
+          "integrity": "sha512-tlFWakSzBITITJSxHV4hg4KvrhR/7h3xbJdSFbYJBVzKubrASbnnIFuSgolUh7qKGo/ZeJPKUfbZ0WS6Jp14DQ=="
        }
      }
    },
@@ -8693,8 +8868,7 @@
    "regenerator-runtime": {
      "version": "0.13.5",
      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.5.tgz",
-      "integrity": "sha512-ZS5w8CpKFinUzOwW3c83oPeVXoNsrLsaCoLtJvAClH135j/R77RuymhiSErhm2lKcwSCIpmvIWSbDkIfAqKQlA==",
-      "dev": true
+      "integrity": "sha512-ZS5w8CpKFinUzOwW3c83oPeVXoNsrLsaCoLtJvAClH135j/R77RuymhiSErhm2lKcwSCIpmvIWSbDkIfAqKQlA=="
    },
    "regenerator-transform": {
      "version": "0.14.5",
@@ -8875,14 +9049,12 @@
    "require-directory": {
      "version": "2.1.1",
      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
-      "integrity": "sha1-jGStX9MNqxyXbiNE/+f3kqam30I=",
-      "dev": true
+      "integrity": "sha1-jGStX9MNqxyXbiNE/+f3kqam30I="
    },
    "require-main-filename": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
-      "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==",
-      "dev": true
+      "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg=="
    },
    "requires-port": {
      "version": "1.0.0",
@@ -8985,8 +9157,7 @@
    "safe-buffer": {
      "version": "5.1.2",
      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
-      "dev": true
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
    },
    "safe-regex": {
      "version": "1.1.0",
@@ -9202,8 +9373,7 @@
    "set-blocking": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
-      "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc=",
-      "dev": true
+      "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc="
    },
    "set-value": {
      "version": "2.0.1",
@@ -9791,7 +9961,6 @@
      "version": "6.0.0",
      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz",
      "integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==",
-      "dev": true,
      "requires": {
        "ansi-regex": "^5.0.0"
      },
@@ -9799,8 +9968,7 @@
        "ansi-regex": {
          "version": "5.0.0",
          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz",
-          "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==",
-          "dev": true
+          "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg=="
        }
      }
    },
@@ -11257,9 +11425,9 @@
      "integrity": "sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg=="
    },
    "whatwg-fetch": {
-      "version": "3.4.0",
-      "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.4.0.tgz",
-      "integrity": "sha512-rsum2ulz2iuZH08mJkT0Yi6JnKhwdw4oeyMjokgxd+mmqYSd9cPpOQf01TIWgjxG/U4+QR+AwKq6lSbXVxkyoQ=="
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.4.1.tgz",
+      "integrity": "sha512-sofZVzE1wKwO+EYPbWfiwzaKovWiZXf4coEzjGP9b2GBVgQRLQUZ2QcuPpQExGDAW5GItpEm6Tl4OU5mywnAoQ=="
    },
    "which": {
      "version": "1.3.1",
@@ -11273,8 +11441,7 @@
    "which-module": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.0.tgz",
-      "integrity": "sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=",
-      "dev": true
+      "integrity": "sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho="
    },
    "worker-farm": {
      "version": "1.7.0",
@@ -11298,7 +11465,6 @@
      "version": "6.2.0",
      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
      "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
-      "dev": true,
      "requires": {
        "ansi-styles": "^4.0.0",
        "string-width": "^4.1.0",
@@ -11309,7 +11475,6 @@
          "version": "4.2.1",
          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.2.1.tgz",
          "integrity": "sha512-9VGjrMsG1vePxcSweQsN20KY/c4zN0h9fLjqAbwbPfahM3t+NL+M9HC8xeXG2I8pX5NoamTGNuomEUFI7fcUjA==",
-          "dev": true,
          "requires": {
            "@types/color-name": "^1.1.1",
            "color-convert": "^2.0.1"
@@ -11319,7 +11484,6 @@
          "version": "2.0.1",
          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "dev": true,
          "requires": {
            "color-name": "~1.1.4"
          }
@@ -11327,20 +11491,17 @@
        "color-name": {
          "version": "1.1.4",
          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-          "dev": true
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
        },
        "is-fullwidth-code-point": {
          "version": "3.0.0",
          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-          "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-          "dev": true
+          "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="
        },
        "string-width": {
          "version": "4.2.0",
          "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.0.tgz",
          "integrity": "sha512-zUz5JD+tgqtuDjMhwIg5uFVV3dtqZ9yQJlZVfq4I01/K5Paj5UHj7VyrQOJvzawSVlKpObApbfD0Ed6yJc+1eg==",
-          "dev": true,
          "requires": {
            "emoji-regex": "^8.0.0",
            "is-fullwidth-code-point": "^3.0.0",
@@ -11373,7 +11534,6 @@
      "version": "4.3.0",
      "resolved": "https://registry.npmjs.org/xregexp/-/xregexp-4.3.0.tgz",
      "integrity": "sha512-7jXDIFXh5yJ/orPn4SXjuVrWWoi4Cr8jfV1eHv9CixKSbU+jY4mxfrBwAuDvupPNKpMUY+FeIqsVw/JLT9+B8g==",
-      "dev": true,
      "requires": {
        "@babel/runtime-corejs3": "^7.8.3"
      }
@@ -11387,8 +11547,7 @@
    "y18n": {
      "version": "4.0.0",
      "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.0.tgz",
-      "integrity": "sha512-r9S/ZyXu/Xu9q1tYlpsLIsa3EeLXXk0VwlxqTcFRfg9EhMW+17kbt9G0NrgCmhGb5vT2hyhJZLfDGx+7+5Uj/w==",
-      "dev": true
+      "integrity": "sha512-r9S/ZyXu/Xu9q1tYlpsLIsa3EeLXXk0VwlxqTcFRfg9EhMW+17kbt9G0NrgCmhGb5vT2hyhJZLfDGx+7+5Uj/w=="
    },
    "yallist": {
      "version": "3.1.1",
@@ -11400,7 +11559,6 @@
      "version": "15.4.0",
      "resolved": "https://registry.npmjs.org/yargs/-/yargs-15.4.0.tgz",
      "integrity": "sha512-D3fRFnZwLWp8jVAAhPZBsmeIHY8tTsb8ItV9KaAaopmC6wde2u6Yw29JBIZHXw14kgkRnYmDgmQU4FVMDlIsWw==",
-      "dev": true,
      "requires": {
        "cliui": "^6.0.0",
        "decamelize": "^3.2.0",
@@ -11419,7 +11577,6 @@
          "version": "4.1.0",
          "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
          "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-          "dev": true,
          "requires": {
            "locate-path": "^5.0.0",
            "path-exists": "^4.0.0"
@@ -11428,14 +11585,12 @@
        "is-fullwidth-code-point": {
          "version": "3.0.0",
          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-          "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-          "dev": true
+          "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="
        },
        "locate-path": {
          "version": "5.0.0",
          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
          "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-          "dev": true,
          "requires": {
            "p-locate": "^4.1.0"
          }
@@ -11444,7 +11599,6 @@
          "version": "4.1.0",
          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
          "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-          "dev": true,
          "requires": {
            "p-limit": "^2.2.0"
          }
@@ -11452,14 +11606,12 @@
        "path-exists": {
          "version": "4.0.0",
          "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
-          "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-          "dev": true
+          "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w=="
        },
        "string-width": {
          "version": "4.2.0",
          "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.0.tgz",
          "integrity": "sha512-zUz5JD+tgqtuDjMhwIg5uFVV3dtqZ9yQJlZVfq4I01/K5Paj5UHj7VyrQOJvzawSVlKpObApbfD0Ed6yJc+1eg==",
-          "dev": true,
          "requires": {
            "emoji-regex": "^8.0.0",
            "is-fullwidth-code-point": "^3.0.0",
@@ -11472,7 +11624,6 @@
      "version": "18.1.3",
      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz",
      "integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==",
-      "dev": true,
      "requires": {
        "camelcase": "^5.0.0",
        "decamelize": "^1.2.0"
@@ -11481,8 +11632,7 @@
        "decamelize": {
          "version": "1.2.0",
          "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
-          "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=",
-          "dev": true
+          "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA="
        }
      }
    },
@@ -9,13 +9,13 @@
  },
  "dependencies": {
    "core-js": "^3.6.5",
-    "firebase": "^7.18.0",
+    "dotenv": "^8.2.0",
+    "firebase": "^7.21.0",
    "vue": "^2.6.11",
    "vue-class-component": "^7.2.5",
    "vue-property-decorator": "^8.4.2",
    "vue-router": "^3.4.3",
-    "vuex": "^3.4.0",
-    "dotenv": "^8.2.0"
+    "vuex": "^3.4.0"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.4.0",
@@ -186,10 +186,10 @@ export default class StationCard extends styleMixin {
      let stopStatus = "";
      let stopLabel = "";

-      if (scheduledTrain.terminatesHere && scheduledTrain.confirmed) { stopStatus = "terminated"; stopLabel = "Skończył bieg" }
-      else if (!scheduledTrain.terminatesHere && scheduledTrain.confirmed) { stopStatus = "departed"; stopLabel = "Odprawiony" }
-      else if (scheduledTrain.currentStationName == this.stationInfo.stationName && !scheduledTrain.stopped) { stopStatus = "online"; stopLabel = "Na stacji" }
-      else if (scheduledTrain.currentStationName == this.stationInfo.stationName && scheduledTrain.stopped) { stopStatus = "stopped"; stopLabel = "Postój" }
+      if (scheduledTrain.stopInfo.terminatesHere && scheduledTrain.stopInfo.confirmed) { stopStatus = "terminated"; stopLabel = "Skończył bieg" }
+      else if (!scheduledTrain.stopInfo.terminatesHere && scheduledTrain.stopInfo.confirmed) { stopStatus = "departed"; stopLabel = "Odprawiony" }
+      else if (scheduledTrain.currentStationName == this.stationInfo.stationName && !scheduledTrain.stopInfo.stopped) { stopStatus = "online"; stopLabel = "Na stacji" }
+      else if (scheduledTrain.currentStationName == this.stationInfo.stationName && scheduledTrain.stopInfo.stopped) { stopStatus = "stopped"; stopLabel = "Postój" }
      else if (scheduledTrain.currentStationName != this.stationInfo.stationName) { stopStatus = "arriving"; stopLabel = "W drodze" }

      return {
@@ -223,13 +223,11 @@ export default class StationCard extends styleMixin {
 }

 .station-card {
-  scroll-behavior: smooth;
-
-  font-size: calc(0.5rem + 0.4vw);
-  max-width: 850px;
+  font-size: calc(0.5rem + 0.35vw);
+  max-width: 800px;

  @include bigScreen {
-    font-size: 1.1rem;
+    font-size: 1rem;
  }

  @include smallScreen {
@@ -269,7 +267,7 @@ export default class StationCard extends styleMixin {
    grid-template-areas: "main main" "icons icons" "dispatcher hours" "users spawns";
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 200px;
-    max-height: 500px;
+    max-height: 600px;

    transform: translateY(0%);

@@ -126,7 +126,7 @@
                  /
                  <span
                    style="color:#bbb"
-                  >{{ station.scheduledTrains.filter(train => train.confirmed).length }}</span>
+                  >{{ station.scheduledTrains.filter(train => train.stopInfo.confirmed).length }}</span>
                </span>

                <span v-else>...</span>
@@ -33,29 +33,32 @@

          <span class="timetable-schedule">
            <span class="schedule-arrival">
-              <span class="arrival-time begins" v-if="scheduledTrain.beginsHere">ROZPOCZYNA BIEG</span>
+              <span
+                class="arrival-time begins"
+                v-if="scheduledTrain.stopInfo.beginsHere"
+              >ROZPOCZYNA BIEG</span>
              <span
                class="arrival-time"
                v-else
-              >{{timestampToTime(scheduledTrain.arrivalTime)}} ({{scheduledTrain.arrivalDelay}})</span>
+              >{{scheduledTrain.stopInfo.arrivalTimeString}} ({{scheduledTrain.stopInfo.arrivalDelay}})</span>
            </span>

            <span class="schedule-stop">
              <span
                class="stop-time"
-                v-if="scheduledTrain.stopTime"
-              >{{scheduledTrain.stopTime}} {{scheduledTrain.stopType}}</span>
+                v-if="scheduledTrain.stopInfo.stopTime"
+              >{{scheduledTrain.stopInfo.stopTime}} {{scheduledTrain.stopInfo.stopType}}</span>
              <span class="stop-arrow arrow"></span>
            </span>
            <span class="schedule-departure">
              <span
                class="departure-time terminates"
-                v-if="scheduledTrain.terminatesHere"
+                v-if="scheduledTrain.stopInfo.terminatesHere"
              >KOŃCZY BIEG</span>
              <span
                class="departure-time"
                v-else
-              >{{timestampToTime(scheduledTrain.departureTime)}} ({{scheduledTrain.departureDelay}})</span>
+              >{{scheduledTrain.stopInfo.departureTimeString}} ({{scheduledTrain.stopInfo.departureDelay}})</span>
            </span>
          </span>
        </div>
@@ -67,6 +70,8 @@
 <script lang="ts">
 import { Component, Vue, Prop } from 'vue-property-decorator';

+import Station from "@/scripts/interfaces/Station";
+
@Component
 export default class StationTimetable extends Vue {
  @Prop() readonly scheduledTrains;
@@ -74,17 +79,10 @@ export default class StationTimetable extends Vue {

  get computedScheduledTrains() {
    return this.scheduledTrains.sort((a, b) => {
-      if (a.arrivalTime > b.arrivalTime) return 1;
-      else if ((a.arrivalTime < b.arrivalTime)) return -1;
+      if (a.stopInfo.arrivalTimestamp > b.stopInfo.arrivalTimestamp) return 1;
+      else if ((a.stopInfo.arrivalTimestamp < b.stopInfo.arrivalTimestamp)) return -1;

-      return a.departureTime > b.departureTime ? 1 : -1;
-    })
-  }
-
-  timestampToTime(timestamp: number) {
-    return new Date(timestamp).toLocaleTimeString('pl-PL', {
-      hour: '2-digit',
-      minute: '2-digit',
+      return a.stopInfo.departureTimestamp > b.stopInfo.departureTimestamp ? 1 : -1;
    })
  }
 }
@@ -0,0 +1,210 @@
+<template>
+  <div class="train-schedule">
+    <div class="schedule-wrapper">
+      <div class="schedule-bar"></div>
+
+      <ul class="schedule-list">
+        <li
+          class="schedule-item"
+          v-for="(stop, i) in followingStops"
+          :key="i"
+          :class="{ confirmed: stop.confirmed, stopped: stop.stopped }"
+        >
+          <div class="progress-bar"></div>
+
+          <div
+            class="stop-line arrival"
+            v-if="i > 0 && followingStops[i - 1].departureLine != stop.arrivalLine"
+          >{{ stop.arrivalLine }}</div>
+
+          <span class="stop-info">
+            <div class="info-indicator"></div>
+
+            <span class="info-name" v-html="stop.stopName"></span>
+            <span class="info-date">
+              <span
+                class="date-arrival"
+                v-if="!stop.beginsHere"
+                :class="{delayed: stop.arrivalDelay > 0, preponed: stop.arrivalDelay < 0}"
+              >p. {{stylizeTime(stop.arrivalRealTimeString, stop.arrivalDelay)}}</span>
+
+              <span
+                class="date-stop"
+                v-if="stop.stopTime"
+                :class="stop.stopType.replace(', ', '-')"
+              >{{ stop.stopTime }} {{ stop.stopType }}</span>
+
+              <span
+                class="date-departure"
+                v-if="!stop.terminatesHere && stop.stopTime != 0"
+                :class="{delayed: stop.departureDelay > 0, preponed: stop.departureDelay < 0}"
+              >o. {{ stylizeTime(stop.departureRealTimeString, stop.departureDelay) }}</span>
+            </span>
+          </span>
+
+          <div class="stop-line departure">{{ stop.departureLine }}</div>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from "vue-property-decorator";
+
+import TrainStop from "@/scripts/interfaces/TrainStop";
+
+@Component
+export default class TrainSchedule extends Vue {
+  @Prop() readonly followingStops!: TrainStop[];
+  @Prop() readonly currentStationName!: string;
+
+  stylizeTime(timeString: string, delay: number) {
+    return timeString + (delay != 0 ? " (" + (delay > 0 ? "+" : "") + delay.toString() + ")" : "");
+  }
+
+}
+</script>
+
+<style lang="scss" scoped>
+@import "../../styles/responsive.scss";
+
+.train-schedule {
+  max-height: 600px;
+  overflow: auto;
+  margin-top: 1rem;
+
+  font-size: 1em;
+
+  @include smallScreen() {
+    font-size: 0.8em;
+  }
+}
+
+.schedule-bar,
+.progress-bar {
+  position: absolute;
+  z-index: 1;
+
+  width: 2px;
+  height: 100%;
+
+  top: 0;
+  left: 0;
+
+  background: white;
+}
+
+.progress-bar {
+  height: 100%;
+
+  top: 0;
+  left: calc(-0.5rem - 2px);
+  width: 2px;
+}
+
+.schedule-wrapper {
+  position: relative;
+  margin-top: 1rem;
+  margin-left: 0.5rem;
+}
+
+ul.schedule-list {
+  margin-left: 10px;
+}
+
+ul.schedule-list > li.schedule-item {
+  position: relative;
+
+  display: flex;
+  flex-direction: column;
+
+  padding: 0 0.5rem;
+
+  &.confirmed {
+    & > .progress-bar,
+    & > .stop-info > .info-indicator {
+      background: lime;
+    }
+  }
+
+  &.stopped {
+    & > .progress-bar {
+      background: lime;
+      height: 50%;
+    }
+
+    & > .stop-info > .info-indicator {
+      background: orangered;
+    }
+  }
+}
+
+li.schedule-item > .stop-info {
+  display: flex;
+
+  position: relative;
+
+  & > .info-indicator {
+    position: absolute;
+    z-index: 1;
+
+    top: 50%;
+    left: -1.5rem;
+
+    transform: translateY(-50%);
+
+    width: 15px;
+    height: 2px;
+
+    background: white;
+  }
+
+  & > .info-name {
+    background: rgb(0, 81, 187);
+    padding: 0.3rem 0.5rem;
+  }
+
+  & > .info-date {
+    display: flex;
+    align-items: center;
+
+    & > span {
+      background: #5c5c5c;
+      padding: 0.3rem 0.5rem;
+    }
+
+    & > .date-stop {
+      &.ph,
+      &.ph-pm {
+        background: #ce8d00;
+      }
+
+      &.pt,
+      &.pm {
+        background: #252525;
+      }
+    }
+
+    & > .date-arrival,
+    & > .date-departure {
+      &.delayed {
+        background: rgb(250, 0, 0);
+      }
+
+      &.preponed {
+        background: rgb(0, 139, 0);
+      }
+    }
+  }
+}
+
+li.schedule-item > .stop-line {
+  font-size: 0.8em;
+  color: #bbb;
+  padding: 0.3em 0;
+  margin: 0.2em 0;
+
+  transform: translateX(-0.8rem);
+}
+</style>
@@ -185,6 +185,7 @@ export default class TrainStats extends Vue {
 .train-stats {
  padding: 0.3em 0;
  font-size: 1.1em;
+  z-index: 2;

  position: relative;
 }
@@ -2,129 +2,152 @@
  <div class="train-table">
    <div class="no-trains" v-if="computedTrains.length == 0">Ups! Brak pociągów do wyświetlenia :/</div>

-    <ul class="list">
-      <li class="item" v-for="(train, i) in computedTrains" :key="i">
-        <span class="info">
-          <div class="info-top">
-            <div class="info-category">
-              <span>
-                <strong>{{ train.timetableData.category }}</strong>
-                {{ train.trainNo }} |
-                <span
-                  style=" color: gold;"
-                >{{ train.timetableData.routeDistance }} km</span>
-              </span>
+    <ul class="train-list">
+      <li
+        class="train-item"
+        v-for="(train, i) in computedTrains"
+        :key="i"
+        :id="train.timetableData.timetableId"
+      >
+        <span class="train-info">
+          <span class="info">
+            <div class="info-top">
+              <div class="info-category">
+                <span>
+                  <strong>{{ train.timetableData.category }}</strong>
+                  {{ train.trainNo }} |
+                  <span
+                    style=" color: gold;"
+                  >{{ train.timetableData.routeDistance }} km</span>
+                </span>

-              <span>
-                <span class="warning twr" v-if="train.timetableData.TWR">TWR</span>
-                <span class="warning skr" v-if="train.timetableData.SKR">SKR</span>
-              </span>
-            </div>
+                <span>
+                  <span class="warning twr" v-if="train.timetableData.TWR">TWR</span>
+                  <span class="warning skr" v-if="train.timetableData.SKR">SKR</span>
+                </span>
+              </div>

-            <div class="info-route">
-              <a :href="'https://rj.td2.info.pl/train#' + train.trainNo + ';eu'" target="_blank">
+              <div class="info-route">
                <strong>
                  {{
                  train.timetableData.route.replace("|", " - ")
                  }}
                </strong>
-              </a>
+              </div>
+
+              <div class="info-stations">
+                <span v-if="train.timetableData.followingStops.length > 2">
+                  Przez:
+                  <span v-html="generateStopList(train.timetableData.followingStops)"></span>
+                </span>
+              </div>
            </div>

-            <div class="info-stations">
-              <span v-if="train.timetableData.followingStops.length > 2">
-                Przez:
-                <span v-html="generateStopList(train.timetableData.followingStops)"></span>
+            <div class="info-bottom">
+              <span
+                class="info-online"
+                :class="{'online': train.online}"
+              >{{train.online ? "ONLINE" : "OFFLINE"}}</span>
+
+              <button
+                class="button"
+                @click="changeScheduleShowState(train.timetableData.timetableId)"
+              >SZCZEGÓŁOWY ROZKŁAD</button>
+            </div>
+          </span>
+
+          <span class="driver">
+            <span class="driver-name">
+              <a
+                :href="'https://td2.info.pl/profile/?u=' + train.driverId"
+                target="_blank"
+              >{{ train.driverName }}</a>
+              <span style="color: #bbb; margin-left: 1em;">
+                {{
+                train.locoType
+                }}
+              </span>
+            </span>
+            <span class="driver-loco">
+              <img :src="train.locoURL" @error="onImageError" />
+            </span>
+          </span>
+
+          <span class="stats">
+            <div class="stats-general">
+              <span class="stat mass">
+                <img :src="massIcon" alt="icon-mass" />
+                {{ train.mass / 1000 }}t
+              </span>
+
+              <span class="stat speed">
+                <img :src="speedIcon" alt="icon-speed" />
+                {{ train.speed }} km/h
+              </span>
+
+              <span class="stat length">
+                <img :src="lengthIcon" alt="icon-length" />
+                {{ train.length }}m
              </span>
            </div>
-          </div>

-          <div class="info-bottom">
-            <span
-              class="info-online"
-              :class="{'online': train.online}"
-            >{{train.online ? "ONLINE" : "OFFLINE"}}</span>
-          </div>
-        </span>
-
-        <span class="driver">
-          <span class="driver-name">
-            <a
-              :href="'https://td2.info.pl/profile/?u=' + train.driverId"
-              target="_blank"
-            >{{ train.driverName }}</a>
-            <span style="color: #bbb; margin-left: 1em;">
-              {{
-              train.locoType
-              }}
-            </span>
-          </span>
-          <span class="driver-loco">
-            <img :src="train.locoURL" @error="onImageError" />
+            <div class="stats-position">
+              <span class="stat station">
+                <div class="stat-icon">
+                  <img :src="sceneryIcon" alt="icon-scenery" />
+                </div>
+                {{ train.currentStationName || "---" }}
+              </span>
+              <span class="stat track">
+                <div class="stat-icon">
+                  <img :src="routeIcon" alt="icon-scenery" />
+                </div>
+                {{ train.connectedTrack || "---" }}
+              </span>
+              <span class="stat signal">
+                <div class="stat-icon">
+                  <img :src="signalIcon" alt="icon-scenery" />
+                </div>
+                {{ train.signal || "---" }}
+              </span>
+              <span class="stat distance">
+                <div class="stat-icon">
+                  <img :src="distanceIcon" alt="icon-scenery" />
+                </div>
+                {{ train.distance || "0" }}m
+              </span>
+            </div>
          </span>
        </span>

-        <span class="stats">
-          <div class="stats-general">
-            <span class="stat mass">
-              <img :src="massIcon" alt="icon-mass" />
-              {{ train.mass / 1000 }}t
-            </span>
-
-            <span class="stat speed">
-              <img :src="speedIcon" alt="icon-speed" />
-              {{ train.speed }} km/h
-            </span>
-
-            <span class="stat length">
-              <img :src="lengthIcon" alt="icon-length" />
-              {{ train.length }}m
-            </span>
-          </div>
-
-          <div class="stats-position">
-            <span class="stat station">
-              <div class="stat-icon">
-                <img :src="sceneryIcon" alt="icon-scenery" />
-              </div>
-              {{ train.currentStationName || "---" }}
-            </span>
-            <span class="stat track">
-              <div class="stat-icon">
-                <img :src="routeIcon" alt="icon-scenery" />
-              </div>
-              {{ train.connectedTrack || "---" }}
-            </span>
-            <span class="stat signal">
-              <div class="stat-icon">
-                <img :src="signalIcon" alt="icon-scenery" />
-              </div>
-              {{ train.signal || "---" }}
-            </span>
-            <span class="stat distance">
-              <div class="stat-icon">
-                <img :src="distanceIcon" alt="icon-scenery" />
-              </div>
-              {{ train.distance || "0" }}m
-            </span>
-          </div>
-        </span>
+        <TrainSchedule
+          :followingStops="train.timetableData.followingStops"
+          :currentStationName="train.currentStationName"
+          @click="changeScheduleShowState(train.timetableData.timetableId)"
+          v-if="showSchedules.includes(train.timetableData.timetableId)"
+        />
      </li>
    </ul>
  </div>
 </template>

 <script lang="ts">
-import { Vue, Component, Prop } from "vue-property-decorator";
+import { Vue, Component, Prop, Watch } from "vue-property-decorator";

 const unknownTrainImage = require("@/assets/unknown.png");

 import Train from "@/scripts/interfaces/Train";
 import Station from "@/scripts/interfaces/Station";

-@Component
+import TrainSchedule from "@/components/TrainsView/TrainSchedule.vue";
+
+@Component({
+  components: { TrainSchedule }
+})
 export default class TrainTable extends Vue {
-  @Prop() readonly computedTrains!: Train[];
+  @Prop() computedTrains!: Train[];
+
+  showSchedules: number[] = [];

  speedIcon: string = require("@/assets/icon-speed.svg");
  massIcon: string = require("@/assets/icon-mass.svg");
@@ -135,6 +158,11 @@ export default class TrainTable extends Vue {
  signalIcon: string = require("@/assets/icon-signal.svg");
  routeIcon: string = require("@/assets/icon-route.svg");

+  changeScheduleShowState(timetableId: number) {
+    if (this.showSchedules.includes(timetableId)) this.showSchedules.splice(this.showSchedules.indexOf(timetableId), 1)
+    else this.showSchedules.push(timetableId);
+  }
+
  onImageError(e: Event) {
    (e.target as HTMLImageElement).src = unknownTrainImage;
  }
@@ -156,10 +184,6 @@ export default class TrainTable extends Vue {
@import "../../styles/responsive.scss";
@import "../../styles/variables.scss";

-.train-table {
-  font-size: calc(0.4rem + 0.5vw);
-}
-
 .no-trains {
  text-align: center;
  font-size: 1.5em;
@@ -170,26 +194,29 @@ export default class TrainTable extends Vue {
  background: #333;
 }

-.list {
-  overflow: auto;
+.train {
+  &-list {
+    overflow: auto;

-  @include smallScreen() {
-    width: 100%;
+    @include smallScreen() {
+      width: 100%;
+    }
+  }
+
+  &-item {
+    padding: 1rem;
+    margin-bottom: 1rem;
+
+    background-color: #383838;
+
+    cursor: pointer;
  }
 }

-.item {
+.train-info {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
-
-  background-color: #444;
-  padding: 1rem;
-
-  margin-bottom: 1em;
-
-  &:nth-child(even) {
-    background-color: #666;
-  }
+  font-size: calc(0.4rem + 0.5vw);

  @include smallScreen() {
    grid-template-columns: 1fr;
@@ -197,7 +224,10 @@ export default class TrainTable extends Vue {

    font-size: 0.8rem;
    gap: 0.4em 0;
-    // grid-template-columns: repeat(3, 1fr);
+  }
+
+  @include bigScreen() {
+    font-size: 1.1rem;
  }
 }

@@ -238,6 +268,19 @@ export default class TrainTable extends Vue {
      background-color: #009700;
    }
  }
+
+  &-bottom {
+    display: flex;
+    align-items: center;
+
+    button {
+      margin-left: 10px;
+      background: #144e75;
+      border-radius: 1em;
+      padding: 0.2em 0.5em;
+      font-size: 0.85em;
+    }
+  }
 }

 .driver {
@@ -1,4 +1,5 @@
 import Train from '@/scripts/interfaces/Train';
+import TrainStop from '@/scripts/interfaces/TrainStop';

 export default interface Station {
  stationName: string;
@@ -32,18 +33,7 @@ export default interface Station {
    driverName: string;
    driverId: number;
    currentStationName: string;
-    stopName: string;
-    stopType: string;
-    arrivalLine?: string;
-    arrivalTime: number;
-    arrivalDelay: number;
-    departureLine?: string;
-    departureTime: number;
-    beginsHere: boolean;
-    terminatesHere: boolean;
-    departureDelay: number;
-    confirmed: boolean;
-    stopped: boolean;
-    stopTime: number;
+    category: string;
+    stopInfo: TrainStop;
  }[];
 }
@@ -1,3 +1,5 @@
+import TrainStop from '@/scripts/interfaces/TrainStop';
+
 export default interface Train {
  mass: number;
  length: number;
@@ -17,23 +19,7 @@ export default interface Train {
    timetableId: number;
    category: string;
    route: string;
-    followingStops: {
-      stopName: string;
-      stopNameRAW: string;
-      stopType: string;
-      mainStop: boolean;
-      arrivalLine?: string;
-      arrivalTime: number;
-      arrivalDelay: number;
-      departureLine?: string;
-      departureTime: number;
-      beginsHere: boolean;
-      terminatesHere: boolean;
-      departureDelay: number;
-      confirmed: boolean;
-      stopped: boolean;
-      stopTime: number;
-    }[];
+    followingStops: TrainStop[];
    TWR: boolean;
    SKR: boolean;
    routeDistance: number;
@@ -0,0 +1,28 @@
+export default interface {
+    stopName: string;
+    stopNameRAW: string;
+    stopType: string;
+    mainStop: boolean;
+
+    arrivalLine: string;
+    arrivalTimeString: string;
+    arrivalTimestamp: number;
+    arrivalRealTimeString: string;
+    arrivalRealTimestamp: number;
+    arrivalDelay: number;
+
+    departureLine: string;
+    departureTimeString: string;
+    departureTimestamp: number;
+    departureRealTimeString: string;
+    departureRealTimestamp: number;
+    departureDelay: number;
+
+    comments?: any;
+
+    beginsHere: boolean;
+    terminatesHere: boolean;
+    confirmed: boolean;
+    stopped: boolean;
+    stopTime: number;
+}
@@ -5,7 +5,7 @@ import JSONStationData from '@/data/stations.json';

 import Station from '@/scripts/interfaces/Station';
 import Train from '@/scripts/interfaces/Train';
-import Timetable from '@/scripts/interfaces/Timetable';
+import TrainStop from '@/scripts/interfaces/TrainStop';

 enum Status {
  Loading = 0,
@@ -80,6 +80,11 @@ const getStatusTimestamp = (stationStatus: any) => {

 const getOpenSpawns = (spawnString: string) => (spawnString ? spawnString.split(';').map(v => (v.split(',')[6] ? v.split(',')[6] : v.split(',')[0])) : '');
 const getTimestamp = (date: string) => (date ? new Date(date).getTime() : 0);
+const timestampToTime = (timestamp: number) =>
+  new Date(timestamp).toLocaleTimeString('pl-PL', {
+    hour: '2-digit',
+    minute: '2-digit',
+  });

@Module
 export default class Store extends VuexModule {
@@ -135,41 +140,40 @@ export default class Store extends VuexModule {
        if (timetable && trainInfo) {
          timetableData = {};

-          const followingStops = timetable.stopPoints.reduce((acc, point) => {
-            const stopObj: any = {};
+          const followingStops: TrainStop[] = timetable.stopPoints.reduce((acc: TrainStop[], point) => {
+            const arrivalTimestamp = getTimestamp(point.arrivalTime);
+            const arrivalRealTimestamp = getTimestamp(point.arrivalRealTime);

-            // if (point.pointName.includes('strong') && !point.pointName.includes('Południowy')) {
-            //   stopObj.stopName = point.pointNameRAW;
-            //   stopObj.stopType = point.pointStopType;
-            // }
+            const departureTimestamp = getTimestamp(point.departureTime);
+            const departureRealTimestamp = getTimestamp(point.departureRealTime);

-            // if (point.pointNameRAW.includes('Południowy')) return acc;
-            // if (
-            //   !point.pointName.includes('strong') ||
-            //   !(point.pointNameRAW.includes('podg.') || JSONStationData.some(data => data.stationName.toLowerCase().includes(point.pointNameRAW.split(',')[0].toLowerCase())))
-            // )
-            //   return acc;
+            acc.push({
+              stopName: point.pointName,
+              stopNameRAW: point.pointNameRAW,
+              stopType: point.pointStopType,
+              mainStop: point.pointName.includes('strong'),

-            // stopObj.stopName = point.pointName.includes('strong') ? point.pointNameRAW : point.pointNameRAW.split(',')[0];
-            // stopObj.stopType = point.pointName.includes('strong') ? point.pointStopType : 'pt podg.';
+              arrivalLine: point.arrivalLine,
+              arrivalTimeString: timestampToTime(point.arrivalTime),
+              arrivalTimestamp: arrivalTimestamp,
+              arrivalRealTimeString: timestampToTime(point.arrivalRealTime),
+              arrivalRealTimestamp: arrivalRealTimestamp,
+              arrivalDelay: point.arrivalDelay,

-            stopObj.stopName = point.pointName;
-            stopObj.stopNameRAW = point.pointNameRAW;
-            stopObj.stopType = point.pointStopType;
+              departureLine: point.departureLine,
+              departureTimeString: timestampToTime(point.departureTime),
+              departureTimestamp: departureTimestamp,
+              departureRealTimeString: timestampToTime(point.departureRealTime),
+              departureRealTimestamp: departureRealTimestamp,
+              departureDelay: point.departureDelay,

-            stopObj.mainStop = point.pointName.includes('strong');
+              beginsHere: arrivalTimestamp == 0,
+              terminatesHere: departureTimestamp == 0,

-            stopObj.arrivalTime = getTimestamp(point.arrivalTime);
-            stopObj.departureTime = getTimestamp(point.departureTime);
-            stopObj.arrivalDelay = point.arrivalDelay;
-            stopObj.departureDelay = point.departureDelay;
-            stopObj.beginsHere = getTimestamp(point.arrivalTime) == 0 ? true : false;
-            stopObj.terminatesHere = getTimestamp(point.departureTime) == 0 ? true : false;
-            stopObj.confirmed = point.confirmed;
-            stopObj.stopped = point.isStopped;
-            stopObj.stopTime = point.pointStopTime;
-
-            acc.push(stopObj);
+              confirmed: point.confirmed,
+              stopped: point.isStopped,
+              stopTime: point.pointStopTime,
+            });

            return acc;
          }, []);
@@ -384,12 +388,12 @@ export default class Store extends VuexModule {
          const scheduledData = timetableData.followingStops[scheduledIndex];

          acc.push({
-            ...scheduledData,
            trainNo: timetableData.trainNo,
            driverName: timetableData.driverName,
            driverId: timetableData.driverId,
            currentStationName: timetableData.currentStationName,
            category: timetableData.category,
+            stopInfo: scheduledData,
          });
        }

@@ -4,11 +4,7 @@
      <div class="stations-body">
        <div class="options">
          <div class="options-actions">
-            <button
-              class="action-btn"
-              :class="{'open': filterCardOpen}"
-              @click="() => toggleCardsState('filter')"
-            >
+            <button class="action-btn" :class="{ open: filterCardOpen }" @click="() => toggleCardsState('filter')">
              <img :src="require('@/assets/icon-filter2.svg')" alt="icon-filter" />
              <p>FILTRY</p>
            </button>
@@ -40,333 +36,310 @@
 </template>

 <script lang="ts">
-import { Vue, Component } from "vue-property-decorator";
-import { Getter } from "vuex-class";
+  import { Vue, Component } from "vue-property-decorator";
+  import { Getter } from "vuex-class";

-import Station from "@/scripts/interfaces/Station";
-import Train from "@/scripts/interfaces/Train";
+  import Station from "@/scripts/interfaces/Station";
+  import Train from "@/scripts/interfaces/Train";

-import inputData from "@/data/options.json";
+  import inputData from "@/data/options.json";

-import StationTable from "@/components/StationsView/StationTable.vue";
-import StationCard from "@/components/StationsView/StationCard.vue";
-import FilterCard from "@/components/StationsView/FilterCard.vue";
+  import StationTable from "@/components/StationsView/StationTable.vue";
+  import StationCard from "@/components/StationsView/StationCard.vue";
+  import FilterCard from "@/components/StationsView/FilterCard.vue";

-const filterInitStates = {
-  default: false,
-  notDefault: false,
-  nonPublic: false,
-  SPK: false,
-  SCS: false,
-  ręczne: false,
-  mechaniczne: false,
-  współczesna: false,
-  kształtowa: false,
-  historyczna: false,
-  mieszana: false,
-  minLevel: 0,
-  minOneWayCatenary: 0,
-  minOneWay: 0,
-  minTwoWayCatenary: 0,
-  minTwoWay: 0,
-  "no-1track": false,
-  "no-2track": false,
-  free: true,
-  occupied: false,
-  ending: false,
-};
+  const filterInitStates = {
+    default: false,
+    notDefault: false,
+    nonPublic: false,
+    SPK: false,
+    SCS: false,
+    ręczne: false,
+    mechaniczne: false,
+    współczesna: false,
+    kształtowa: false,
+    historyczna: false,
+    mieszana: false,
+    minLevel: 0,
+    minOneWayCatenary: 0,
+    minOneWay: 0,
+    minTwoWayCatenary: 0,
+    minTwoWay: 0,
+    "no-1track": false,
+    "no-2track": false,
+    free: true,
+    occupied: false,
+    ending: false,
+  };

-@Component({
-  components: {
-    StationCard,
-    StationTable,
-    FilterCard,
-  },
-})
-export default class StationsView extends Vue {
-  STORAGE_KEY: string = "options_saved";
+  @Component({
+    components: {
+      StationCard,
+      StationTable,
+      FilterCard,
+    },
+  })
+  export default class StationsView extends Vue {
+    STORAGE_KEY: string = "options_saved";

-  sorterActive: { index: number; dir: number } = { index: 0, dir: 1 };
-  focusedStationName: string = "";
-  filterCardOpen: boolean = false;
-  filters = { ...filterInitStates };
+    sorterActive: { index: number; dir: number } = { index: 0, dir: 1 };
+    focusedStationName: string = "";
+    filterCardOpen: boolean = false;
+    filters = { ...filterInitStates };

-  inputs = inputData;
+    inputs = inputData;

-  @Getter("getStationList") stationList!: Station[];
+    @Getter("getStationList") stationList!: Station[];

-  toggleCardsState(name: string): void {
-    if (name == "filter") {
-      this.filterCardOpen = !this.filterCardOpen;
+    toggleCardsState(name: string): void {
+      if (name == "filter") {
+        this.filterCardOpen = !this.filterCardOpen;
+      }
+    }
+
+    changeSorter(index: number) {
+      if (index > 5) return;
+
+      if (index == this.sorterActive.index) this.sorterActive.dir = -1 * this.sorterActive.dir;
+      else this.sorterActive.dir = 1;
+
+      this.sorterActive.index = index;
+    }
+
+    changeFilterValue(filter: { name: string; value: number }) {
+      this.filters[filter.name] = filter.value;
+    }
+
+    resetFilters() {
+      this.filters = { ...filterInitStates };
+    }
+
+    get computedStations() {
+      const dir: number = this.sorterActive.dir;
+      // const scheduledTrainList = this.scheduledTrains;
+
+      return this.stationList
+        .filter((station) => {
+          if (!station.reqLevel || station.reqLevel == "-1") return true;
+
+          if ((station.nonPublic || !station.reqLevel) && this.filters["nonPublic"]) return false;
+
+          if (station.online && station.occupiedTo == "KOŃCZY" && this.filters["ending"]) return false;
+
+          if (station.online && this.filters["occupied"]) return false;
+          if (!station.online && this.filters["free"]) return false;
+
+          if (station.default && this.filters["default"]) return false;
+          if (!station.default && this.filters["notDefault"]) return false;
+
+          if (parseInt(station.reqLevel) < this.filters["minLevel"]) return false;
+
+          if (
+            this.filters["no-1track"] &&
+            (station.routes.oneWay.catenary != 0 || station.routes.oneWay.noCatenary != 0)
+          )
+            return false;
+          if (
+            this.filters["no-2track"] &&
+            (station.routes.twoWay.catenary != 0 || station.routes.twoWay.noCatenary != 0)
+          )
+            return false;
+
+          if (station.routes.oneWay.catenary < this.filters["minOneWayCatenary"]) return false;
+          if (station.routes.oneWay.noCatenary < this.filters["minOneWay"]) return false;
+
+          if (station.routes.twoWay.catenary < this.filters["minTwoWayCatenary"]) return false;
+          if (station.routes.twoWay.noCatenary < this.filters["minTwoWay"]) return false;
+
+          if (this.filters[station.controlType]) return false;
+          if (this.filters[station.signalType]) return false;
+
+          if (this.filters["SPK"] && (station.controlType === "SPK" || station.controlType.includes("+SPK")))
+            return false;
+          if (this.filters["SCS"] && (station.controlType === "SCS" || station.controlType.includes("+SCS")))
+            return false;
+
+          if (
+            this.filters["SCS"] &&
+            this.filters["SPK"] &&
+            (station.controlType.includes("SPK") || station.controlType.includes("SCS"))
+          )
+            return false;
+
+          if (this.filters["mechaniczne"] && station.controlType.includes("mechaniczne")) return false;
+
+          if (this.filters["ręczne"] && station.controlType.includes("ręczne")) return false;
+
+          return true;
+        })
+        .sort((a, b) => {
+          switch (this.sorterActive.index) {
+            case 1:
+              if (parseInt(a.reqLevel) > parseInt(b.reqLevel)) return dir;
+              if (parseInt(a.reqLevel) < parseInt(b.reqLevel)) return -dir;
+              break;
+
+            case 2:
+              if (a.statusTimestamp > b.statusTimestamp) return dir;
+              if (a.statusTimestamp < b.statusTimestamp) return -dir;
+              break;
+
+            case 3:
+              if (a.dispatcherName.toLowerCase() > b.dispatcherName.toLowerCase()) return dir;
+              if (a.dispatcherName.toLowerCase() < b.dispatcherName.toLowerCase()) return -dir;
+              break;
+
+            case 4:
+              if (a.dispatcherExp > b.dispatcherExp) return dir;
+              if (a.dispatcherExp < b.dispatcherExp) return -dir;
+              break;
+
+            case 5:
+              if (a.currentUsers > b.currentUsers) return dir;
+              if (a.currentUsers < b.currentUsers) return -dir;
+              if (a.maxUsers > b.maxUsers) return dir;
+              if (a.maxUsers < b.maxUsers) return -dir;
+              break;
+
+            default:
+              break;
+          }
+
+          if (a.stationName.toLowerCase() >= b.stationName.toLowerCase()) return dir;
+          return -dir;
+        });
+    }
+
+    mounted() {
+      const storage = window.localStorage;
+
+      if (storage.getItem(this.STORAGE_KEY) !== "true") return;
+
+      this.inputs.options.forEach((option) => {
+        const value = storage.getItem(option.name) === "true" ? true : false;
+
+        this.changeFilterValue({ name: option.name, value: value ? 0 : 1 });
+        option.value = value;
+      });
+
+      this.inputs.sliders.forEach((slider) => {
+        const value = parseInt(storage.getItem(slider.name) || "0");
+
+        this.changeFilterValue({ name: slider.name, value });
+        slider.value = value;
+      });
+
+      window.addEventListener("keydown", (e: KeyboardEvent) => {
+        if (e.keyCode == 27 && this.focusedStationName != "") {
+          this.focusedStationName = "";
+        }
+      });
+    }
+
+    closeCard() {
+      this.focusedStationName = "";
+    }
+
+    setFocusedStation(name: string) {
+      if (this.focusedStationName == name) this.focusedStationName = "";
+      else this.focusedStationName = name;
+    }
+
+    get focusedStationInfo() {
+      return this.computedStations.find((station) => station.stationName === this.focusedStationName);
    }
  }
-
-  changeSorter(index: number) {
-    if (index > 5) return;
-
-    if (index == this.sorterActive.index)
-      this.sorterActive.dir = -1 * this.sorterActive.dir;
-    else this.sorterActive.dir = 1;
-
-    this.sorterActive.index = index;
-  }
-
-  changeFilterValue(filter: { name: string; value: number }) {
-    this.filters[filter.name] = filter.value;
-  }
-
-  resetFilters() {
-    this.filters = { ...filterInitStates };
-  }
-
-
-  get computedStations() {
-    const dir: number = this.sorterActive.dir;
-    // const scheduledTrainList = this.scheduledTrains;
-
-    return this.stationList
-      .filter((station) => {
-        if (!station.reqLevel || station.reqLevel == "-1") return true;
-
-        if (
-          (station.nonPublic || !station.reqLevel) &&
-          this.filters["nonPublic"]
-        )
-          return false;
-
-        if (
-          station.online &&
-          station.occupiedTo == "KOŃCZY" &&
-          this.filters["ending"]
-        )
-          return false;
-
-        if (station.online && this.filters["occupied"]) return false;
-        if (!station.online && this.filters["free"]) return false;
-
-        if (station.default && this.filters["default"]) return false;
-        if (!station.default && this.filters["notDefault"]) return false;
-
-        if (parseInt(station.reqLevel) < this.filters["minLevel"]) return false;
-
-        if (
-          this.filters["no-1track"] &&
-          (station.routes.oneWay.catenary != 0 ||
-            station.routes.oneWay.noCatenary != 0)
-        )
-          return false;
-        if (
-          this.filters["no-2track"] &&
-          (station.routes.twoWay.catenary != 0 ||
-            station.routes.twoWay.noCatenary != 0)
-        )
-          return false;
-
-        if (station.routes.oneWay.catenary < this.filters["minOneWayCatenary"])
-          return false;
-        if (station.routes.oneWay.noCatenary < this.filters["minOneWay"])
-          return false;
-
-        if (station.routes.twoWay.catenary < this.filters["minTwoWayCatenary"])
-          return false;
-        if (station.routes.twoWay.noCatenary < this.filters["minTwoWay"])
-          return false;
-
-        if (this.filters[station.controlType]) return false;
-        if (this.filters[station.signalType]) return false;
-
-        if (this.filters["SPK"] && (station.controlType === "SPK" || station.controlType.includes("+SPK")))
-          return false;
-        if (this.filters["SCS"] && (station.controlType === "SCS" || station.controlType.includes("+SCS")))
-          return false;
-
-        if (this.filters["SCS"] && this.filters["SPK"] && (station.controlType.includes("SPK") || station.controlType.includes("SCS")))
-          return false;
-
-        if (
-          this.filters["mechaniczne"] &&
-          station.controlType.includes("mechaniczne")
-        )
-          return false;
-
-        if (this.filters["ręczne"] && station.controlType.includes("ręczne"))
-          return false;
-
-        return true;
-      })
-      .sort((a, b) => {
-        switch (this.sorterActive.index) {
-          case 1:
-            if (parseInt(a.reqLevel) > parseInt(b.reqLevel)) return dir;
-            if (parseInt(a.reqLevel) < parseInt(b.reqLevel)) return -dir;
-            break;
-
-          case 2:
-            if (a.statusTimestamp > b.statusTimestamp) return dir;
-            if (a.statusTimestamp < b.statusTimestamp) return -dir;
-            break;
-
-          case 3:
-            if (a.dispatcherName.toLowerCase() > b.dispatcherName.toLowerCase()) return dir;
-            if (a.dispatcherName.toLowerCase() < b.dispatcherName.toLowerCase()) return -dir;
-            break;
-
-          case 4:
-            if (a.dispatcherExp > b.dispatcherExp) return dir;
-            if (a.dispatcherExp < b.dispatcherExp) return -dir;
-            break;
-
-          case 5:
-            if (a.currentUsers > b.currentUsers) return dir;
-            if (a.currentUsers < b.currentUsers) return -dir;
-            if (a.maxUsers > b.maxUsers) return dir;
-            if (a.maxUsers < b.maxUsers) return -dir;
-            break;
-
-          default:
-            break;
-        }
-
-        if (a.stationName.toLowerCase() >= b.stationName.toLowerCase()) return dir;
-        return -dir;
-      })
-  }
-
-  mounted() {
-    const storage = window.localStorage;
-
-    if (storage.getItem(this.STORAGE_KEY) !== "true") return;
-
-    this.inputs.options.forEach(option => {
-      const value = storage.getItem(option.name) === "true" ? true : false;
-
-
-      this.changeFilterValue({ name: option.name, value: value ? 0 : 1 });
-      option.value = value;
-    })
-
-    this.inputs.sliders.forEach(slider => {
-      const value = parseInt(storage.getItem(slider.name) || "0");
-
-
-      this.changeFilterValue({ name: slider.name, value });
-      slider.value = value;
-    })
-
-    window.addEventListener('keydown', (e: KeyboardEvent) => {
-      if (e.keyCode == 27 && this.focusedStationName != "") {
-        this.focusedStationName = "";
-      }
-
-    })
-  }
-
-  closeCard() {
-    this.focusedStationName = "";
-  }
-
-  setFocusedStation(name: string) {
-    if (this.focusedStationName == name) this.focusedStationName = "";
-    else this.focusedStationName = name;
-  }
-
-  get focusedStationInfo() {
-    return this.computedStations.find(
-      (station) => station.stationName === this.focusedStationName
-    );
-  }
-}
 </script>

 <style lang="scss" scoped>
-.stations-view {
-  padding: 1rem 0;
-  min-height: 100%;
+  .stations-view {
+    padding: 1rem 0;
+    min-height: 100%;

-  font-size: calc(0.6rem + 0.9vw);
+    font-size: calc(0.6rem + 0.9vw);

-  position: relative;
-}
-
-@import "../styles/variables.scss";
-@import "../styles/responsive.scss";
-
-.card-anim {
-  &-enter-active,
-  &-leave-active {
-    transition: all 0.25s ease-in-out;
+    position: relative;
  }

-  &-enter,
-  &-leave-to {
-    transform: translate(-45%, -50%);
-    opacity: 0;
-  }
-}
+  @import "../styles/variables.scss";
+  @import "../styles/responsive.scss";

-.options {
-  &-actions {
-    display: flex;
-  }
-}
+  .card-anim {
+    &-enter-active,
+    &-leave-active {
+      transition: all 0.25s ease-in-out;
+    }

-.action-btn {
-  display: flex;
-  align-items: center;
-
-  background: #333;
-  border: none;
-
-  color: #e0e0e0;
-  font-size: 0.65em;
-
-  padding: 0.3em;
-
-  outline: none;
-  cursor: pointer;
-
-  transition: all 0.3s;
-
-  img {
-    width: 1.3em;
-    margin-right: 0.2em;
+    &-enter,
+    &-leave-to {
+      transform: translate(-45%, -50%);
+      opacity: 0;
+    }
  }

-  p {
-    font-size: 1em;
-    overflow: hidden;
-
-    transition: max-width 0.35s ease-in-out;
-  }
-
-  &:hover {
-    color: $accentCol;
-    background: rgba(#e0e0e0, 0.4);
-  }
-
-  &.open {
-    color: $accentCol;
-  }
-}
-
-@include smallScreen {
  .options {
+    &-actions {
+      display: flex;
+    }
+  }
+
+  .action-btn {
+    display: flex;
+    align-items: center;
+
+    background: #333;
+    border: none;
+
+    color: #e0e0e0;
+    font-size: 0.65em;
+
+    padding: 0.3em;
+
+    outline: none;
+    cursor: pointer;
+
+    transition: all 0.3s;
+
+    img {
+      width: 1.3em;
+      margin-right: 0.2em;
+    }
+
+    p {
+      font-size: 1em;
+      overflow: hidden;
+
+      transition: max-width 0.35s ease-in-out;
+    }
+
+    &:hover {
+      color: $accentCol;
+      background: rgba(#e0e0e0, 0.4);
+    }
+
+    &.open {
+      color: $accentCol;
+    }
+  }
+
+  @include smallScreen {
+    .options {
+      display: flex;
+      justify-content: center;
+    }
+
+    .action-btn {
+      font-size: 0.75rem;
+    }
+  }
+
+  .stations-wrapper {
    display: flex;
    justify-content: center;
  }

-  .action-btn {
-    font-size: 0.75rem;
+  .stations-body {
+    margin: 0 auto;
+    overflow: auto;
  }
-}
-
-.stations-wrapper {
-  display: flex;
-  justify-content: center;
-}
-
-.stations-body {
-  margin: 0 auto;
-  overflow: auto;
-}
 </style>
@@ -122,7 +122,7 @@ export default class TrainsView extends Vue {

 .body-wrapper {
  margin: 1rem auto;
-  max-width: 1200px;
+  max-width: 1300px;

  padding: 0 0.5rem;