Poprawki wyglądu

src/components/SceneryView/SceneryHistory.vue

@@ -1,14 +1,14 @@
 <template>
   <div class="scenery-history">
-    <h2>HISTORIA DYŻURÓW</h2>
+    <h2>{{ $t('journal.title') }}</h2>
 
     <ul>
       <li v-if="!isLoaded">
-        <h3>Ładowanie historii...</h3>
+        <h3>{{ $t('journal.loading') }}</h3>
       </li>
 
       <li v-if="isLoaded && dispatcherTimeline.length == 0">
-        <h3>Brak historii dla tej scenerii!</h3>
+        <h3>{{ $t('journal.no-history') }}</h3>
       </li>
 
       <li v-for="(timeline, i) in dispatcherTimeline" :key="i">
@@ -100,7 +100,7 @@ export default defineComponent({
       const apiResult: HistoryResultAPI = (await axios.get(`${API_URL}?name=${this.name}`)).data;
 
       this.isLoaded = true;
-      if(!apiResult || !apiResult.result) return;
+      if (!apiResult || !apiResult.result) return;
 
       if (!apiResult.errorMessage) {
         this.dispatcherHistory = apiResult.result.dispatcherHistory;
@@ -122,7 +122,6 @@ export default defineComponent({
             return acc;
           }, [] as DispatcherTimeline[])
           .reverse();
-
       }
     } catch (error) {
       console.error(error);
@@ -148,12 +147,14 @@ export default defineComponent({
 
 <style lang="scss" scoped>
 .scenery-history {
-    height: 600px;
+  height: 600px;
-    overflow-y: scroll;
+  overflow-y: hidden;
 }
 
 ul {
-  margin-top: 1em;
+  margin-top: 2em;
+  height: 600px;
+  overflow-y: scroll;
 }
 
 li {

src/locales/en.json

@@ -139,10 +139,9 @@
     "table-limit": "For performance reasons there's a limit of 10 trains shown at the same time." 
   },
   "journal": {
-    "title": "SCENERY ACTIVITY JOURNAL",
+    "title": "DISPATCHER HISTORY",
-    "subtitle": "Shows all recent dispatchers on a selected scenery",
+    "loading": "Loading dispatcher history data...",
-    "disclaimer": "<b>This functionality is unfinished!</b> \n Information shown here could be false or incorrect!",
+    "no-history": "No dispatcher history found!"
-    "select": "Select a scenery"
   },
   "scenery": {
     "users": "PLAYERS ONLINE",
@@ -152,7 +151,9 @@
     "no-users": "NO ACTIVE PLAYERS",
     "no-spawns": "NO OPEN SPAWNS",
     "no-scenery": "Oops! This scenery doesn't exist!",
-    "return-btn": "Return to main site"
+    "return-btn": "Return to main site",
+    "history-btn": "View the dispatcher history",
+    "info-btn": "Return to the scenery view"
   },
   "timetables": {
     "timetable-only": "Switch to timetable-only view",

src/locales/pl.json

@@ -139,10 +139,9 @@
     "table-limit": "Dla płynności działania strony pokazanych jest tylko 10 pociągów zgodnie z wybranymi filtrami." 
   },
   "journal": {
-    "title": "DZIENNIK AKTYWNOŚCI SCENERII",
+    "title": "HISTORIA DYŻURÓW",
-    "subtitle": "Pokazuje dyżurnych, którzy ostatnio byli aktywni na wybranej scenerii",
+    "loading": "Ładowanie historii dyżurów...",
-    "disclaimer": "<b>Ta funkcjonalność jest w testach beta!</b> \n Informacje pokazywane na ekranie mogą znikać, a ich zawartość może być fałszywa!",
+    "no-history": "Brak historii dyżurów dla tej scenerii!"
-    "select": "Wybierz scenerię"
   },
   "scenery": {
     "users": "GRACZE ONLINE",
@@ -152,7 +151,9 @@
     "no-users": "BRAK AKTYWNYCH GRACZY",
     "no-spawns": "BRAK OTWARTYCH SPAWNÓW",
     "no-scenery": "Ups! Ta sceneria nie istnieje!",
-    "return-btn": "Wróć na stronę główną"
+    "return-btn": "Wróć na stronę główną",
+    "history-btn": "Przejdź do widoku historii dyżurnych ruchu",
+    "info-btn": "Wróc do widoku scenerii"
   },
   "timetables": {
     "timetable-only": "Wyodrębnij rozkłady jazdy",

src/views/SceneryView.vue

@@ -9,7 +9,7 @@
     </div>
 
     <div class="scenery-wrapper" v-if="stationInfo" ref="card-wrapper">
-      <button v-if="!timetableOnly" class="back-btn btn btn--image" title="Powrót do scenerii" @click="navigateTo('/')">
+      <button v-if="!timetableOnly" class="back-btn btn btn--image" :title="$t('scenery.return-btn')" @click="navigateTo('/')">
         <img :src="icons.back" alt="Back to scenery" />
       </button>
 
@@ -17,9 +17,9 @@
         v-if="!timetableOnly"
         class="history-btn btn btn--image"
         @click="setCardViewMode(viewMode == 'history' ? 'info' : 'history')"
-        :title="viewMode == 'history' ? 'Powrót do widoku scenerii' : 'Widok historii dyżurnych ruchu'"
+        :title="viewMode == 'history' ? $t('scenery.info-btn') : $t('scenery.history-btn')"
       >
-        <img :src="viewMode == 'history' ? icons.history : icons.user" alt="icon" />
+        <img :src="viewMode == 'history' ? icons.user : icons.history" alt="icon" />
       </button>
 
       <SceneryHeader :station="stationInfo" />