From 3c74580bedd228cad790f483b9b41b74c30dace0 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Wed, 7 May 2025 20:06:37 +0200
Subject: [PATCH] refactor: changed position of generaTOR link; added missing
 tooltips

---
 src/components/SceneryView/SceneryInfo.vue    | 16 ----------
 .../SceneryInfo/SceneryInfoRoutes.vue         |  3 +-
 .../SceneryView/SceneryTimetable.vue          | 31 ++++++++++++++++---
 src/locales/en.json                           |  6 ++--
 src/locales/pl.json                           |  8 ++---
 src/views/SceneryView.vue                     |  2 +-
 6 files changed, 37 insertions(+), 29 deletions(-)

diff --git a/src/components/SceneryView/SceneryInfo.vue b/src/components/SceneryView/SceneryInfo.vue
index be58562..eb726ae 100644
--- a/src/components/SceneryView/SceneryInfo.vue
+++ b/src/components/SceneryView/SceneryInfo.vue
@@ -6,18 +6,6 @@
       <SceneryInfoRoutes v-if="station" :station="station" />
       <SceneryInfoAuthors :station="station" />
 
-      <!-- Link to GeneraTOR app -->
-      <section class="generator-app" v-if="onlineScenery">
-        <a
-          class="a-button btn--action btn--image"
-          :href="`https://generator-td2.web.app/?sceneryId=${onlineScenery.name}|${onlineScenery.region}`"
-          target="_blank"
-        >
-          <img src="/public/images/icon-gnr.svg" alt="GeneraTOR app icon" />
-          {{ $t('scenery.gnr-link-content') }}
-        </a>
-      </section>
-
       <div style="margin: 1em 0; height: 2px; background-color: white"></div>
 
       <!-- info dispatcher -->
@@ -95,8 +83,4 @@ h3.section-header {
 .scenery-topic a {
   font-weight: bold;
 }
-
-.generator-app {
-  margin-top: 2em;
-}
 </style>
diff --git a/src/components/SceneryView/SceneryInfo/SceneryInfoRoutes.vue b/src/components/SceneryView/SceneryInfo/SceneryInfoRoutes.vue
index c440ed4..6f0f78b 100644
--- a/src/components/SceneryView/SceneryInfo/SceneryInfoRoutes.vue
+++ b/src/components/SceneryView/SceneryInfo/SceneryInfoRoutes.vue
@@ -118,7 +118,8 @@ export default defineComponent({
 
 <style lang="scss" scoped>
 .info-routes {
-  display: flex;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
   justify-content: center;
   flex-direction: column;
 
diff --git a/src/components/SceneryView/SceneryTimetable.vue b/src/components/SceneryView/SceneryTimetable.vue
index 7e5eadc..dd50b70 100644
--- a/src/components/SceneryView/SceneryTimetable.vue
+++ b/src/components/SceneryView/SceneryTimetable.vue
@@ -13,12 +13,31 @@
           </span>
         </span>
 
-        <span class="header_links" v-if="station">
-          <a :href="pragotronHref" target="_blank" :title="$t('scenery.pragotron-link')">
+        <span class="header_links" v-if="station && onlineScenery">
+          <a
+            :href="generatorHref"
+            target="_blank"
+            data-tooltip-type="HtmlTooltip"
+            :data-tooltip-content="`<b>${$t('scenery.gnr-link')}</b>`"
+          >
+            <img src="/images/icon-gnr.svg" alt="GeneraTOR app icon" />
+          </a>
+
+          <a
+            :href="pragotronHref"
+            target="_blank"
+            data-tooltip-type="HtmlTooltip"
+            :data-tooltip-content="`<b>${$t('scenery.pragotron-link')}</b>`"
+          >
             <img src="/images/icon-pragotron.svg" alt="icon-pragotron" />
           </a>
 
-          <a :href="tabliceZbiorczeHref" target="_blank" :title="$t('scenery.tablice-link')">
+          <a
+            :href="tabliceZbiorczeHref"
+            target="_blank"
+            data-tooltip-type="HtmlTooltip"
+            :data-tooltip-content="`<b>${$t('scenery.tablice-link')}</b>`"
+          >
             <img src="/images/icon-tablice.ico" alt="icon-tablice" />
           </a>
         </span>
@@ -256,6 +275,10 @@ export default defineComponent({
       return url;
     },
 
+    generatorHref() {
+      return `https://generator-td2.web.app/?sceneryId=${this.onlineScenery!.name}|${this.onlineScenery!.region}`;
+    },
+
     sceneryTimetables(): SceneryTimetableRow[] {
       if (!this.onlineScenery) return [];
 
@@ -363,7 +386,7 @@ export default defineComponent({
 
 .header_links {
   display: flex;
-  gap: 0.5em;
+  gap: 0.25em;
   margin-left: 0.5em;
 }
 
diff --git a/src/locales/en.json b/src/locales/en.json
index 3d5a0c9..f278d8d 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -544,12 +544,12 @@
     "req-level": "all dispatcher levels | dispatcher level {lvl} required | dispatcher level {lvl} required",
     "history-list-empty": "No recorded scenery history!",
     "forum-topic": "Official {name} forum topic",
+    "gnr-link-content": "Train orders generator",
     "pragotron-link": "Timetable pallet board",
-    "tablice-link": "Timetable summary board (by Thundo)",
+    "tablice-link": "Timetable summary board <br> (by Thundo)",
     "bottom-info": "Show full history in the Journal tab",
     "btn-show-internal-routes": "Show internal routes",
-    "btn-hide-internal-routes": "Hide internal routes",
-    "gnr-link-content": "OPEN TRAIN ORDERS GENERATOR FOR THIS SCENERY"
+    "btn-hide-internal-routes": "Hide internal routes"
   },
   "availability": {
     "title": "Availability",
diff --git a/src/locales/pl.json b/src/locales/pl.json
index 444e553..9365535 100644
--- a/src/locales/pl.json
+++ b/src/locales/pl.json
@@ -530,12 +530,12 @@
     "req-level": "ogólnodostępna | minimum {lvl} poziom dyżurnego | minimum {lvl} poziom dyżurnego",
     "history-list-empty": "Brak historii dla tej scenerii!",
     "forum-topic": "Oficjalny wątek scenerii {name}",
+    "gnr-link": "Generator rozkazów pisemnych",
     "pragotron-link": "Paletowa tablica informacyjna",
-    "tablice-link": "Tablica informacyjna zbiorcza (autorstwa Thundo)",
+    "tablice-link": "Tablica informacyjna zbiorcza <br> (autorstwa Thundo)",
     "bottom-info": "Pokaż pełną historię w zakładce Dziennika",
     "btn-show-internal-routes": "Pokazuj szlaki wewnętrzne",
-    "btn-hide-internal-routes": "Ukrywaj szlaki wewnętrzne",
-    "gnr-link-content": "OTWÓRZ GENERATOR ROZKAZÓW PISEMNYCH DLA TEJ SCENERII"
+    "btn-hide-internal-routes": "Ukrywaj szlaki wewnętrzne"
   },
   "availability": {
     "title": "Dostępność",
@@ -566,4 +566,4 @@
   "history": {
     "title": "DZIENNIK ROZKŁADÓW JAZDY"
   }
-}
\ No newline at end of file
+}
diff --git a/src/views/SceneryView.vue b/src/views/SceneryView.vue
index 9e1a2f9..34c7d52 100644
--- a/src/views/SceneryView.vue
+++ b/src/views/SceneryView.vue
@@ -299,7 +299,7 @@ button.back-btn {
 
   .scenery-right {
     border-radius: 1em;
-    height: auto;
+    height: 100vh;
   }
 }