animacje statusów listy scenerii; fixy tłumaczeń

src/components/StationsView/StationTable.vue

@@ -1,6 +1,7 @@
 <template>
   <section class="station_table">
-    <div class="table_wrapper">
+    <transition name="status-anim">
+      <div class="table_wrapper" :key="apiStore.dataStatuses.connection">
         <table>
           <thead>
             <tr>
@@ -141,7 +142,9 @@
                     )
                   "
                 >
-                {{ station.onlineInfo.dispatcherExp < 2 ? 'L' : station.onlineInfo.dispatcherExp }}
+                  {{
+                    station.onlineInfo.dispatcherExp < 2 ? 'L' : station.onlineInfo.dispatcherExp
+                  }}
                 </span>
               </td>
 
@@ -282,13 +285,14 @@
             </tr>
           </tbody>
         </table>
-    </div>
 
         <Loading v-if="apiStore.dataStatuses.connection == Status.Loading" />
 
         <div class="no-stations" v-else-if="stations.length == 0">
           {{ $t('sceneries.no-stations') }}
         </div>
+      </div>
+    </transition>
   </section>
 </template>
 
@@ -400,8 +404,9 @@ $rowCol: #424242;
 
 .table_wrapper {
   overflow: auto;
-  overflow-y: hidden;
   font-weight: 500;
+  height: 90vh;
+  min-height: 550px;
 }
 
 .no-stations {
@@ -430,39 +435,39 @@ table {
     top: 0;
 
     &.station {
-      width: 200px;
+      width: 12em;
     }
 
     &.min-lvl {
-      width: 120px;
+      width: 4em;
     }
 
     &.status {
-      width: 140px;
+      width: 10em;
     }
 
     &.dispatcher {
-      width: 230px;
+      width: 12em;
     }
 
     &.dispatcher-lvl {
-      width: 100px;
+      width: 6em;
     }
 
     &.routes-double,
     &.routes-single {
-      width: 80px;
+      width: 7em;
     }
 
     &.general {
-      width: 160px;
+      width: 10em;
     }
 
     &.header-image {
-      width: 60px;
+      width: 3.5em;
 
       &.user {
-        width: 75px;
+        width: 5em;
       }
     }
 

src/locales/en.json

@@ -234,8 +234,8 @@
   },
   "sceneries": {
     "headers": {
-      "station": "Station",
-      "min-lvl": "Station\nlevel",
+      "station": "Scenery",
+      "min-lvl": "Scenery\nlevel",
       "status": "Status",
       "dispatcher": "Dispatcher",
       "dispatcher-lvl": "Dispatcher\nlevel",

src/locales/pl.json

@@ -225,9 +225,8 @@
   },
   "sceneries": {
     "headers": {
-      "station": "Stacja",
-      "abbr": "Skrót\nposterunku",
-      "min-lvl": "Poziom\nstacji",
+      "station": "Sceneria",
+      "min-lvl": "Poziom\nscenerii",
       "status": "Status",
       "dispatcher": "Dyżurny",
       "dispatcher-lvl": "Poziom\ndyżurnego",